Skip to main content

Design deposit widget

Learn how to customize the design of the deposit payment widget

Andrey Gadashevich avatar
Written by Andrey Gadashevich
Updated today

The deposit widget allows you to show deposit payment options (e.g., 50% upfront, balance later). You can fully customize the design of the deposit payment widget.

Go to: Split Payment → Design → Deposit widget

Customization Options

You can edit:

  • Main Text

    • Font color for primary messages (e.g., “Initial payment”)

  • Secondary Text

    • Font color for supporting details (e.g., remaining payment terms)

  • Radio Button

    • Border color for payment selection buttons

  • Notes

    • Background color for additional information displayed below

Translations and Placeholders

In the Translations section, you can adjust text labels and add placeholders for dynamic values:

  • Labels: Full payment, Deposit payment, Initial payment, Remaining sum

  • Dynamic Placeholders:

    • {{percentage}} → deposit percentage (e.g., “50% deposit”)

    • {{interval}} → time period until remaining payment (e.g., “30 days”)

    • {{date}} → exact fixed date when the remaining payment will be charged

  • Examples:

    • Deposit payment: {{percentage}} deposit → “50% deposit”

    • Remaining amount (Delayed Days):
      “The remaining amount will be charged in {{interval}} automatically”
      → “The remaining amount will be charged in 30 days automatically”

    • Remaining amount (Fixed Date):
      “The remaining amount will be charged on {{date}} automatically”
      → “The remaining amount will be charged on October 15, 2025 automatically”

  • Descriptions:
    Customize the checkout note, for example:

    • “Initial payment is made at the checkout. For the remaining sum you’ll be charged automatically after the specified period of time.”

    • Or with a fixed date: “Initial payment is made at the checkout. For the remaining sum you’ll be charged automatically on the specified date.”

  • Labels: Adjust text for time units such as days and weeks.

Preview

Use the preview panel on the right side of the screen to instantly check how your changes will appear.

Need Help?

If you have any questions, please 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?