What are On-page Reviews? 

Our On-page Reviews integration gives you the flexibility to showcase your Feefo feedback, with all of the added SEO benefits of having fresh user-generated content being hosted directly on your site.  

An excellent solution for businesses with limited development resources, you can quickly and simply add a live feed of your product and service reviews straight on to your website, keeping visitors on page longer and increasing sales potential.   


We recommend creating a dedicated ‘Reviews’ page on your website to host your On-page Reviews. This makes it clear to visitors and search engines exactly where they need to go to read your feedback.   


  

 

 

 

 

 

 

 

 








How to install On-page Reviews 

To get started, login to the Feefo Hub and head to ‘Marketing > ‘On-page Reviews’.  

Adding either ‘service’ or ‘product’ reviews to your site involves putting a few simple lines of code into your website’s HTML.  

Each line of code will be unique to your account and customisation choices. It will automatically generate within the ‘On-page Reviews’ section of the Hub once you’ve chosen all of your customisation options. 

To install your On-page Reviews copy and paste the code from the ‘Feefo Script’ text box into your website's HTML code, as close to the closing <body> tag as possible. 


Example code 

<script type="text/javascript" src="https://api.feefo.com/api/javascript/merchantidentifier" async></script>


Adding sales and product tags to your On-page Reviews 

You can easily add your sales and product tags to the ‘Feefo Script’ code by following the format below. A full list of available tags can be found here. 

Example code 

<script type="text/javascript" src="https://api.feefo.com/api/javascript/merchantidentifier?tags=language%3DEnglish,store%3DLondon" async></script>
To determine the location of your On-page Reviews, copy and paste the code from the ‘On-page Reviews code’ text box into your website’s HTML in the exact location where you want them to appear.  


For service reviews, use the following code: 

<div id="feefo-service-review-widgetId" class="feefo-review-widget-service"></div>


For product reviews, either the rating for the product SKU or the rating for the parent product SKU can be displayed.
For example, if you have separate SKUs for different colours of the same shirt (product), you may want to display the overall rating for the shirt (in every colour) (i.e. the parent product) instead. 

For product SKU, use the following code:  
<div id="feefo-product-review-widgetId" class="feefo-review-widget-product" data-product-sku="product-search-code"></div>
Make sure you replace ‘product-search-code’ with your actual Product Search Code. 

For parent product SKU, use the following code: 

<div id="feefo-product-review-widgetId" class="feefo-review-widget-product" data-parent-product-sku="my_parent_product_ref"></div>
Make sure to replace the ‘my_parent_product_ref’ with your actual Parent Product Ref.  


Choosing a widget title
If you want to try something a little different, you can now specify a title for your on-page product review widgets. Doing so will change the name that appears above the star rating on your widget to whatever you’d like. This comes in handy when you have products with different titles appearing in the same integration, for example, when they’re grouped by parent SKU.
To specify a widget title, you’ll need to use the following line of code: 
<div id="feefo-product-review-widgetId" class="feefo-review-widget-product" data-product-sku="my_product_ref"data-widget-title="My Product Title"></div>

Make sure to replace the ‘my_product_ref’ with your actual Parent Product Ref.

Adding a separate product ratings badge
When displaying your product ratings using the On-page Reviews integration you have the choice to show your individual product ratings separately. The product ratings badge will display the star rating, number of reviews and the Feefo logo for your chosen product and can be positioned separately from your On-page Reviews integration. Clicking on the badge will take the user to your full list of product or service reviews.  

To install your product ratings badge login to the Hub and head to ‘Marketing > ‘On-page Reviews’ > ‘Product Rating’ 

Copy the code from the ‘Product Stars Code’ text box into your website’s HTML in the location that you want the product ratings badge to appear 

An example of the ‘Product Stars Code’ can be found below: 

<div class="feefo-review-badge-wrapper-product"></div>


Integrating additional features to your On-page Reviews
You can easily add additional features into your On-page Reviews by checking the corresponding box on your ‘service rating’ or ‘product rating’ tab within the On-page Reviews section of the Hub.  

For service reviews you can choose from the following options: 

  • Show media panel 
  • Show replies 

For product reviews you can choose from the following options: 

  • Show media panel 
  • Show product attributes 
  • Show replies 

Additional features will only take effect if you have them enabled on your Feefo account. If you want to find out more about adding Photo and Video reviews and Product Attributes to your account, contact our support team or your Customer Success Manager.