This aide will help you out with the step-by-step process to install Recurpay snippet on your Shopify store.
Product Page - To show the Recurpay widget on your product pages follow the below steps:
Insert this code just above the add to cart button on your product page
<div id="recurpay-pdp-widget"></div>
Create a snippet named as recurpay.liquid and paste the code from the below link:
https://cdn.shopify.com/s/files/1/0265/7687/9691/files/recurpay_4d23afb1-1aee-4bf5-8e4d-cf02076b84bc.liquid?v=1651643221
Account Page - To show Recurpay widget on your account page follow the below steps:
Insert this code on the account page wherever you want the manage subscription snippet to appear.
<div id="recurpay-account-widget"></div>
Theme Change- Navigate to theme.liquid and add the below code before the end of </body> tag.
{% include ‘recurpay.liquid’ %}
Custom CSS - Create a file named as recurpay.scss.liquid and paste the below content.
https://cdn.shopify.com/s/files/1/0265/7687/9691/files/recurpay.scss_7bca0c8b-bfa2-4aa7-ba07-46f210d515de.liquid?v=1651643221
Schema - In the file named as settings_schema.liquid append the below JSON at the end of the JSON object. https://cdn.shopify.com/s/files/1/0265/7687/9691/files/schema_db0ccb60-9a32-4b87-93e7-d4ad534250fa.json?v=1652097328
Note: Once the file is added, add the recurpay url in the customise section of theme. Customize > Theme Settings > Recurpay Subscription and make the required changes.