TABLE OF CONTENTS

Introduction


Feefo's Slide-Out Reviews Tab is a powerful integration that provides a floating tab on your website, offering visitors a quick view of your Feefo service score. This floating tab can be placed on either the left or right-hand side of your webpage, remaining fixed and visible as visitors scroll. This integration allows potential customers to have constant access to your Feefo service score, instilling confidence in their decision-making process. In this knowledge base article, we will guide you through the installation and customisation process of the Slide-Out Reviews Tab to maximise its impact on your website.




When closed, the tab will display your Feefo service rating. If the customer chooses to click on the tab, it expands to show all of your latest service reviews, as well as your photo and video reviews (if you have these enabled).  



How to Install the Slide-Out Reviews Tab 


Implementing the Slide-Out Reviews Tab requires adding just two lines of code to your webpage's HTML. These lines should be placed as far down the page as possible (preferably in the footer). The position of the tab is fully customisable during the customisation phase. The unique code will be generated based on your account and customisation choices within the 'Slide-Out Reviews Tab' section of the Feefo Hub.


Example code: 


<script type="text/javascript" src="https://api.feefo.com/api/javascript/merchantidentifier" async></script> 
<div id="feefo-service-review-floating-widgetId"></div>


Customising Your Slide-Out Reviews Tab

While the tab will automatically display using the default setup once the code is added to your webpage, Feefo offers several customization options to tailor the Slide-Out Reviews Tab to your preferences.


To get started on customising your Slide-Out Reviews Tab, login to the Feefo Hub and head to ‘Marketing > Slide-Out Reviews Tab’. 


The preview window on the left-hand side will display a live image of how your Slide-Out Reviews Tab will appear based on the selections you make. 


Desktop 


Select the 'Colour' of your tab from the following options: 


  • Grey (default) 
  • Yellow 
  • White


Select the ‘Format’ of your tab from the following options: 


  • Small (default) – tab will only display the term ‘Feefo Reviews’ when closed 
  • Large – tab will display your service rating score when closed


Select the ‘Alignment’ of your tab from the following options: 


  • Left (default) 
  • Right



Use the percentage slider from 0 (top) to 100% (bottom) to determine the ‘Position from top’ of the browser window that your Slide-Out Reviews Tab will sit.


Choose whether or not your tab displays on mobile by selecting from the following options: 


  • Use a different badge 
  • Hide on mobile


Tick or untick the ‘Show media panel’ option to choose whether to display your photo and video reviews within your Slide-Out Reviews Tab 



Mobile 


Select the ‘Alignment’ of your tab from the following options: 


  • Bottom (default) 
  • Left  
  • Right


Use the percentage slider from 0 to 100% to determine the ‘Position’ on the mobile browser window that your Slide-Out Reviews Tab will sit 


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


Your unique codes will have generated in the ‘Feefo service reviews widget script’ text box. Copy and paste this directly into your website’s HTML using the instructions in the above ‘How to install the Slide-Out Reviews Tab’ section.  

Conclusion


Feefo's Slide-Out Reviews Tab is a versatile and impactful integration, allowing you to display your Feefo service score and reviews conveniently to website visitors. By following the installation and customisation instructions provided in this knowledge base article, you can optimise the placement and appearance of the Slide-Out Reviews Tab to provide visitors with constant access to your valuable service score and customer feedback. Enhancing the user experience and building trust with potential customers, the Slide-Out Reviews Tab can contribute significantly to your website's success.