Skip to main content

Design split badge

Learn how to customize the design of the split payment widget

Written by Andrey Gadashevich

The split badge is a small floating widget on your store. It shows customers the split payments they have in progress, and has a Clear my payments button. It used to be called the split widget.

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

The Preview on the right shows the badge. Click Save to apply your changes to the store.

Style

Widget

  • Position on screen: Bottom right, Bottom left, Top right or Top left

  • Background color

  • Font color

  • Border color

  • Links color

Icon

  • Symbol size (8–48 px)

  • Symbol color

  • Background color

  • Border color

Clear my payments button

  • Background color

  • Font color

  • Border color

Content

  • Symbol: the icon shown on the badge. You can copy and paste icons from unicode-table.com.

  • Title

  • Order label: use {{order number}} to show the order number.

  • Payment label: use {{payment number}} to show the payment number.

  • Button: the text of the Clear my payments button.

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

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?