Skip to main content

Design the split pop-up

Learn how to customize the design of split pop-up

Written by Andrey Gadashevich

The split pop-up opens when a customer clicks the Split payment button in the cart. In it, they can split the order into several payments (Multiple payment) or share it with other people (Shared payment). You can change its look and every text in it.

Go to: Split Payment → Split payments → Design tab → Pop-up

The Design tab has three sections: Pop-up, Button and Badge. Each section has a Style block and a Content block. The Preview on the right shows the section you're editing. Click Save to apply your changes to the store.

Style

  • Pop-up: background color and active tab color.

  • Text: font color, link color, font size (8–24 px), font style (bold, italic, underline) and font family. The font family options are Theme default, Roboto, Open Sans, Lato, Montserrat, Merriweather, Playfair Display and Verdana. Theme default isn't shown in the Preview, but it appears in your store.

  • Button: button color.

Content

You can edit every text in the pop-up.

Multiple payment

  • Multiple payment tab

  • Multiple payment description

  • Multiple payment label. Use {{number}} to show the payment number, e.g. "Payment 2".

Shared payment

  • Shared payment tab

  • Shared payment description

  • Initiator label and initiator shipping label

  • Recipient label. Use {{recipient number}} to show the recipient number.

  • Recipient shipping label

  • Shared payment label

  • Email label

General

  • Add payment label

  • Subtotal label

  • Cancel button

  • Save button

Tab labels appear exactly as you type them, so type them in capitals if you want capitals.

Translations

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

Classic pop-up

If your store still uses the Classic pop-up, you'll see a Pop-up style choice (Modern or Classic) at the top of the Style block. The Classic style has its own settings:

  • Pop-up: background color, border color, border width and border radius (0–24 px)

  • Text: font color, size, style and family

  • Active tab / Inactive tab: background color, font color and border color

  • Header: background color, font color and font size

  • Delete button: background color and font color

  • Input prefixes: background color, font color and border color

In Content, the Classic pop-up has Text at the top and Text at the bottom for both Multiple payment and Shared payment.

Note: once you save the Modern style, the Classic option is no longer available.

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?