Blocks
A product recommendation block is a front end visual display of a set of products, linked to a back end AI-powered recommendation model that derives the actual products to display. Using blocks we enable multiple use of each model and you can run different recommendations, with different designs and various settings.
When a merchant deploys product recommendations from Engage, they first create a block that holds the configuration of the recommendations they want to use. The configuration controls:
What type of recommendation to use
The recommendation block design
When to display the recommendation block
What rules, logic and filters to apply
Type of recommendations
Read more about the models and types of recommendations here.
Recommendation block design
The recommendation block design can be fully customized to your needs. In most cases the available design settings within the block is enough to create a visually compelling set of recommendations. The following design settings are available:
Products
Number of products to display in the block.
Title
The block title
Title font
The font of the block title
Title font size
The font size of the title
Title text align
The alignment of the title
Title font weight
The font weight of the title
Title font color
The color of the title
Product title font
The font of the product title
Product title size
The font size of the product title
Product title text align
The alignment of the product title
Product title font weight
The font weight of the product title
Product title font color
The color of the product title
Product price font
The font of the product price
Product price size
The font size of the product price
Product price text align
The alignment of the product price
Product price font weight
The font weight of the product price
Product price font color
The color of the product price
Slider
Toggle on to use a slider
Products per slide
The number of products to use per slide, must be fewer, or equal to the number of products to use in general
Use arrows
Toggle on to display navigation arrows for the slider
Arrow color
The color of the arrows
Arrow background color
The background color of the arrows
Use dots
Toggle on to display navigation dots for the slider
Dots color
The color of the dots
Dots active color
The color of a dot when active
Auto play
Toggle on to automatically scroll the slider
Last updated