TABLE OF CONTENTS
Introduction
Feefo's Score Badge offers a simple integration technique to display Feefo rating badges on merchant websites, providing customers with easy access to the merchant's review page on the Feefo website. This article introduces the Score Badge integration, which falls under Feefo's 'Light' Integration category due to its straightforward implementation and limited SEO benefits. By incorporating the Feefo badge into their website, merchants can showcase their current service and/or product ratings, enhancing their credibility and customer trust. This article explores the process of implementing and customising the Score Badge integration.
Recommendations
Feefo recommends that the integration link opens a new window to the Feefo site so that the merchant’s site remains open in the customer’s browser - The examples shown below will do this however merchants may wish to customise the code.
When choosing this method, the Feefo badge carries our branding but has dynamic elements that show your current service and/or product rating given as a star rating and optionally, a review count. Note that the dynamically generated images are cached and so the dynamic content updates about once an hour to reduce server load. The language of the badge is configured automatically by reading the viewer's default locale from their web browser and then loading the appropriate localised content to the badge.
Feefo has many badges available to choose from with a variety of styles, colours, layouts and width/height combinations. The full list split between service only and product only badges, can be viewed at Feefo Badges and configured using the interactive badge selector in Feefo Hub, 'Marketing > Score Badge'. The ratings will be calculated by looking back at up to one year's worth of reviews but if you'd like this to be different, the setting can be modified by Feefo's Support Team.
Implementing the Score Badge
The Score Badge integration involves adding two links to the merchant's webpage. The first link points to the source of the Feefo badge image, and the second link leads to the merchant's reviews area on the Feefo site. Both URLs contain the merchant's unique identifier and other parameters, enabling the server to display dynamic content. It is crucial to ensure that these parameters are correct for the image to be displayed correctly.
For example:
The following is a link to the Feefo badge image for the service rating for Example Retail Merchant using badge design “Service-Stars-Grey-Independent-225x57.png”:
Where:
- example-retail-merchant is replaced with your merchant identifier.
- Service-Stars-Grey-Independent-225x57.png is replaced with your chosen Feefo badge (see Feefo Badges for the full collection).
The result of using this URL in the widget code is that this badge would be shown on the merchant's web page:
The above badge is then linked to the overall service rating for Example Retail Merchant so that when clicked, it opens their reviews page and displays the past year's reviews. The link to the reviews page for Example Retail Merchant is:
https://www.feefo.com/reviews/example-retail-merchant
Where:
- example-retail-merchant is replaced with your merchant identifier.
Combining these two links into a practical example of code would give:
<a href="https://www.feefo.com/reviews/example-retail-merchant" target=”_blank”> <img alt="Feefo badge" border="0" src="https://api.feefo.com/api/logo?merchantidentifier=example-retail-merchant&template=Service-Stars-Yellow-Square-150x150.png" title="See what our customers say about us"></a>
Where:
- example-retail-merchant is replaced with your Feefo merchant identifier.
- template = the selected Feefo logo.
- title = the title for the browser window showing the reviews.
Although the text of the reviews page and the content of the Feefo badge will normally default to English, if the web browser being used to view Feefo content has its default locale configured to something other than English, all text will automatically be configured to display localised content instead.
If preferred, a link can be made to product-specific reviews instead. Links for products take the form:
https://www.feefo.com/reviews/example-retail-merchant/products/productdesc?sku=product search code
Where:
- example-retail-merchant is replaced with your Feefo merchant identifier.
- productdesc is your product description.
- product search code is your product identifier.
For example:
https://www.feefo.com/reviews/example-retail-merchant/products/falcon-mach-v?sku=132
Where:
- example-retail-merchant is the merchant identifier.
- falcon-mach-v is the product description.
- 132 is the product search code.
Conclusion
Feefo's Score Badge integration provides a simple and effective way for merchants to display their Feefo rating badges on their websites. By incorporating the Score Badge, merchants can give customers easy access to their Feefo review page, thereby enhancing transparency and building trust. This 'Light' Integration technique allows merchants to showcase their current service and product ratings dynamically. By following the implementation and customisation guidelines in this article, merchants can seamlessly integrate the Feefo Score Badge into their websites, improving their online reputation and customer engagement. For additional customisation and support, Feefo's Support Team is available to assist merchants in optimising their Score Badge integration.