Yotpo Reviews Widgets FAQ

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

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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

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.

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.

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.