All Collections
Building with Recurpay
Integrate Recurpay with your page builder
Integrate Recurpay with your page builder

How to integrate Recurpay with any page builder application in just few hours

Sinchain avatar
Written by Sinchain
Updated over a week ago

Page builder application today is one of the most important elements of growing commerce. With the ability to build, launch and iterate any kind of landing pages faster with no knowledge of coding, it has revolutionised the complete development process.

When page builders are so integral part of commerce, we thought of making it super simple to integrate any page builder with Recurpay and help merchants build a sustainable commerce business with subscriptions.

Here is how it works:

What do you need to integrate your application with Recurpay:

  1. Just add the below code in the template when someone adds Recurpay subscription widget element:

<div class="recurpay-pdp-widget" data-product-id="{{}}" data-product-available="{{product.available}}" data-default-variant="{{}}" data-only-subscription="{{product.requires_selling_plan}}"></div>

Let's dive deep into the dynamic variables used in the code above:

Dynamic Variable


Helpful Information


Shopify Product ID


Shopify Variant ID of the selected variant


Shopify Inventory status of the product

true if the product is in stock

false if the product is out of stock


Shopify selling plan status

true if the product is marked as only for subscription purchase

false if the product is eligible for both one-time purchase and subscription.

NOTE: Subscription widget will only show if the product has any active plan created on Recurpay dashboard.

Facing any issue with integrations? Click the green chat button or write us at

Did this answer your question?