Skip to content
Raise a ticket
  • There are no suggestions because the search field is empty.

Understand the Products Tab

TABLE OF CONTENT

 

Introduction

This article guides you through configuring the display and functionality of products and shopping elements within your Feefo Social gallery. These settings are crucial for optimising your user's shopping experience, controlling the visual look of product overlays, and managing conversion pathways.

All product settings are located within the Advanced Tab of the Curate Dashboard, under the Products Tab.

 

Product Settings

These options control the precise appearance and behaviour of product elements, presented here in the exact order found in the dashboard.

 

Setting Type Description
Product Overlay Style 1, 2, or 3 Select a pre-designed layout for how product information is displayed over the post image (the "overlay"). Choose the style that best matches your brand aesthetic and content.
Show Discount Price on Right On/Off If a product has a sale price, toggle this to determine if the discounted price is positioned on the right side of the original price.
Show Product Description On/Off Toggles the visibility of the product's full description within the overlay/modal view.
Product Re-Targeting On/Off Toggles the retargeting functionality, which ensures the product recommendations displayed to the user are relevant to their browsing history.
Product Re-Target Refresh (in days) Number/On-Off Configures the interval (in days) after which the product retargeting data is refreshed for a user. Toggle On to define the specific number of days.
Product Star Rating Colour Hex Code Define the colour of the star icons used to display the product rating. Use a hex code (e.g., #FFC72C).
Product Rating URL URL Enter the specific URL where users can go to see the full reviews or rating details for the product. This often links to your main Feefo reviews page.
Currency Symbol Text Enter the symbol for your primary currency (e.g., $, £, €). This will appear alongside all product prices.
Enter Shop Button Text (On Modal) Text Define the text that appears on the main shop button within the detailed product modal (pop-up). Common examples include "Shop Now" or "Buy This Look."
Shop Button Position Absolute or Bottom Controls where the shop button is anchored within the product display modal: Absolute (floating/fixed) or Bottom (at the base of the content).
Enter Shop Button Functionality HTML (Gallery Post Click Action) Use HTML/JavaScript to define the action taken when the user clicks the main shop button on the gallery post. Typically, this redirects the user to the product page.
Enter Shop Button Text - HTML HTML Use HTML to customize the visual text/content of the main shop button, allowing for advanced formatting or icons.
Enter Shop Button Functionality(on Modal) HTML (Modal Click Action) Use HTML/JavaScript to define the action taken when the user clicks the shop button within the detailed product modal. This is often an "Add to Cart" or direct checkout function.
Shop Button CSS HTML Enter custom CSS to fully style the appearance (color, font, size, hover state) of the shop button for complete brand adherence.
Post Overlay Background Colour Hex Code Sets the background colour of the overlay that appears when a user interacts with a post. Use a hex code (e.g., #000000).
Post Overlay Text Colour Hex Code Sets the color of the text (like product name, price) displayed on the post overlay. Ensure this provides sufficient contrast against the Post Overlay Background Colour.
Popup Price & CTA Style Style Selector Choose the visual style (layout, font, emphasis) for how the price and the main Call-to-Action button are presented within the product pop-up/modal.
Action post add to cart Action Defines the specific action (e.g., "Redirect to Cart," "Show Success Message," or custom script) that occurs immediately after a product is successfully added to the cart via the modal button.