Subscriptions Store Appearance
In this article, you'll learn how to view and customize your subscriptions store appearance to fit your needs and brand.
Subscriptions store appearance overview
Subscription options are natively embedded to your Shopify product pages via the Product Page Widget:
Before you start
To preview and customize subscriptions store appearance, you need to first complete your basic subscriptions setup. You can either follow the initial setup guide or go to Plans and create your first subscription plan.
Don’t worry — you won't have to publish subscriptions on your store until you’re completely satisfied with your store appearance.
Previewing your subscriptions store appearance
You can preview subscriptions from your store product pages, for each product that's included in a Subscription Plan.
You can preview subscriptions in two ways:
- Go to your Shopify store website > Select the product you want to view.
- Go to Products in your Shopify admin > Select the product you want to view > Click Preview.
In both cases, the Product Page Widget will display your subscription options on the right-hand-side of the page.
The Product Page Widget
The Product Page Widget is embedded across your store’s product pages, and displays the subscription options to your shoppers for all your subscription products.
Product Page Widget settings
The Product Page Widget design is made up of 2 main settings:
1. Widget Layout & Display Names:
There are three different layouts you can choose from:
- Tiles layout
- Classic layout
- Minimal layout
Here's what each widget layout looks like:
Display Names: The Display Names allow you to customize the names shoppers will see for your subscription purchase option and your one-time-purchase option.
2. Widget Look & Feel: You can fully customize the widget fonts and colors to match your brand.
Customizing the Product Page Widget
To customize your Product Page Widget follow these steps:
- Go to Store View.
- Hover over your Product Page Widget.
- Click Edit.
- Click on the Layout & Names section to choose the widget layout and display names.
- Next, click on the Look & Feel section to set the widget font and colors.
- Once you’re happy with your widget design settings, click Save changes.
- Your new Product Widget design settings will be applied to all relevant product pages.
Next steps
In addition to the subscriptions store appearance, you can also fully customize the customer portal appearance, to offer your customers a consistent brand experience.