How to Embed the Feefo Customer Experience Badge
Display the percentage of customers who'd buy again or recommend you, based on responses to your custom survey question - only available if you're collecting this attribute.
TABLE OF CONTENTS
Overview
The Customer Experience Badge highlights customer recommendation and satisfaction feedback directly on your website. Unlike generic service badges that only display standard 1–5 star service ratings, the Customer Experience Badge is driven by service attributes and custom feedback-form questions, such as “Would you buy again?”.
The badge gives your visitors a clear trust signal by showing customer experience metrics based on verified feedback, helping you demonstrate customer satisfaction, repeat-purchase intent, and overall brand confidence.
Example use case:
- Showing customer recommendation confidence on a homepage or landing page.
- Highlighting repeat-purchase intent near conversion points.
- Supporting service-led propositions where brand experience is a key buying factor.
- Providing a customer experience trust signal alongside other Feefo widgets.
Note, the Customer Experience Badge is designed for brand and service-level feedback. It is not intended for product-level review display.
Customer Experience Badge Customisation
The badge can be configured in the Feefo Hub from the widget settings area.
- Go to Display Tab.
- Open the Widgets Gallery.
- Select Customer Experience Badge.
Customer Experience Badge Tab
| Field | Customisation |
| Colour Themes |
Transparent enabled
|
| Badge Style |
Hide outer border
|
| Badge Action |
|
| Badge Size |
|
Pop-Up Widget Tab
These design changes will only show if your Badge Action is set to 'Open Pop-up widget'
Tip: Make sure your colours have enough contrast for the best reading experience
| Field | Customisation |
| Attribute | Pick the attribute colour: #hex |
| Highlight | Pick the highlight colour: #hex |
| Average rating banner stars |
Pick the colour: #hex Choose the style
|
| Individual rating stars |
Pick the colour: #hex Choose the shape:
|
| Font Scale |
|
Media Tab
| Field | Configuration |
| Media |
Show media
|
Attributes Tab
These design changes will only show if your Badge Action is set to 'Open Pop-up widget'
| Field | Configuration |
| Attributes |
Product attributes display mode
Service attributes display mode
|
| Custom Attributes |
Show fit attribute
|
Icons Tab
These design changes will only show if your Badge Action is set to 'Open Pop-up widget'
| Field | Configuration |
| Show icon |
|
Customer Experience Badge Installation
Add the Feefo script to the page by pasting it near the closing body tag and replacing {MERCHANT_IDENTIFIER} with the merchant’s Feefo merchant identifier.
<script type="text/javascript" src="https://api.feefo.com/api/javascript/{MERCHANT_IDENTIFIER}"></script>
Add this code where you want the Customer Experience Badge to appear on your website.
<feefo-cx-badge></feefo-cx-badge>
Summary
The Customer Experience Badge converts verified satisfaction metrics into a high-visibility trust signal directly on your website. By surfacing real customer recommendation rates near key buying touchpoints, it builds instant brand confidence to boost conversion rates.