DTC Guides

How to setup and customize Recharge

Tim
|
September 12, 2022

How to customize Recharge 

We’re big fans of Recharge. They’ve taken a lot of headache out subscription on Shopify. And now with Shopify 2.0, Recharge seamlessly integrates with the new checkout so customers can always stay on your domain and won’t be redirected to Recharge. 


But Recharge is built with developers in mind, because they know that merchants will care for customizations. Sometimes as a merchant, you want to have custom “bundle” functionality within Recharge & that requires extra code. Sometimes you just don’t like the way the “subscribe” button looks on your page. And oftentimes you want to customize the “subscription management” experience that subscribers see, that all requires code. We can help with that. To start you off, here is one example from a custom build by Petaluma, a dog food business:

Petaluma's Recharge integration


7,93
15,86
23,8
31,73
39,66
47,6
55,53
63,46
71,4

How to customize Recharge 

We’re big fans of Recharge. They’ve taken a lot of headache out subscription on Shopify. And now with Shopify 2.0, Recharge seamlessly integrates with the new checkout so customers can always stay on your domain and won’t be redirected to Recharge. 


But Recharge is built with developers in mind, because they know that merchants will care for customizations. Sometimes as a merchant, you want to have custom “bundle” functionality within Recharge & that requires extra code. Sometimes you just don’t like the way the “subscribe” button looks on your page. And oftentimes you want to customize the “subscription management” experience that subscribers see, that all requires code. We can help with that. To start you off, here is one example from a custom build by Petaluma, a dog food business:

Petaluma's Recharge integration


Talk to an expert
Discuss the project for free
with a Storetasker Expert
From an Expert
Siah Dutta

I’ve worked on a number of the Recharge customizations. Most of the time is spent  customizing and implementing the account / membership pages via the recharge theme engine. On the customer facing side, it’s straightforward to apply custom javascript and CSS to customize the main recharge widget on product pages.

7,93
15,86
23,8
31,73
39,66
47,6
55,53
63,46
71,4