Recharge Theme Engine

The Recharge Theme Engine allows you to customize the interface of your store's customer portal. This portal is a series of pages and controls that allow your customers to view or modify their subscription, change their billing information, or review their order history. With the editor, you'll be able to tailor the look and feel of this portal to fit your store's style and branding.

Eligibility

• To access the Theme Engine, you need to be on the Recharge Pro Plan or a Recharge Partner.
• We recommend having experience with JavaScript, AJAX, and HTML. 
• Your store should have at least one customer with one active subscription.

Recharge Checkout on Shopify

• The Theme Engine is available to merchants using the Recharge Checkout on Shopify on the Recharge Pro Plan. If you are interested in enabling the Theme Engine, contact the Recharge support team. 

Recharge Checkout on BigCommerce

• The Theme Engine is available to merchants using the Recharge Checkout on BigCommerce on the Recharge Pro Plan. If you are interested in enabling the Theme Engine, contact the Recharge support team. 
• The default hosted URL for your customer portal is admin.rechargeapps. Refer to Setting up a custom customer portal domain to change this URL. 

Shopify Checkout Integration

• The Theme Engine is in open beta for Shopify Checkout Integration stores that have not migrated from the Recharge Checkout on Shopify, and are on the Recharge Pro Plan. If you are interested in opting into the beta, contact the Recharge support team. 
• Theme Engine access for migrated stores is still under development. For updates, visit Shopify Checkout Integration feature status or our the Recharge Changelog.

Developer documentation

Once you have access to the Theme Engine, you can access the developer documentation. 

You need a code to access the documentation. If you have not received your code, please reach out in the dedicated #public_theme_edit_v2 Slack channel or contact the Recharge Support team.

Access the Recharge Theme Engine

Use the theme editor to begin customizing your customer portal theme.

Create a new theme or edit an existing one

Create a new theme if you want to update an existing one to a newer template version. This automatically uses the latest template version, and you can migrate customizations from the existing theme to the new one.

1. Click the wrench icon and select Theme Editor in your Recharge Dashboard.
2. Click Create new theme or click Edit code to work on an existing theme.
3. If creating a new theme, enter a name in the Theme name field and select the Theme template from the dropdown.
4. Click Create theme.
   

Import a theme

1. Click the wrench icon and select Theme Editor in your Recharge Dashboard.
2. Click Import theme.
3. Upload your Theme asset file (.zip) and click Next.
   
4. Enter a name in the Theme name field and click Import theme.
   

Enable your custom theme

When you are ready to go live with your custom portal theme, you can update the settings in your Customer portal settings page.

1. In the Recharge Dashboard, click the wrench icon (settings).
2. Select Customer portal.
3. Under Customer portal, select PRO Theme Engine
4. Under Customer portal location, select either Hosted by Recharge or Embedded in platform storefront
5. Click Save.