What are Subscriptions by ReCharge?

Subscriptions by ReCharge is a popular subscription application that allows merchants to offer product subscriptions to their users.

Please note: this is not an official integration and as such Shogun support will not be able to offer support or take responsibility for any issues relating to the operation or integration of Subscriptions by ReCharge.

Using an "existing layout" product page

The easiest route is to select the Existing Layout option when importing the non-hidden product page. Recharge relies on the theme's built-in Add to Cart buttons to function off the shelf. The Custom Layout does not contain the theme's built-in components, so Recharge will not work with this template by default.

https://getshogun.com/help/shopify-faq/whats-the-difference-between-an-existing-and-custom-product-layout


Using a "custom layout" product page or non-product pages

On the Custom Layout and non-product pages, Recharge can be integrated with some custom code. Their line item documentation shows partial code of an HTML form. To complete the form, specific subscription data and a submit button would need to be added. This custom form can be added into your Shogun page using the HTML element:

https://getshogun.com/help/element-tutorials/advanced/how-to-embed-html-code-in-shogun


Adding a custom "Add to Cart" button and script

Recharge has provided some great documentation on adding a custom "Add to Cart" script to pages:

https://support.rechargepayments.com/hc/en-us/articles/360008683774-Add-an-Item-to-Cart-with-AJAX

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:

https://getshogun.com/help/advanced/what-is-the-best-way-to-apply-css-to-elements-in-shogun

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.


Note

Options 2 and 3 would likely require the assistance of a developer. If you do not have access to a developer, we recommend the following resources to recruit help with custom code: https://getshogun.com/partners


Did this answer your question?