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.
Updated 5 months ago