Adding the Reviews Tab

      Adding the Reviews Tab


        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?