The Service Review Carousel is a user-friendly and engaging way of displaying several Feefo reviews when you have limited space on your website. It’s simple to add to any page on your site and offers a variety of customisable display features so that you can tailor it to your needs.

  

The following example shows a typical Service Review Carousel integrated within a merchant's website: 



 

How to install a Service Review Carousel on your website  


The Service Review Carousel needs just two lines of code in order to appear on your site.  

Both of these codes will be automatically generated for you in the Feefo Hub and will include your unique merchantidentifier, so all you have to do is copy and paste it straight into your website’s HTML, and you’re good to go. 


Each line of code will be unique to your account and customisation choices. It will automatically generate within the ‘Service Review Carousel’ section of the Hub once you’ve chosen all of your customisation options. 


Feefo Script 

Copy the code generated in the ‘Feefo Script’ text box and paste it in your website's code, as close to the closing <body> tag as possible. 


Example code: 

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


Carousel Code 


For the integration to work, the second piece of code you’ll need is your ’Carousel Code’. Copy and paste the code from the ‘Carousel Code’ text box in to your website’s HTML in the exact location where you want the banner to appear. 


Example code: 

<div id="feefo-service-review-carousel-widgetId" class="feefo-review-carousel-widget-service"></div> 


Customising your Service Review Carousel


Once the code has been added to your website page, the carousel will automatically display using the default setup. However, there are several customisation options available through the Feefo Hub. 

To get started on customising your Service Review Carousel, login to the Feefo Hub and head to ‘Marketing > Service Reviews Carousel’ 

 

  1. First, select your carousel template by clicking on the ‘Change’ button below the carousel preview imageThere are three templates to choose from: 


  • Single Review - This shows just a single review at a time, with the five most recent reviews that meet the display criteria being displayed on a rotating carousel. A link to ‘Read all reviews’ is included, which when clicked will display all of your service reviews. 


  • Average Customer Rating - This is the default option which displays the four most recent reviews which meet the display criteria on screen at any one time. Additional reviews can be accessed by clicking the right-hand arrow or by clicking the link to Read all reviews. 


  • Snapshot - This option displays the three most recent reviews which meet the display criteria on screen at any one time. Additional reviews can be accessed by clicking the right-hand arrow or by clicking the link to Read all reviews. 

 

All Service Review Carousels will include a star rating, review title and snippet from each review featured.  


Select the ‘Show reviews with ratings of’ drop-down to decide which star ratings you wish to display in the carousel.

 


You can choose to filter out 1, 2, 3,4 and 5-star reviews by unticking the corresponding box.  


Select the ‘Style’ of your carousel by choosing between ‘without’ and ‘with’ border.

 

Select the ‘Colour’ of your carousel by choosing between ‘white’ or ‘transparent’. 


  1. Choose where clicking “Read all reviews” will send users from the following options: 

  • Open service lightbox 
  • Go to Feefo Merchant Page 


  1. Choose whether or not your carousel displays on mobile by selecting from the following options: 

  • Use average badge 
  • Hide carousel  


Once you’re happy with the configuration, click on 'Save Settings'.  


Your unique codes will have generated in the ‘Feefo Script’ and ‘Carousel Code’ text boxes. Copy and paste these directly into your website’s HTML using the instructions in the above ‘How to install a Service Review Carousel on your website’ section.  


Editing the timeframe of your carousel  


Finally, you may wish to consider the timeframe over which the reviews are sourced for displaying in the carousel. This can be defined in 'Marketing > Widgets Gallery > Settings > Service - Rating Timeframe': 


Our recommended option and the default is to 'Show Reviews Only For The Past Year'. This means that all reviews displayed on the carousel will be less than one year old and  contain the most fresh and relevant content for consumers. 

The alternative option is 'All Reviews'. If you have only received a small number of reviews in the past year, this option can provide a greater selection of reviews to display in your carousel, but as they will be sourced from historical data the reviews may not be as helpful for future customers as your most recent ones.  


After making your choice, click 'Save Settings'. 


  • Refresh the web page where the carousel is integrated to see the updated carousel.