Adding the Reviews Tab
    • Dark
      Light

    Adding the Reviews Tab

    • Dark
      Light

    Article summary

    Products


    Reviews
    Supported plans

    Free, Starter, Pro, Premium, Enterprise

    eCommerce Platform

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

    The Reviews Tab is a great way to drive traffic to your product pages and increase engagement on your site. It can help establish trust, engage customers, boost conversions, provide insights, and even improve your online visibility, thereby benefiting your eCommerce business.

    In this article, you’ll learn how to customize your tab and add it to your site.

    How it works

    The Reviews Tab is a standalone tab you can place on any page of your site. Clicking the Reviews Tab will display a lightbox that contains your site and/or product reviews. Site Reviews allow your customers to review your brand and service while Product Reviews focus on aspects pertaining to the product itself.

    When the Reviews Tab is opened on a product page, the lightbox will only display reviews corresponding to the product reflected on the product page. If it’s opened on any other page, it will show all existing, published product reviews. 

    Important:
    The Reviews Tab will not show on mobile devices.

    Next, we’ll show you where you can find the tab and which customization options are available in our widget editor.

    Customizing the Reviews Tab

    Accessing the widget

    New users - If you recently joined Yotpo - In the Yotpo Reviews main menu, go to On-Site Widgets > Reviews Tab.

    Existing users - If you've been with us for over 6 months - In the Yotpo Reviews main menu, go to On-Site Widgets > Reviews Tab 3.0.

    Once you’ve reached the widget editor, you can go ahead and customize your tab. The settings include:

    • General settings - In this section, you can customize the tab colors, fonts, and number of reviews per page.
    • Tab content - Here you can edit the content that appears in the tab including which type of review will be included - product reviews, site reviews, or both.
    • Tab button - In this section, you can control the design of the floating tab. You can choose the tab’s position on the page, the background and text colors, etc.

    Adding the tab to your site

    Once you’ve previewed your tab and you're happy with your customizations, you can go ahead and publish it on-site. Go to the section relevant to your eCommerce platform to learn how to add the tab to your site.

    Shopify

    The Tab will automatically publish on Shopify Vintage and Shopify 2.0 themes across all pages.

    You can skip the automatic installation and manually add it to selected pages. To do so:

    1. Click Publish in the top right corner.
    2. Skip the automatic installation.
    3. Copy the code and paste it anywhere you’d like it to appear on your store.

    Removing the Reviews Tab

    Both the automatic and manual addition of the tab to your site require removing the code from your store. 

    To remove the code:

    1. In your Shopify admin, go to Online Store > Themes > Settings > Edit code.
    2. Under Layout click on theme.liquid.
    3. Erase the code from the following string in the editor.


    4. Click Save.

    Please note:
    If you’ve added the code manually, make sure to remove it across all the relevant files. content goes here

    Other eCommerce platforms

    To add the tab to your store:

    1. Click Publish in the top right corner.
    2. Copy the code and paste it anywhere you’d like it to appear on your store.

    If you wish to remove the Reviews Tab from your site, erase the pasted code from the relevant store files.

    Upgrading your Review Tab version

    If you are using the older version of the Reviews Tab and you'd like to switch to the 3.0 version, follow these steps:

    1. In your Yotpo Reviews main menu, go to On-Site Widgets and select the Reviews Tab & SEO page tile.
    2. Uncheck the Reviews Tab enabled checkbox.
    3. Scroll to the bottom of the page and click Save changes.
    4. Go back to  On-Site Widgets and select the Widgets 3.0 tab at the top.
    5. Select the Reviews Tab 3.0 tile.
    6. Customize the tab to match your brand. 
    7. Click Publish in the top right corner.

    The updated version of the Reviews Tab will now appear in your store

    Next steps

    You can add the SEO Page to your store - a dedicated page for all your site and product reviews. When shoppers search for your brand or products on Google, they'll be more likely to land on your site. If your plan is eligible for Rich Snippets, the SEO Page can drive further traffic to your site by displaying the aggregated star rating of your products in search results.

    Learn more about adding SEO Page to your site in this article


    Was this article helpful?