Using the Novum customer portal theme

Novum is a customer portal theme available to all merchants, which is built to supercharge your business through churn reduction and improve the experience of your customers on any device. This guide provides an overview of the Novum customer portal theme. 

Watch a video

Before you start

• Novum is the first customer portal theme alongside Prima. Refer to Using the Prima customer portal theme for more information about using the Prima theme.
• The customer portal themes require custom CSS code to match the font, color, and style of your eCommerce 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.
  
• Refer to Customizing the Novum customer portal theme for common questions and customizations. 

Novum theme highlights

Updated look & feel

The new theme is specifically designed for subscription businesses and includes small details from shifting the “Cancel” button to proven retention-building tactics such as skip and swap options.

Order Now button

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

One-time products

Boost average order value by presenting customers with upsell opportunities within the customer portal. Customers can add one-time purchases to their upcoming subscription orders.

Mobile-first design

The Novum theme was built with a mobile-first approach. Your customers have a smooth experience on any device they access the portal on.

Upcoming Orders tab

Novum includes an Upcoming Orders tab in the customer portal that breaks down future subscriptions and one-time products based on the day they are set to charge. Customers see a breakdown based on the day of charge and shipping address for easy access.

Preview the Novum theme

You can preview the current Novum theme to see what it will look like on your customer portal without making any changes to your live store.

1. Click the wrench icon in your Recharge Dashboard and select Customer portal.
2. In the Themes section, click Preview theme under Novum.

Enable the Novum theme

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

1. Click the wrench icon in your Recharge Dashboard and select Customer portal.
2. In the Customer portal section, select Themes. 
3. Under Themes, select the radio button next to Novum. 
4. Scroll to the bottom and click Save.

Access the Novum theme in the Recharge Theme Engine 

If you are a Recharge Pro merchant with the Recharge Theme Engine, you can access the Novum theme files directly in the Theme Editor. 

1. Click the wrench icon in your Recharge Dashboard and select Theme editor.
2. Click Create new theme.
3. Name your theme and select Novum.
4. Click Create Theme to generate a new theme based on the current theme version.
5. Click Edit code if you want to edit the code.
6. Click the three dots and select Publish when you are ready to publish the theme. 

The Theme Engine must be enabled in your customer portal settings for the Novum theme to correctly display for your customers.

1. Click the wrench icon in your Recharge Dashboard and select Customer portal.
2. In the Customer portal section, select PRO Theme Engine. 
3. Scroll to the bottom and click Save.

Customer portal location

Merchants using the Shopify Checkout Integration or the Recharge Checkout on Shopify can choose between two options for where the customer portal will be hosted:

• Hosted by Recharge - The customer portal is hosted by Recharge and will not inherit any styling or style changes from your store theme.
• 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. 
  • • If you're experiencing errors with the Embedded in platform storefront option and you have custom code in your Shopify theme, this competing code may be causing issues. We recommend checking your Shopify CSS to fix this issue. 

Hosted customer portal URL

Updating the portal from embedded to hosted will cause the portal URL to change, and rechargeapps.com will be included in the URL. Merchants on the Recharge Pro Plan using the Hosted by Recharge option, can follow our guide for Setting up a custom customer portal domain, if you want to customize this.

Adjust styling with the theme CSS

By default, the Novum 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 your store and customer portal. See Customizing the Novum customer portal theme for more information.

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

Troubleshooting

The "Manage subscriptions" link is going to the wrong customer portal

If you were using the legacy customer portal, the customer portal themes have a different URL. Any links you may have hardcoded into email notifications or your Shopify Liquid files that direct your customers to the portal and their subscriptions, will need to be updated with the Themes Portal URL. Update all reference links to /tools/recurring/login

Questions and support

If you have any questions about customer portal themes or the Novum theme, refer to the Customer portal themes FAQ or reach out to Recharge Support and we'll be happy to help out.