Our No-Code solutions allow you to customize the look and feel of the widget to align with your brand guidelines, without modifying core functionality or handling sensitive payment or card data.

You can control visual elements such as theme, colors, layout, and overall presentation while maintaining security and compliance standards.

Customization is recommended when:

Your brand guidelines require specific color or styling alignment.
You want visual consistency across payment and vaulting flows.

What You Can Customize

You can define the theme during Widget Initialization using the theme attribute.

If no theme is explicitly configured, the system selects the default theme automatically.

Category	Property	Description
colors	`primary`	Indigo brand color
	`primaryForeground`	Primary text/foreground color
	`background`	Background color
	`foreground`	Default text color
	`border`	Border color
	`success`	Success state color
	`destructive`	Error/destructive state color
radius	`base`	Base border radius
	`md`	Medium border radius
typography	`fontFamily`	Default font family

Branding Best Practices

Use the following guidelines to ensure your customized widget remains visually consistent, accessible, and user-friendly.

Use high-contrast primary colors for accessibility.
Ensure button styling aligns with your website’s design system.
Maintain consistency between your checkout page and widget appearance.
Avoid overly aggressive styling that may impact readability or user trust.