How to create different widgets for individual products using product templates in Shopify using the Subscription Widget
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.
- Shopify Checkout Integration
- Migrated Shopify Checkout Integration
Step 1 - Create the product page template
Create the product page template in Shopify for your selected theme:
- Log in to your Shopify admin and select Online Store.
- Click Customize next to the theme you want to create product page templates for.
- Click the page drop-down menu item at the top of the editor and select Products.
- Select Create template.
- 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:
- Click on the Trigger node.
- Click Add to add a condition.
- Select Add product template to choose the the template.
- Choose the product template from the list of available templates. Select Or to add additional templates.
- 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:
- Navigate back to your Shopify admin and select Products.
- Select the product that should use the customized widget.
- Click on the drop-down menu under Theme template and select the new product page template.
- Click Save.
Considerations
Consider the following when using the Subscription Widget:
Consideration |
Notes |
Custom modifications |
|
Bundles |
|
Product Subscription Plans |
|
Page builder apps |
|
Shopify themes |
|
Shopify Markets |
|
Price label |
|
Resources
See the following resources for additional Subscription Widget information.
Getting started guides
Troubleshooting resources
Subscription Widget not visible on the product page in the Shopify Theme Editor