We are excited to announce the Beta launch of our new Subscription Manager Template, with a customer-centric design to help boost retention and enhance the overall subscription experience.
Highlights
The new theme highlights the value of subscriptions and emphasizes proven retention-building options such as skip and swap. With a mobile-focused and efficient design, it simplifies the customer journey by enabling management of everything on one page, ensuring a seamless experience and encouraging long-term loyalty. It is also built to be accessible from the ground up, targeting WCAG 2.2 AA compliance and saving you time triaging accessibility issues.
Delight your customers with:
- Swapping a subscription product opens a searchable list to choose from
- One-time items added to an upcoming order can be upgraded to subscriptions at any time
- More flexibility when reactivating a canceled subscription
How to Join the Beta
Any new themes you create will default to the new template; but we won’t change any current or draft themes. You can test the new template out by clicking Create in the upper right-hand corner of the Subscription Manager homepage.
How to Access the Template
The same way you create new SM themes today. Use the same Subscriptions > Subscription Manager > CREATE button you use today to generate a new theme in draft mode. This will not make any changes to your live site and you’ll now be able to begin testing and customizing your new theme which will automatically leverage the new base template.
How to Customize Your Theme
Theme Editor
There are lots of options for customizing your theme, and they can be used while in draft mode or even once you’ve set the theme live. The Basic tab of the theme editor allows you to configure the theme using out-of-the-box controls such as styles, copy, and functionality. We will continue to add more controls to the Basic tab throughout the Beta.
The Advanced tab of the editor gives you control to edit the code of your template files directly using either the Ordergroove editor or downloading the files and working locally.
Calling APIs from Subscription Manager
We recently published a new guide on how to call additional Ordergroove REST APIs from within the Subscription Manager. Give it a look if you’re looking to build new experiences on top of the platform.
Copying Previous Customizations
If you'd like to copy previous customizations from another theme, we recommend checking the following files where most customizations are made:
- locales
- styles/variables.less
- styles/default-theme.less
- styles/base.less
- styles/globals.less
- views/main.liquid
- scripts/script.js
Then, click on the diff icon to view the changes you've made. If the icon is not clickable you have not made any changes to the file.
This will now display to you the customizations you've made and make it easier to choose which customizations you'd like to bring over to the new template. Let us know if you have trouble deciding where to place the customizations in the new template. You can also refer to our developer guide on transitioning between the templates.
How to Publish and Go Live
Note: This template is in Beta phase and may have bugs or unexpected behavior. Please make sure to test thoroughly before publishing your new theme. As bug fixes are released, work may required to implement the fixes if you've made customizations to your theme.
Once you’ve tested your new theme and you’re ready to go live with it on your live site, click the Publish button from the dropdown next to the theme you’d like to set live.
Developer Documentation
In addition to the changes you can make in Ordergroove, the new Subscription Manager v25 Template has been rebuilt from the ground up to be even more accessible and flexible for development with code. Take a look at Tour of Subscription Manager v25 in our Dev Docs for more information.