TABLE OF CONTENTS
- Introduction
- How to Install the Slide-Out Reviews Tab
- Customising Your Slide-Out Reviews Tab
- Summary
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).
.png?width=151&height=57&name=Tooltip%20(1).png)
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:
<feefo-slideout></feefo-slideout>
Add this Feefo Script (paste it near the closing body tag):
<script type="text/javascript" src="https://api.feefo.com/api/javascript/MERCHANTID"></script>
Adding Sales & Product Tags
You can easily add your sales and product tags to the Feefo script code using the provided format. This allows you to filter and display specific review data on your website, enhancing the customer experience.
<script type="text/javascript" src="https://api.feefo.com/api/javascript/MERCHANTID"></script> <feefo-slideout tags="key:value"></feefo-slideout>
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 customisation 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
- Head to ‘Display > 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.
Slide-Out Tab
| Field | Customisation |
| Colour Themes |
Select the colour of your tab from the following options:
|
| Size |
Select the format of your tab from the following options:
|
| Alignment |
Select the alignment of your tab from the following options:
|
| Position from top | 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. |
| Mobile Behaviour |
Choose whether or not your tab displays on mobile by selecting from the following options:
|
Design Customisation
Tailor the visual elements of your widget to align with your brand:
| Field | Customisation |
| Attribute Colour | Choose a #hex value to match your brand’s attribute colour. |
| Highlight Colour | Pick a #hex value for highlights (e.g., hover states or section headers). |
| Average Rating Banner Stars | Select between light or dark stars styled in the Feefo brand. |
| Individual Rating Stars | Choose between Feefo stars or Basic stars Customise star colour using a #hex value. |
| Font Scale | Choose from Small, Medium or Large |
AI Summary
Choose which AI insights and review features to display on your widgets.
| Field | Customisation |
| Product Visibility | Choose which SKUs display AI Summaries (and Trending Topics, if active) on live widgets. |
| AI Summary | An AI-powered overview summarising all of your customer feedback.
Toggle this on to begin summarising your reviews; the summary will appear on your live widget as soon as background processing is complete. Show AI Summary on the PRODUCT widget |
| Trending Topics *New* | Upgrade to unlock Trending Topics, sentiment summaries, and smart keyword filtering. |
|
Dynamic Topic Display *Legacy* |
Display clickable keywords and review snippets to help customers filter reviews. Upgrade to Trending Topics above for richer AI insights, synonym matching, and sentiment summaries on your Product widget. Use the options below if you still need to support topic filtering for your Service widget while our new features are in development.
|
Media Tab
| Field | Configuration |
| Media |
Show media
|
Attributes Tab
| Field | Configuration |
| Attributes |
Product attributes display mode
Service attributes display mode
|
| Custom Attributes |
Show fit attribute
|
Icons Tab
| Field | Configuration |
| Show icon |
|
Once you’re happy with the configuration, click on 'Save Settings'.
Your unique codes will have generated in the installation code button. 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.
Summary
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.