With the Subscription Widget, you can customize different subscription widgets using Shopify’s templates feature to offer different custom widgets assigned to specific products. For example, you can customize the subscribe widget to match a product that uses specific styling, ie. to highlight a sale or an exclusive item.

This guide explains how to offer different widget using templates in the Shopify theme editor.

Step 1 - Create the product page template

Create the product page template in Shopify for your selected theme:

1. Log in to your Shopify admin and select Online Store.
2. Click Customize next to the theme you want to create product page templates for.
3. Click the page drop-down menu item at the top of the editor and select Products.
4. Select Create template.
5. Update the name of the template, and click Create template.

Step 2 - Create multiple widgets in Recharge

Follow the widget set-up instructions to create your first widget in Recharge using Recharge's flows canvas.

Make sure to set a condition when configuring the trigger node to ensure the widget only applies to specific page templates:

1. Click on the Trigger node.
2. Click Add to add a condition.
3. Select Add product template to choose the the template.
4. Choose the product template from the list of available templates. Select Or to add additional templates.
5. Click Apply to set the condition.

After activating your first widget, repeat the widget set-up instructions to create additional widgets, ensuring they're assigned to the right product page template using the Trigger node.

Step 3 - Assign the product page template to your product in Shopify

Add the product page template to your product in Shopify so customers can interact with your customized widget:

1. Navigate back to your Shopify admin and select Products.
2. Select the product that should use the customized widget.
3. Click on the drop-down menu under Theme template and select the new product page template.
4. Click Save.

Considerations

Consider the following when using the Subscription Widget: 

Consideration	Notes
Custom modifications	Custom CSS/HTML/JS modifications are not supported at this time.
Bundles	Dynamic bundles uses its own widget to display the bundles option to customers. Fixed-price and Preset bundles use the Subscription Widget. You can create a bundles-specific product page template, and then design a widget to display on this template that specifically highlights the benefits of your bundled products.
Product Subscription Plans	You must have Product Subscription Plans enabled to use the Subscription Widget. Follow the instructions listed on How to convert to Product Subscription Plans if you wish to upgrade to use the widget. The widget respects the sort order of your product subscription plans set for a product. The plans list on the widget resets if you change the order of the product's plans. You cannot select specific frequencies to display first, instead at this time frequencies are preselected.
Page builder apps	Page builder apps such as Pagefly and Shogun are not compatible with the Subscription Widget out-of-the-box.
Shopify themes	The Subscription Widget is compatible with all free Shopify themes. The widget is compatible with the Flow theme if you have Version 39.7.0 of the theme or later installed. The widget is not compatible with the following paid Shopify themes: Flux Nexa Drop Essentials Select The following themes are partially compatible with the Widget, though full functionality is not yet supported: Stockmart Highlight Lute Copenhagen Urban
Shopify Markets	You can completely translate the Subscription Widget, and it is compatible with Shopify Markets. See How can I translate the Subscription Widget? for more information.
Price label	The price label on the product page does not update when switching between one-time and subscription options due to a Shopify limitation. The price does display on the widget to help prevent customer confusion.

Resources

See the following resources for additional Subscription Widget information.

Getting started guides

• Subscription Widget

Troubleshooting resources

Subscription Widget not visible on the product page in the Shopify Theme Editor

Frequently Asked Questions

How can I translate the Subscription Widget?