Skip to main content
All CollectionsBasic Setup & Configuration
Styling your storefront widget
Styling your storefront widget

How to change the basics, and what to do to fully customize your subscriptions widget

Updated over 6 months ago

One of the first things most of our merchants ask is how to change the colors, text, and some behaviors of their storefront widget. The storefront widget that appears on the product page is a Shopify App Embed. This means it must be turned on for each theme you use, and can be configured in your theme customizer.

App Embed Settings

To view and modify your widget settings, open the theme customizer for the theme you'd like to update. This is located in the Online Store sales channel.

In the customizer, click on the App Embeds icon, and open the Membership Widget embed.

If you'd like to preview the changes you're making in real time, choose the correct product template at the top-middle of the page, then in the Preview section, choose your membership product by clicking on Change. If you have configured a plan for this product, the Simplee widget will appear on the product page.

Some things you can configure from the App embeds page include:

  • Colors of the widget text, background, highliged color, etc...

  • Overall widget style

  • Custom CSS properties

  • "My Membership" link color for Account page

  • Text defaults for the widget

Update the Membership Length heading

The one setting you won't find in the App embed is the heading which appears over the membership widget, typically called Membership Length. To change this value, open the Simplee Memberships app, go to the Settings page, then in the Storefront Widget section, adjust the heading.

These settings are for older installations and the widget colors can be ignored.

Did this answer your question?