Skip to content
Raise a ticket Customer portal
  • There are no suggestions because the search field is empty.

How to Install On-Page Service & Product Reviews

Increase PDP conversions with Feefo On-Page Reviews. Customise review displays, add product tags, and showcase verified customer ratings directly on page.

TABLE OF CONTENTS

 

Introduction

Integrating user-generated content into your website can significantly enhance customer engagement and boost sales potential. Feefo's On-page Reviews widget offers an ideal solution for businesses with limited development resources, allowing them to effortlessly display live product and service reviews directly on their website. In this knowledge base article, we will guide you through the installation process of On-page Reviews and explore various customisation options to optimise the display of reviews on your site.

Tooltip (1)

 

How to customise On-page Reviews

The On-Page Widget gives you flexibility to customise how your product or service reviews are displayed directly on your website. Use this guide to tailor the widget’s design, layout, and content to suit your brand and enhance customer experience.

Preview Options

Use the Preview Screen to visualise your widget on both laptop and mobile devices.
You can enter a Product SKU or Parent SKU to preview how the widget would appear for specific products or groups. If no reviews have been collected yet, dummy data will be displayed to simulate the final appearance.

Design Customisation

Tailor the visual elements of your widget to align with your brand:

Field Customisation
Attribute Colour Choose a #hex value to match your brand’s attribute colour.
Highlight Colour Pick a #hex value for highlights (e.g., hover states or section headers).
Average Rating Banner Stars Select between light or dark stars styled in the Feefo brand.
Individual Rating Stars Choose between Feefo stars or Basic stars

Customise star colour using a #hex value.
Font Scale Choose from Small, Medium or Large


AI Summary

Choose which AI insights and review features to display on your widgets.

Field Customisation
Product Visibility Choose which SKUs display AI Summaries (and Trending Topics, if active) on live widgets.
AI Summary An AI-powered overview summarising all of your customer feedback.

Toggle this on to begin summarising your reviews; the summary will appear on your live widget as soon as background processing is complete.

Show AI Summary on the PRODUCT widget
Trending Topics *New* Upgrade to unlock Trending Topics, sentiment summaries, and smart keyword filtering.

Dynamic Topic Display *Legacy*

Display clickable keywords and review snippets to help customers filter reviews.

Upgrade to Trending Topics above for richer AI insights, synonym matching, and sentiment summaries on your Product widget.

Use the options below if you still need to support topic filtering for your Service widget while our new features are in development.

  • Show topics on the PRODUCT widget

  • Show review snippets on the PRODUCT widget

  • Show topics on the SERVICE widget

  • Show review snippets on the SERVICE widget

 

Media Tab

Field Configuration
Media

Show media

  • On

  • Off

 

Attributes Tab

Field Configuration
Attributes

Product attributes display mode

  • Show all attributes

  • Show aggregated attributes only

  • Show in reviews only

  • Show no attributes

Service attributes display mode

  • Show all attributes

  • Show aggregated attributes only

  • Show in reviews only

  • Show no attributes
Custom Attributes

Show fit attribute

  • On

  • Off

 

Icons Tab

Field Configuration
Show icon

  • Show Trusted Service Awards

  • Show Ecolabel

  • Show Treefo

Note: If any option is greyed out, please contact your Customer Success Manager to discuss activation.


Final Steps

Once your changes are complete, click Save and Apply to push updates live to your site.


Dynamic Topic Display Banner Sales

 

How to Install On-page Reviews

To get started with On-page Reviews,

  1. Log in to the Feefo Hub. 
  2. Navigate to 'Display > On-Page Reviews.' 
  3. Install either 'service' or 'product' reviews on your website by adding a few simple lines of code to your website's HTML. The code is unique to your account and customisations, automatically generated within the 'On-page Reviews' section of the Hub.

Feefo Scripts

To install the integration on your website, first copy the Feefo Scripts below and paste it in your website's code, as close to the closing body tag as possible.

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

For the integration to work, you have to copy the Reviews code below and paste it in your website's code, where you want your service reviews to appear.

On-page Service Reviews code

<feefo-on-page-stars></feefo-on-page-stars>

For the integration to work, you have to copy the Reviews code below and paste it in your website's code, where you want your product reviews to appear.

Make sure you replace product-search-code with your actual Product Search Code.

On-page Product Reviews code

<feefo-product-reviews sku="product-search-code"></feefo-product-reviews>

If you want to display the product rating separately, copy the code below and paste it in your website's code, where you want your rating to appear.

Product Rating Code (optional)

<feefo-on-page-stars></feefo-on-page-stars>


Adding Sales Tags

You can easily add your sales tags to the Feefo script code using the provided format. This allows you to filter and display specific review data on your website, enhancing the customer experience.

Example code 

<script type="text/javascript" src="https://api.feefo.com/api/javascript/MERCHANTID"></script> <feefo-on-page-stars tags="key:value"></feefo-on-page-stars>

Adding Product Tags

You can easily add your Product tags to the Feefo script code using the provided format. This allows you to filter and display specific review data on your website, enhancing the customer experience.

<script type="text/javascript" src="https://api.feefo.com/api/javascript/MERCHANTID"></script> <feefo-product-reviews tags="key:value" sku="{productSku}"></feefo-product-reviews>

Tabbed Product Search Code:

The code snippets for the on-page reviews tabbed integration for Product SKU is the below:

 
<script type="text/javascript" src="https://api.feefo.com/api/javascript/MERCHANTID"></script> <feefo-tabbed-reviews sku="{productSku}"></feefo-tabbed-reviews>

Tabbed Parent SKU Code:

Can the on-page reviews tabbed widget work with parent search code?

The code snippets for the on-page reviews tabbed integration for Parent Product SKU is the below:

 
<script type="text/javascript" src="https://api.feefo.com/api/javascript/MERCHANTID"></script> <feefo-tabbed-reviews parent-product-sku="{parentProductSku}"></feefo-tabbed-reviews>

 

 
 

 

Choosing a Widget Title

For added customisation, you can specify a title for your on-page product review widgets. This enables you to change the name that appears above the star rating on the widget to suit your preferences. Use the provided line of code and replace 'my_product_ref' with your actual Parent Product Ref.

<div id="feefo-product-review-widgetId" class="feefo-review-widget-product" data-product-sku="my_product_ref"data-widget-title="My Product Title"></div>

 

Summary

Feefo's On-page Reviews widget is a valuable tool for businesses seeking to display fresh user-generated content directly on their websites. By following the installation guide and leveraging the various customisation options, businesses can create dedicated 'Reviews' pages and provide visitors with easy access to trending themes and positive feedback. Utilising On-page Reviews effectively enhances the customer journey, increases engagement, and drives conversions, ultimately contributing to the success of the business.