Up-sell and Cross-sell apps not only help the merchants increase Average Order Value (AOV) but also gives the customers a way to experience your brand offerings further which gives them more reason to stick with the brand.

While merchants today are easily able to offer Up-selling and Cross-selling opportunities to customers when they try to buy a product as One-Time purchase but the same is not possible when they try to subscribe. As a subscription app, we could have chosen to build the feature ourselves but we know we couldn't have done it better than you so here is a simple process on integrating Recurpay with your upsell app:

Note: The steps are only for Shopify and not for any other Ecommerce platforms.

Showing the up-sell/cross-sell option on Product and Cart Page along with subscription plan options.

  1. Do a GET request for the respective product by calling the product js API to get the selling plan details from Shopify

    https://{{shop.permanent_domain}}/products/{{product.handle}}.js

  2. The response received from the above API call will have the selling plan info which needs to be shown to the end customer.
    https://shopify.dev/api/ajax/reference/product#selling-plan-example

    Loop the selling_plan_groups object and fetch the selling_plans. The selling plans is an array of objects which will contain the plan name and discount that needs to be shown to the end customer. Create a dropdown with all the selling plan names as an option and show it to the end customer.

    Recurpay automatically creates and manage subscription selling plans on Shopify store so you need not use our direct APIs for the integration.

  3. While calling add.js or change.js API from Shopify, pass the selected selling plan id.

    https://shopify.dev/api/ajax/reference/cart#add-a-selling-plan
    Eg: https://{{shop.permanent_domain}}/cart/add.js

  4. In case you are looking to change the one-time product to a subscription, you can simply call the change.js API to update the line item with the selling plan id or vice versa.

    https://shopify.dev/api/ajax/reference/cart#update-selling-plans
    Eg: https://{{shop.permanent_domain}}/cart/change.js

Do you know? By following the above steps, you will not only integrate with Recurpay but with almost all other subscription apps too!


Facing any issue with integrations? Click the green chat button or write us at help@recurpay.com

Did this answer your question?