Skip to content

How to Recommend Subscription Products

This article explains how to recommend subscription products, so a customer can subscribe straight from the results page.

A recommended subscription product on the results page

Set up subscriptions

The app works with Shopify Subscriptions and Recharge Subscriptions.

Before you start

  1. Open your online store themes and click Edit Code.

  2. Open the layout/theme.liquid file.

  3. Add the Recharge Storefront SDK in the <head> section, before the RevenueHunt quiz renderer script.

    <script src="https://static.rechargecdn.com/assets/storefront/recharge-client-2.0.0.min.js"></script>

    The legacy Recharge script is not the same file

    https://static.rechargecdn.com/static/js/recharge.js is not the Storefront SDK the quiz needs. If your theme loads that legacy script, replace it with recharge-client-2.0.0.min.js.

  4. Save the theme.

  5. Go to the Results page tab and open the settings of your Product block.

  6. Add the Subscription option to Product components layout.

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_products_slotitemcompositon1

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_products_slotitemcompositon2

  7. Select your subscription app under Subscription.

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_productcomponents_subscription

    Supported subscription apps

    The Subscription component supports Shopify Subscriptions, and Recharge Subscriptions on the Plus plan.

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_productcomponents_subscription_apps

    To ask about an app that is not on the list, contact support.

  8. Click the top-right Save button.

  9. Publish the quiz on a new page and take it through to the results page.

    The subscription options never appear in the preview

    Testing this needs a published quiz on a page of your website. The quiz preview cannot show the subscription options.

  10. Add a subscription product to the cart, then check the cart holds it correctly.

The app works with Recharge Subscriptions.

Before you start

  1. Go to the Connect tab in your quiz dashboard.

  2. Scroll to the Recharge section and click connect.

  3. Run a catalog sync from the success checklist on your dashboard. The sync takes 30 to 60 minutes.

  4. Link your Recharge subscription products to the matching choices in the Link Products tab.

  5. Click Publish. This updates both the preview and the live quiz.

What this setup cannot do

  • One button cannot add every product to the cart. Each subscription has to be chosen and added on its own.
  • The customer picks the subscription duration on the results page. You cannot recommend a specific duration.
  • The customer has to go to the cart first, rather than straight to checkout. You can change that in the checkout settings.
  • Only the new Shopify Checkout works. The old Recharge Checkout does not. To move over, see the Recharge migration guide.

The app works with WooCommerce Subscriptions.

Products created with that plugin sync to the app on their own once it is installed. They appear under the Link Products tab in the Quiz Builder.

If a subscription product is missing from the list

Run a catalog sync.

Not available on this platform

This version cannot recommend subscription products directly. See Other subscriptions for a workaround that sends the customer to the product page to subscribe.

Not available on this platform

This version cannot recommend subscription products directly. See Other subscriptions for a workaround that sends the customer to the product page to subscribe.

Not available on this platform

This version cannot recommend subscription products directly. See Other subscriptions for a workaround that sends the customer to the product page to subscribe.

Other subscriptions

Any other subscription app can still be recommended, by sending the customer to the product page instead of adding the product to the cart. They subscribe on the product page, in whatever app you use.

  1. Pick the subscription products you want the quiz to promote.

  2. Create a one-time payment product for each one. These stand in for the subscriptions inside the quiz.

  3. Link each one-time product to the matching choices in Link Products. You can also pin them with Fixed Recommendations.

  4. Go to the Results page and select a Product block.

  5. Open Product Components Layout in the block settings.

  6. Remove the Add to cart component, then add a Link to Product component in its place.

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_products_slotitemcompositon1

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_products_slotitemcompositon2

    manual_shopifyV2_quizbuilder_quizbuilder_resultspage_resultspages_blocksettings_productcomponents_linktoproduct

What the customer sees

The results page no longer adds a product to the cart. It sends the customer to the product page, where they subscribe.

  1. Pick the subscription products you want the quiz to promote.

  2. Create a one-time payment product for each one. These stand in for the subscriptions inside the quiz.

  3. Link each one-time product to the matching choices in Link Products.

  4. Go to the Results Page settings.

  5. Change Add to cart to Link to product in the Checkout Settings.

What the customer sees

The results page no longer adds a product to the cart. It sends the customer to the product page, where they subscribe.

  1. Pick the subscription products you want the quiz to promote.

  2. Create a one-time payment product for each one. These stand in for the subscriptions inside the quiz.

  3. Link each one-time product to the matching choices in Link Products.

  4. Go to the Results Page settings.

  5. Change Add to cart to Link to product in the Checkout Settings.

What the customer sees

The results page no longer adds a product to the cart. It sends the customer to the product page, where they subscribe.

  1. Pick the subscription products you want the quiz to promote.

  2. Create a one-time payment product for each one. These stand in for the subscriptions inside the quiz.

  3. Link each one-time product to the matching choices in Link Products.

  4. Go to the Results Page settings.

  5. Change Add to cart to Link to product in the Checkout Settings.

What the customer sees

The results page no longer adds a product to the cart. It sends the customer to the product page, where they subscribe.

  1. Pick the subscription products you want the quiz to promote.

  2. Create a one-time payment product for each one. These stand in for the subscriptions inside the quiz.

  3. Link each one-time product to the matching choices in Link Products.

  4. Go to the Results Page settings.

  5. Change Add to cart to Link to product in the Checkout Settings.

What the customer sees

The results page no longer adds a product to the cart. It sends the customer to the product page, where they subscribe.

  1. Pick the subscription products you want the quiz to promote.

  2. Create a one-time payment product for each one. These stand in for the subscriptions inside the quiz.

  3. Link each one-time product to the matching choices in Link Products.

  4. Go to the Results Page settings.

  5. Change Add to cart to Link to product in the Checkout Settings.

What the customer sees

The results page no longer adds a product to the cart. It sends the customer to the product page, where they subscribe.

This article explains how to recommend subscription products, and what to do when your subscription app is not supported directly.