This article defines how to install the Service Reviews Widget into a merchant's web page.
The Service Reviews Widget is simple to implement and configure. It offers a quick method to integrating a merchant's service review rating into a floating widget that remains within view whilst the customer is on the web page. The widget's appearance, when collapsed, will be similar to:
When clicked on, the widget expands to:
The Service Reviews Widget integration involves adding two lines of code to your HTML. Both lines should be added to the HTML pages as far down the page as possible (in the footer is ideal) however, their location does not define the position of the widget.
- merchantidentifier identifies the Feefo account. Replace merchantidentifier with your unique Feefo identifier which can be found in the Feefo Hub; see Where to find my merchant identifier?.
Once added, the Service Reviews Widget will float over the page when it's viewed. The position and styling of the widget are controlled by 'Marketing > Service Reviews Widget' the options being:
- Colour Theme
This option applies to both desktop and mobile devices.
- Grey (Default)
This option determines the size of the badge on desktop devices.
- Small (Default)
This option determines the position of the badge on desktop devices.
- Left (Default)
- Position from top
This option determines the badge's relative position to the alignment on desktop devices. Continuously variable from 0 (at the top of the window) to 100 (at the bottom of the window). Default = 70% (quite close to the bottom of the window).
This option determines how the badge will appear on mobile devices.
- Use a different badge (Default). This displays a smaller badge that is specifically designed for mobile devices. If the 'Colour Theme' for the above badge is changed, it also changes the colour of the mobile badge.
- Hide badge on mobile. This option doesn't show any badge on mobile devices.
This option determines the position of the badge on mobile devices.
- Bottom (Default).
- Position from left or top
This option determines the badge's relative position to the alignment on mobile devices. When 'Alignment = Left or Right', the position is continuously variable from 0 (at the top of the window) to 100 (at the bottom of the window). When 'Alignment = Bottom' (Default), the position is continuously variable from 0 (at the left side of the window) to 100 (at the right side of the window). Default = 50%.