Customizing Your Subscriptions Store Appearance

      Customizing Your Subscriptions Store Appearance

        Article summary


        Supported plans

        Pro, Premium

        eCommerce Platform

        Shopify, Shopify Plus

        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:

        Please note:
        The Product Page widget will also include the single, one-time-purchase, in addition to the new subscription options. This way shoppers have even more options to choose from, and more ways to convert to your products.

        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.

        Customizing 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.

        To customize your Product Page Widget:

        1. In your Yotpo Subscriptions admin, go to Store View.
        2. Hover over the Product Page Widget.
        3. Click Edit.

        The Product Page Widget design is made up of 2 main settings:

        Widget Layout & Text:

        This section allows you to customize the general appearance and content of your widget. There are three different layouts you can choose from:

        • Tiles layout 
        • Classic layout 
        • Minimal layout 

        After selecting a layout, you can customize the settings of your widget's content:

        Default purchase selectionDetermines whether a subscription or one-time purchase is the default choice for purchasing the product

        Tip: We recommend setting subscription as the default option to increase sales.
        One-time purchase optionAllows you to change the name of the one-time purchase option
        Full priceAllows you to change the name of tthe full price purchase option
        Tile heightAdjusts the height of the tiles. This is only relevant when the Tiles layout is selected.
        From (price)Allows you to change the label showing the minimum price for a subscription offer. This is not relevant if the Tiles layout is selected.
        Discount suffixAllows you to customize the discount text shown next to the subscription option's price. By default, this is "off" (Example: a subscription with discount of 20% will be shown as 20% off).
        Subscription policyAllows you to show, hide, and edit your subscription policy
        Subscription benefitsAllows you to show, hide, add, and edit benefits of subscribing

        General appearance

        In this section, you can fully customize fonts and colors to match your brand. To edit with CSS, select Advanced.

        After making changes, click Publish to save.

        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.

        Was this article helpful?