Adding Promoted Products to Your Store
    • Dark
      Light

    Adding Promoted Products to Your Store

    • Dark
      Light

    Article summary

    Products


    Reviews

    Supported plans

    Starter, Pro, Premium, Enterprise

    eCommerce Platform

    Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

    Goals and Outcomes

    Promoted Products help you increase product visibility and drive sales by showcasing selected items directly on your product pages. By highlighting these products, you can capture shoppers’ attention and encourage them to explore more of your catalog, ultimately boosting engagement and conversions.

    In this article, you'll learn how to add the Promoted Products section to your store.

    Promoted Products Overview

    You can choose whether to display the products above the Reviews Widget on your product page or embed Promoted Products as its own widget anywhere on your site.

    By default, the widget will show 3 products, but you can choose to promote anywhere between 1 and 9 products. The mobile view will only show 1 product at a time for optimal viewing. To avoid duplication, the widget won’t promote products on their own product pages.

    The widget is powered by Yotpo’s AI-based recommendation algorithm. It analyzes your store’s order history and on-site shopper behavior to identify the products most likely to convert. The selected items are the ones with the highest potential to drive purchases, thus helping you convert shoppers into customers.

    Before You Start

    If you have the old Promoted Products widget turned on, make sure to turn it off:

    1. In your Yotpo Reviews main menu, go to On-Site Widgets > Promoted Products.

    2. Turn the toggle off.

    3. Click Save Changes.

    To learn more about the old Promoted Products widget, go to Promoted Products in the Reviews Widget (Legacy)

    Make sure the products you want to promote fulfill the following:

    • They are not on your blocklist

    • They are currently in stock

    Limitations

    • The number of products displayed is determined by the width of the page where the widget is displayed.

    • The price of each product will always be shown in USD. For example, if a product costs 12 GBP, it will display on-site as $12.

    Setting up Promoted Products

    Access the Promoted Products widget editor in Yotpo Reviews by going to On-Site Widgets > Promoted Products 3.0.

    The editor includes two sections:

    • General settings - Edit the text, font, and colors of your widget. You can also choose if you’d like the widget to appear as part of the Reviews Widget or as a separate widget.

    • Promoted Products - Choose the number of products to promote and whether you’d like to show their price.

    Adding the Promoted Products Widget to Your Store

    When adding the widget to your site, you can choose one of the following placement options:

    • Above Reviews Widget: If you choose the Promoted Product widget placement to be above the Reviews Widget, you can just click Save changes.

    • Separate widget: If you’d like to add it as a separate widget, follow the instructions relevant to the eCommerce platform you’re using:

    Shopify

    Once you have finished customizing your widget and would like to add it to your store:

    1. Click Publish at the top right corner

    2. Click Open Shopify to open your Shopify theme editor.

    3. Add a block or section.

    4. Select and add the Promoted Products Widget.

    5. Click Save.

    Other eCommerce platforms

    To add the widget to your store:

    1. Click Publish in the top right corner.

    2. Copy the code and paste it where you want it to appear on your store.

    If you wish to remove the Promoted Products widget from your site, erase the pasted code from the relevant store files.

    Removing the Widget from Your Store

    1. Log into your Yotpo Admin account.

    2. In the left-side menu, go to On-Site Widgets.

    3. Select Promoted Products, then click Edit.

    4. On the Promoted Products Editor page, go to General Settings > Placement.

      Promoted Products widget editor

      1. If the placement is set to Separate widget, it means the widget was manually embedded via code. To remove it, delete the corresponding code from your site’s backend.

      2. If the placement is set to Above Reviews Widget, switch the setting to Separate widget to remove the Promoted Products widget from the Reviews Widget section.

    Next Steps

    You can monitor how your widgets are performing and affecting sales by viewing the Conversion dashboard.

    To learn more about the Conversion dashboard, go to the Conversion Dashboard article.


    Was this article helpful?