Skip to main content

Design the split payment button

Learn how to customize the design of split payment button

Written by Andrey Gadashevich

The split payment button appears in the cart and opens the split pop-up. You can change its look and texts to match your store.

Go to: Split Payment → Split payments → Design tab → Button

The Preview on the right shows the button and its tooltip. Click Save to apply your changes to the store.

Style

Button

  • Background color

  • Font color

  • Font size (8–24 px), font style (bold, italic, underline) and font family

  • Border color, border width and border radius (0–24 px)

Tooltip

  • Position: Top, Bottom, Left or Right

  • Display: Always, While hovering over the button, or Never

  • Background color and font color

  • Font size, font style and font family

  • Border color, border width and border radius (0–24 px)

For font family, Theme default isn't shown in the Preview, but it appears in your store.

Content

  • Button text: the text on the button (up to 55 characters). This field can't be empty.

  • Hover text: the text in the tooltip.

If you've added storefront languages in Settings → Languages, click the translate icon next to a field to enter the text for each language.

Where the button appears

These settings are on the Settings tab of Split payments, not the Design tab:

  • Show in cart drawer (under Additional settings): show or hide the button in your theme's cart drawer. The button always shows on the cart page.

  • Minimum cart amount: hide the button when the cart total is below an amount you choose, and show an optional message in its place.

Need Help?

If you have any questions, click Chat with us for help on the Split payments page, or contact our support team.

📩 Contact Support: Reach out to us via live chat or send an email to [email protected]

Did this answer your question?