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:

SettingDescription

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