Yotpo Reviews Widgets FAQ
    • Dark
      Light

    Yotpo Reviews Widgets FAQ

    • 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


    General Information

    What types of widgets does Yotpo offer and what are their uses?

    • Reviews Widget: Showcases reviews on product pages in a customizable format, including title, content, and star rating.

    • Star Rating: Displays the average aggregated rating of a product's published reviews. Appears next to products with reviews on featured collections, collection pages, and product pages.

    • Reviews Carousel: Customizable feature to increase review visibility at key conversion points (homepage, cart page, checkout page, blog, landing pages).

    • Review Highlights: Uses AI to showcase customer testimonials.

    • SEO Page: Dedicated page for site and product reviews to improve Google visibility.


    Widget Customization and Appearance

    How do I adjust the width of the Reviews Widget?

    To change the width of your Reviews Widget:

    1. Log in to your Yotpo Reviews admin.

    2. Go to On-site Widgets.

    3. Select the Reviews Widget and click Edit.

    4. In the General Settings section, find the Widget Width option under Style.

      1. You can adjust the width from a minimum of 50% up to 100%.

    5. Click Save Changes in the top-right corner to apply your updates.

    Note

    It may take up to 3 hours for changes to reflect on your site.

    Alternatively, you can use the CSS Editor to modify the widget:

    • Navigate to Advanced > Edit CSS under the CSS Editor.

    • In the pop-up window, add your custom CSS.

    • Click Update CSS to save your changes.

    Note

    The CSS Editor is available only on Premium and Enterprise plans.

    How can I update the date format in the Reviews Widget?

    To change the date format displayed in the Reviews Widget, follow these steps:

    1. Log in to your Yotpo Reviews admin.

    2. Go to On-site Widgets.

    3. Select the Reviews Widget and click Edit.

    4. In the Reviews section, find the Date settings.

    5. Under Date format, choose your preferred format.

    6. Click Save Changes in the top-right corner to apply your updates.

    How can I change the widget header text of the Reviews Carousel?

    To update the header text of the Reviews Carousel widget:

    1. Go to your Yotpo admin and open the On-site Widgets section.

    2. Select Reviews Carousel and click Edit.

    3. In the editor, go to the Widget Header section.

    4. Enter your desired text in the Widget header text field.

    5. Click Save Changes when you’re done.

    Can I customize the look and feel of my widgets?

    You can customize your widgets by going to your Yotpo dashboard > On-site Widgets.

    Then select which widget you want to customize.

    For customization not included within the available options, please feel free to reach out to our Yotpo Support team to be assisted appropriately.


    Widget Functionality & Features

    How do I enable or disable the thumbs up/down option in the Reviews Widget?

    To enable or disable the thumbs up/down feature in the Reviews Widget:

    1. Log in to your Yotpo Reviews admin account.

    2. Go to the On-site Widgets section.

    3. Select the Reviews Widget and click Edit.

    4. In the Reviews section, find the setting labeled Shopper feedback.

    5. Toggle the option on or off to enable or disable the thumbs up/down buttons.

    6. Click Save Changes in the top-right corner to apply your changes.

    How can I locate reviews that include comments?

    To find reviews that contain comments:

    1. Log in to your Yotpo account.

    2. Go to Reviews > Moderation.

    3. Under Filters, click Total Reviews.

    4. In Advanced Filters, expand the Comments section.

    5. Check the box next to With Response to display only reviews that include comments.

    Click More Details on any review to see the comment, and whether it’s marked as Public or Private.

    How long does it take for widget changes to be reflected on-site?

    Widget updates may take up to three hours to be reflected on-site.

    Can I test the Review Widgets features on Localhost?

    Yotpo's review features are optimized for live websites. While you can configure and test the integration on localhost during development, certain functionalities may require a live environment to function fully.


    Platform-Specific Implementation

    How do I enable or disable specific Yotpo widgets in Magento?

    To control which Yotpo widgets appear on your Magento store:

    1. Log in to your Magento Admin Panel.

    2. Navigate to Stores > Configuration.

    3. Scroll down and click Yotpo, then select Yotpo Configuration.

    4. In the Widget Settings section, find the widget you want to manage.

      1. Select Yes to enable it.

      2. Select No to disable it.

    5. Click Save Config in the top-right corner.

    Notes

    • Changes may take up to 3 hours to reflect on your site.

    • For faster results, clear your site cache, browser cookies, and browsing history.

    • If a widget still appears after being disabled, there may be custom code embedded in your theme. In that case:

      • Contact your development team, or

      • Reach out to Magento Support for assistance.

    How do I remove duplicate Yotpo widgets on Shopify?

    Option 1: Edit the theme code

    1. Log in to your Shopify admin.

    2. Go to Online Store > Themes.

    3. Click the three-dot menu next to your current theme and select Edit code.

    4. Open the relevant theme files (e.g., product.liquid, product-template.liquid).

    5. Use Ctrl + F (or Cmd + F on Mac) to search for "Yotpo".

    6. Locate the duplicated widget code and comment it out by wrapping it in {% comment %} and {% endcomment %} tags.

    7. Click Save.

    Option 2: Remove via the theme editor

    1. From Online Store > Themes, click Customize.

    2. Navigate to the page where the widget is duplicated.

    3. Locate the duplicate Yotpo app block and remove it.

    4. Save your changes.

    Why isn’t the Yotpo Reviews App Block appearing on my Shopify homepage, collection page, or other non-product pages?

    The Yotpo widget may not appear on your homepage or other non-product pages due to Shopify’s app block limitations or theme-specific restrictions. Some pages may not support the Yotpo widget type by default.

    If the app block isn't available for these pages, you can still display Yotpo widgets by manually embedding the relevant widget code into your theme.


    Widget Installation & Code Access

    Can I add a site review widget to my checkout page?

    You can add a site review widget to your checkout page by creating a reviews carousel that displays only Site Reviews.

    1. Navigate to Onsite Widgets > Reviews Carousel.

    2. Set Review Type to Site.

    3. Publish to generate widget code.

    4. Add the code to your checkout page with data-yotpo-product-id="yotpo_site_reviews".

    How to find the code to manually implement the widget?

    To locate the code of a widget in Yotpo, follow these steps:

    1. Go to Yotpo Admin – Navigate to On-site Widgets in your Yotpo admin panel.

    2. Select the Widget – Choose the widget you need the instance ID for (e.g., Reviews Widget) and click Edit.

    3. Click Publish – Locate the Publish button in the top-right corner and click it.

    4. Show Instructions – In the pop-up window that appears, click Show Instruction.

    5. Get the Code – Click Get the Code to reveal the widget’s code snippet.

    How to find the “Instance ID” of a widget?

    To locate the Instance ID of a widget in Yotpo, follow these steps:

    1. Go to Yotpo Admin – Navigate to On-site Widgets in your Yotpo admin panel.

    2. Select the Widget – Choose the widget you need the instance ID for (e.g., Reviews Widget) and click Edit.

    3. Click Publish – Locate the Publish button in the top-right corner and click it.

    4. Show Instructions – In the pop-up window that appears, click Show Instruction.

    5. Get the Code – Click Get the Code to reveal the widget’s code snippet.

    6. Find the Instance ID – Look for the parameter data-yotpo-instance-id. The instance ID will be the value inside the quotation marks.

      • Example: data-yotpo-instance-id="530298" → Here, 530298 is the instance ID.

    How can I remove the Yotpo schema or rich snippets so I can add my own?

    This process can only be handled by our support team. To proceed, please submit a support ticket or reach out to us via chat, and we’ll be happy to assist you.


    Was this article helpful?