Skip to main content

How to Customize Your Subscription Widget on Subi

Learn how to fully customize your subscription widget and add it to different pages of your store.

Updated yesterday

Overview

Subi provides a powerful tool for customizing your subscription widget to make it blend seamlessly with your store’s design and enhance customer experience. Whether you want to adjust its appearance, remove branding, or add it to other pages of your store, Subi’s customization options offer full flexibility. This guide walks you through the steps of personalizing your widget, including choosing a style, editing its content, and integrating it on your homepage or other landing pages. Additionally, we’ll show you how to make your widget multilingual to reach a global audience.

When you create a subscription plan with Subi, a subscription widget is automatically added to your product page. You can fully customize this widget to better match your store's branding, style, and functionality.


Customizing Your Subscription Widget

To get started, head to the Widget tab in the Subi app. From there, you can access the customization options by clicking on Customize Widget under the "Subscribe & Save" section.


1. Choose Your Widget Style

You have four widget styles to choose from for the Subscribe & Save subscription. Select your preferred style, then click on View Widget to see how it appears on your product page.


2. Customize the Content of Your Widget

Once you’ve selected your widget style, you can tailor the content to fit your store’s theme. Click Customize to open the customization page, where you can edit various fields. As you make changes, the live preview on the right will update, allowing you to see how the widget looks in real-time.


3. Remove Subi Branding from Your Widget

If you'd like to remove Subi branding "Powered by Subi" from your widget, you can do so easily. From the widget customization page, navigate to the Footer section in the left menu, and simply disable the Subi Branding option.


4. Use CSS to Further Personalize Your Widget

For advanced users, you can apply your own CSS to the widget for additional customization. To do this, go to the Advanced section of the widget customization page and input your CSS code.


5. Request Widget Personalization

If you’d prefer a fully personalized look for your subscription widget (e.g., changing the background color, font family, or other styling elements), simply reach out to our support team by clicking the chat icon at the bottom right of your screen.

See how personalizing the widget can have a huge effect on your product page:


6. Add Your Subscription Widget to Your Home Page or Other Landing Pages

You can also place the subscription widget on your homepage or any other landing pages. This allows customers to subscribe to your products directly from these pages.

To enable the widget on the home page and other sections of your store, go to the Widgets tab, and enable the "Display subscription widget on home page and other pages" option.


7. Make Your Subscription Widget Multilingual

If you want to make your subscription widget accessible in multiple languages, follow the instructions outlined in this article. By doing so, you can ensure your widget caters to customers in different regions.


Need Help?

Feel free to contact our support team. We're here for you anytime:

  • Live Chat: Message us by clicking the chat icon at the bottom right of your screen.

  • Email: Reach us at [email protected].

Did this answer your question?