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:

Setting	Description
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