Skip to main content

How to change widget colors and button colors

How to Customize Your Recurpay Widget: A Step-by-Step Guide to Colors

In the world of e-commerce, consistency is key. When your subscription widget matches your brand’s aesthetic, it builds trust and creates a seamless shopping experience for your customers.

If you're looking to align your Recurpay interface with your store's unique look, here is how you can quickly update your widget and button colors.


Accessing the Design Settings

All visual customizations take place within your central dashboard. To get started:

  1. Log in to your Recurpay dashboard.

  2. Navigate to the Settings menu on the sidebar.

  3. Select Widget Customizations

Customizing Your Color Palette

Once you are in the Widget Customization settings, scroll down to Widget Design section, you will see several color fields. Adjusting these allows you to control the "vibe" of your subscription interface:

  • Primary Color: This is your main brand color. It typically controls the highlights and the most prominent accents of the widget.

  • Secondary Color: Use this for more subtle accents or to define hover effects when a customer interacts with the widget.

  • Button Background Color: This is the "Call to Action" (CTA) color. Choose a shade that stands out against your site background to encourage clicks.

  • Button Text Color: Ensure there is high contrast here (e.g., white text on a dark button) so your customers can easily read the button's label.

Need Help? If you face any issues upon installation, reach out to our team at help@recurpay.com or start a live chat anytime on your dashboard for real-time assistance. We are available 24x7.

Did this answer your question?