Skip to main content
  1. Recharge
  2. Products & subscriptions
  3. Subscription widget
  4. Using the subscription widget

Getting started with the Subscription Widget

Relevant to: Shopify Checkout Integration Migrated Shopify Checkout Integration

The Subscription Widget empowers you to take your subscription offerings on the Shopify product page to the next level through a highly customized customer experience.

This guide highlights the Subscription Widget’s key features, plus provides set-up instructions and things to consider. 

Platform:

  • Shopify Checkout Integration
  • Migrated Shopify Checkout Integration

Before you start

Key features

Customize the widget directly in Recharge

Customize the widget’s styling and labels, highlight your subscription offering using your preferred phrasing, and even more now directly in Recharge.

You create and design your widget in Recharge’s flow canvas, enabling more in-depth customization and greater control.

A/B testing and analytics

Consider using A/B testing and analytics to build and monitor the subscription widget experience and release enhancements based on customer data.

With A/B testing, you can add the A/B test node to the canvas to create two separate widgets and see which one resonates best with your customers. To understand your customers' preferences, you can create two widgets and try:

  • Using different wording to highlight subscription savings
  • Testing alternating default selections
  • Implementing different color schemes

Review your widget analytics to understand how your customers interact with the widget, and use the data filters to get granular insights.

Use cases

Review the following use cases to understand how other merchants leverage the Subscription Widget:

Use case

Description
A merchant wants to understand what messaging better drives conversions.

You can use the A/B test options to configure two separate widgets, which customers randomly see depending on the path they enter.

When your A/B test period finishes, you can review your widget analytics to determine which widget resulted in higher conversion rates.
A merchant on the Starter plan wants to encourage subscription opt-ins without redesigning their entire website. You can customize messaging and styling directly in Recharge without additional coding or advanced customizations.

Set-up instructions

See How to set up and customize the Subscription Widget for detailed setup instructions. 

Considerations

Consider the following when using the Subscription Widget:

Consideration

Notes
Bundles
  • Fixed-price and Dynamic bundles use their own widgets to display the bundles option to customers.
  • 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
Shopify Markets

An example of the widget translated into Spanish
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. 
Quantity adjustments pricing
  • The subscription widget does not dynamically update the displayed price when a customer adjusts the quantity on the product page. The displayed price remains fixed based on the initial quantity selection.
Payment
  • If you use manual payment capture or authorization capture on Shopify, the order isn't paid at checkout. In these cases, widget analytics only reflect the checkout information after you successfully capture the payment.
Compare at price
  • The widget does not display the Shopify compare-at-price.
Advanced customizations
  • Customizations to the product page can interfere with the subscription widget and cause the error "Variant can only be purchased with a selling plan."
  • This happens when the selling plan isn’t correctly passed to the cart, preventing successful subscription purchases. If you’re adding custom elements to the product page, work with a developer to ensure your changes properly integrate with the subscription widget.
Widget placement
  • The Subscription Widget only works on product page templates. You cannot place the widget on other pages, such as your storefront's home page.

Resources

Getting Started resources

Set-up instructions

Troubleshooting resources

Frequently Asked Questions

Developer Docs

Was this article helpful?
0 out of 0 found this helpful

Related articles

Didn’t find what you’re looking for?

Contact us