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