Using the Prima theme

Prima is the second Customer Portal Theme 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 is available for all merchants using the Shopify Checkout, and is now the default customer portal. If you are still using the legacy customer portal, you can switch to Prima at your own leisure through Settings > Customer Portal.

• Prima is available for all merchants using BigCommerce and is now the default customer portal. You can switch to Prima through Settings > Customer Portal.
• We are currently in an open beta for merchants on the Recharge Checkout. 
• Merchants using Recharge Quick Actions cannot use Prima as the theme is not compatible with the feature at this time. 

Before you start

The Customer Portal Themes require 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.

Limitations

• One time product upsells are not currently available for merchants using the Shopify Checkout.
• Recharge Quick Actions are not available for use with Prima at this time.

Highlights of the Prima theme on the Customer Portal Themes

Home page

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

Separated Edit order and Edit subscription 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 order, 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.

Order Now button

Gives your customers the option to fast-forward their next subscription charge. Recharge will immediately process the charge so customers don't have to wait.

Previewing themes

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 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 Themes select Prima. 
4. Scroll to the bottom and click Save.

Customer portal location

Among the options in Settings, Customer Portal, there is a section for Customer portal location with two options.

• Embedded in platform storefront: The customer portal is embedded within your Shopify theme and takes on the styling, logo, and menu from your Shopify theme.
• Hosted by Recharge: The customer portal is hosted by Recharge and will not inherit any styling. 

This is important for your store depending on your theme. The CSS from your Shopify theme can conflict with the customer portal code and switching to hosted will resolve this. If you notice an issue with the CSS styling on your portal, switch to Hosted by Recharge momentarily to see if the issue persists.

Adjust Prima styling

Update the appearance of the theme using CSS.

Refer to our guide on Customizing the Prima theme to implement changes to your theme through custom CSS. 

Adjust the theme translations 

Edit the theme translations to change the text labels that appear throughout the Customer Portal.

Questions and support

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