How to configure and integrate the product widget to display your product reviews

The product widget allows you to easily integrate your reviews directly on your product pages or any other platform.

It displays: consumer reviews and photos, star ratings, and promotes an average rating.

Our widgets comply with the latest regulations of the Digital Services Act, making them a very reliable choice!

Prerequisites

Procedure 

Step 1: Widget Configuration

Step 2: Integration on the Website

Special Cases

If your widget needs to be dynamically inserted after your page loads
    For example, if your site is a SPA (single page application), or if your widget is displayed after clicking on a location that wasn't initially loaded (tab, sidebar, etc.)
  • At step 1, it is necessary to add the following variable to the script:

data-prevent-default-loading="true"
Example:

  • After integrating the three scripts, it will be necessary to invoke the function: SkeepersProductWidget.generate(); in your JavaScript code so that our widget can regenerate the data before the page is displayed.
If automatic integration (Magento, Prestashop, Shopify)

Some connectors allow automatic integration of the Product Widget.

It is possible that a product widget associated with the connector you use was created by default when your account was created!

If automatic integration is not offered, it means your theme is not compatible and automatic integration is not available. You must integrate the widget manually by following the steps above.

  • Go to Display reviews > Integrate my widgets
  • Click on the product widget, a banner will appear in the right column to enable/disable the automatic integration of the widget on your site:

This widget will display on your product pages, and the star block will display on category pages:

If multi-product widget

To manage the categories and variants of your website, we invite you to use our multi-product widget:

 Displaying numerous reviews helps increase traffic to your website. Displaying many reviews on a product page also increases the conversion rate and the credibility of your brand.

  • Example of a variant : you sell the same T-shirt, but in different colors. Each color has a unique product reference.
  • Example of a category : you sell different T-shirts. Each T-shirt has a unique product reference but is part of the T-shirt category.

Setup:

  • When integrating the scripts from steps 2 and 3, do not forget to replace the default product references with your own. Then, separate them with a comma. Default references: ProductID1, ProductID2, etc.

 

3.png

 

Displaying ratings and reviews for multiple product references is not compatible with automatic integration.

Always replace each data element in the code with the appropriate values from your website and product attributes.

 

If you have any questions, do not hesitate to contact our Customer Care team.

 

FAQ

How to remove a widget?

The procedure to remove one of your widgets is simple. You can follow the detailed instructions in the article: How to remove the Verified Reviews widget from my website? 

Can I change the color of my widget?
By default, our widgets use our standard colors. However, you have the option to easily customize the colors of your product and carousel widgets according to your preferences:  How to customize the color and shape of my widgets?
Can I change the shape of my widget?
Absolutely! Depending on the selected widget, you have several shapes to choose from. Whether rectangular or circular for the product widget, or vertical or horizontal for the brand widget, you have the freedom to choose: How to customize the color and shape of my widgets? 
I integrated my widget but it doesn't display correctly
You integrated our product widget to display your product reviews, but they are not visible on your product pages? It may be due to a misintegration of the script in your code. We recommend checking that the script is correctly integrated at the appropriate place on your page.
Understanding the source of my product reviews
We invite you to check this article to understand the different sources of your product reviews.
How to activate Rich Snippets?
Go to the left sidebar menu: Display my reviews > Integrate my widgets. Then choose the product widget of your choice and click on the small pencil next to its line. You will then find an option to check: Activate Rich Snippets in the configuration list.

 

Was this article helpful?
2 out of 6 found this helpful