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

Feefo 2.0 Widgets Implementation Guide

TABLE OF CONTENTS

 

Introduction

Feefo widgets allow you to display genuine customer reviews and ratings directly on your website. Showing verified feedback helps build trust, increase confidence, and support purchasing decisions.

This document provides technical implementation guidance for integrating Feefo Web Elements (widgets) into a website.

Feefo widgets are delivered as web components and rendered dynamically via the Feefo JavaScript library. Once implemented, widgets automatically retrieve and display review data associated with the configured Merchant Identifier and product SKUs.

 

What Are Feefo Widgets?

Feefo widgets are small website components that display customer feedback, such as:

  • Star ratings for products
  • Full written customer reviews
  • Review badges and pop‑ups

Once added, these widgets automatically display live feedback collected by Feefo.

 

What You’ll Need Before You Start

Before implementing any widgets, you will need:

Your Merchant Identifier

This is a unique ID provided to you by Feefo. It allows your website to connect securely to your Feefo account. You can locate this in the top right corner once you login into your Hub account:

Access to your website

Either direct access, or a developer / agency who can make small code changes on your behalf.

 

How Feefo Widgets Work

Feefo widgets work in two steps:

  1. A small Feefo script is added to your
  2. Widget tags are placed where you want reviews or star ratings to

Once this is done, the widgets automatically load and display the correct feedback for each product.

You do not need to manage or update the content manually - everything updates automatically.

 

Add the Feefo JavaScript Library

Before any widgets can appear, your website must load the Feefo JavaScript library. This script connects your website to Feefo and enables all widgets.

Important notes

  • The script should be added to the page header
  • It should be included only once per page
  • Your Merchant Identifier must be added

Code example

<script type="text/javascript" src="https://api.feefo.com/api/javascript/{MER CHANT_IDENTIFIER}" async></script>

PLP Product Star Ratings

Product Star Ratings display a star score based on customer feedback. They are typically shown on:

  • Category pages
  • Product listing pages
  • Searchresultpages

They allow customers to quickly compare products.

How they are added

Once the Feefo script is installed, a Product Stars tag is added where the stars should appear.

Code examples

Using a product SKU:

<feefo-product-stars sku="{productSku}"></feefo-product-stars>

Using a parent product SKU:

<feefo-product-stars parent-product-sku="{parentSku}"></feefo-product-stars>

 


PDP Product Stars and On‑Page Product Reviews Widget

The on‑page widget displays full customer reviews directly on your product pages. This includes:

  • Starratingsummary
  • Written reviews
  • Customerfeedbackdetails

This widget is normally placed lower on the product page.

How it is added

Add the reviews tag where the reviews section should appear.

Code examples

Using a product SKU:

<feefo-product-reviews sku="{productSku}"></feefo-product-reviews>

Using a parent product SKU:

<feefo-product-reviews parent-product-sku="{parentSku}"></feefo-product-revie ws>

 

PDP Product Stars

The Product Star Anchor displays a small star rating near the top of the page. When clicked, it automatically scrolls the user down to the full reviews section.


This helps improve user experience and makes reviews easier to find.

Code example

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

This element works together with the on‑page reviews widget only.

 

Badge and Pop‑Up Widgets (Web Elements 2.0)

Feefo also offers badge and pop‑up designs that highlight your feedback visually.

Badge Designs

Product / Service Stars – Rectangle

Product / Service Stars – Square


Combined Stars

These are often used to:

  • Reinforce trust
  • Highlight review scores
  • HelpIncreaseconversion

Badge designs must first be assigned to your account by Feefo. Once assigned, they can be added using the following tag.

Code examples

Using a product SKU:

<feefo-product-pop-up sku="{productSku}"></feefo-product-pop-up>

Using a parent product SKU:

<feefo-product-pop-up parent-product-sku="{parentSku}"></feefo-product-pop-up> 

Display Service Badge:

<feefo-pop-up></feefo-pop-up>

If you would like to use a specific badge design, please contact Feefo.

 

Service Review Carousel

The Service Review Carousel is a rotating display that showcases your top customer reviews in a visually engaging format.

Instead of showing reviews in a static list, the carousel presents them in a sliding,  

interactive layout - making it ideal for:

  • Homepages

  • Landing pages

  • Trust-building sections

  • Promotional pages

It allows you to highlight positive customer experiences in a clean, modern way.

Why use it?

The Service Review Carousel helps you:

  • Reinforce trust quickly

  • Showcase your best feedback

  • Create visual impact

  • Increase customer confidence

Because it rotates automatically, it draws attention without overwhelming the page.  

Code example

<feefo-service-carousel></feefo-service-carousel>

Where should it be placed?

Most businesses add the Service Review Carousel:

  • Below the homepage hero banner

  • Above the footer

  • On key landing pages

  • On “Why Choose Us” or “About Us” sections

Your developer can position it to suit your page layout.

 

Common Questions & Support

Do I need a developer?

In most cases, yes - a developer or agency will add the code for you. However, the changes are usually quick and minimal.

 

Will this affect my website speed?

Feefo widgets load asynchronously and are designed to minimise impact on page performance.

 

Who do I contact for help?

If you need assistance with:

  • Widget setup
  • Badge assignment

Please contact Feefo, who will be happy to help.