Though there is no official third-party integration, many ReCharge merchants may choose to use Shogun Page Builder, Gem Pages, or other page builder apps to design custom pages for their Shopify store. As ReCharge uses a separate checkout system, you will need to configure your pages to direct to the ReCharge checkout.
Before you start
- Shogun Page Builder and GemPages are not official integrations. If you would like to configure your custom pages to work with ReCharge, you will need to work with a developer or a ReCharge Expert.
- This guide is meant to be used as a reference in order for you, your team, or a recommended third-party developer to carry out. This is not part of ReCharge's standard turnkey solution.
Using Shogun Page Builder
Option 1 - Use the Existing Layout option
Option 2 - Add custom code
Option 3 - Use AJAX
Alternatively, you can use AJAX to add an item to the cart page.
This script can be applied within Shogun using the standard Button element, the CSS Class field, and the HTML element. A unique CSS class can be applied to a Button element in Shogun in the Advanced style settings.
The ReCharge script can be updated to include that CSS class and the subscription data. The script can then be added into an HTML element on the page.
For instructions on integrating ReCharge code into your GemPages, visit How to integrate ReCharge app with GemPages.