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.
Delivery schedule tab
Novum includes a Delivery schedule 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.
- Click Storefront in your merchant portal and select Customer Portal.
- 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.
- Click Storefront in your merchant portal and select Customer Portal.
- In the Customer portal section, select Themes.
- Under Themes, select the radio button next to Novum.
- 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.
- Click Storefront in your merchant portal and select Theme editor.
- Click Create new theme.
- Name your theme and select Novum.
- Click Create Theme to generate a new theme based on the current theme version.
- Click Edit code if you want to edit the code.
- 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.
- Click Storefront in your merchant portal and select Customer Portal.
- In the Customer portal section, select PRO Theme Engine.
- 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.
- Click Storefront in your merchant portal and select Customer Portal.
- Add your custom code to Header HTML/CSS/JS, Footer HTML/CSS/JS, or Credit card page CSS in the Customize styles section.
- Scroll to the bottom and click Save.
Adjust the theme translations
Edit the theme translations to change the text labels that appear throughout the customer portal.
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.
Didn’t find what you’re looking for?
Contact us