Customize the widget's appearance

Enhance your website or applications user experience by tailoring the MoonPay widget's appearance to align with your brand. These personalization options are referred to as a theme.

Examples

Available personalizations

• Brand logo displayed in the header.
• Palette choices accommodating both light and dark preferences.
• Button corner radius for a tailored look.
• Foreground element corner radius customization for:
  • Icons
  • Display boards
  • Text input fields

Crafting your theme

Your website or application can feature a unique theme that includes a dedicated themeId.

Creation of this themeId is a self service feature that can be accessed via the MoonPay dashboard at https://dashboard.moonpay.com/v2/theme.

Implementing your theme

To apply your custom theme, simply set your newly created theme to "Active" on the theme creation screen. This will ensure that your widget is initialized with the corresponding themeId upon usage of your MoonPay API key.