1. Create a custom page on your store with a default template.

  2. Create a collection of the subscription products which you want to display on this page.

  3. Render the collection on the custom page and display all the products along with the variant and quantity selection if required.

  4. Use our Plans API to fetch applicable subscription plans for all the products.
    https://docs.recurpay.com/reference/plans-api

  5. Build a custom cart using Javascript functions to keep a track of products getting added.

  6. The moment customer clicks on checkout use our initiate checkout api to send the respective products along with their unique selected plan id.

    https://docs.recurpay.com/reference/initiate-checkout-api

  7. Redirect customers on checkout using the url returned by calling the checkout API.

Did this answer your question?