Using the Prima theme

ReCharge will be rolling out a new customer portal called Prima, the second Themes Customer Portal alongside the Novum theme. Prima is a lite, clean theme that allows your customers to easily access and modify all aspects of their subscription.

Eligibility and status

Prima will be entering closed beta in early 2021. You can sign up for our waitlist to be among the first ReCharge merchants to get access. You'll only receive an update when we are ready to onboard you into the Beta Program. We appreciate your patience in the meantime!  

Before you start

The Themes Customer Portal requires custom CSS code to match the font, color, and style of your Shopify theme. Custom CSS is not supported by ReCharge Support as per our design policy. If you require further assistance, please visit the ReCharge Partner Directory.

Highlights of the new Prima theme on the Themes Customer Portal

New Home page

The new Prima theme provides the customer with a quick summary of their account, including the next upcoming order and the most recent order.

Separated Edit subscription and Edit product pages

Two updated pages allow your customers to drill down and modify all details of a specific product of a subscription, or allow them to edit the entire subscription, affecting all products in it.

Grouping per date

We've reorganized the Upcoming orders tab so all subscription items set to be delivered on the same date are now grouped in the same subscription card if they were purchased together, or in the same column separated by address if they have different shipping addresses.

Previewing themes

Once you have been accepted into the beta and the feature enabled on your store, you can preview the current Prima theme to see what it will look like on your Customer Portal. 

1. In the ReCharge Dashboard, click the wrench icon.
2. Select Customer portal.
3. Under Customer portal location select Themes, Prima. 
4. Click on Preview theme.

Enable the new Prima Customer Portal

After you preview the Prima theme, you can enable it for your store on the same page. 

1. In the ReCharge Dashboard, click the wrench icon.
2. Select Customer portal.
3. Under Customer portal location select Themes.
4. Select Prima.
5. Scroll to the bottom and click Save.

Enable the Prima theme in the Theme Editor

If you are a ReCharge Pro merchant with access to the ReCharge Theme Engine, you can access the Prima theme files directly in the Theme Editor. 

1. Navigate to Theme Editor
2. Click Create New Theme button.
3. Select Prima as your chosen theme.
4. Click Create Theme button to generate a new theme based on Novum.

Adjust styling with the theme CSS

By default, the Prima theme is standard across all stores and will not match the color and styling of your store out-of-the-box. You can edit the theme's CSS styling manually to create a unified, seamless experience between store and Customer Portal.

1. In the ReCharge Dashboard, click the wrench icon.
2. Select Customer portal.
3. Add your custom code to Header HTML/CSS/JS, Footer HTML/CSS/JS, or Credit card page CSS in Customize styles.
4. Scroll to the bottom and click Save.

Questions and support

If you have any questions about Themes Customer Portal or the Prima theme, or send ReCharge Support a message and we'll be happy to help out.