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 |
Last updated