Recommendation Engine

To add a Recommendation Engine to the email, drag the instrument, move it to the desired part of the email, and then drop it.

RE

The settings window will appear.

RE%20setting

Paste the URL of your product feed in the format from the example below. Alternatively, you can use mock-up data from the demo at https://4url.cloud/mock-rss or https://4url.cloud/mock-atom. When you click on the "i" icon, you will see a detail. Filling in the URL address is mandatory.

20b

Set the number of recommended products and choose how to react when the recommendation is missing.

21

Choose the parameters you want to display in your message. This step is mandatory.

23b

Recommendation Model

Click on the "Recommendation model" icon in the left menu.

RE%20modely

Choose the type of model you want to use.

model

The "Relevance" model recommends the most suitable products for each customer according to their preferences.

The "Novelty" model penalizes the most purchased products. In this way, relevant products that are not purchased so often are placed first in the recommendations.

The "Diversity" model adjusts the product order so that the relevant product is placed first and the different product, for example, from a different category or type, is placed second.

In the "Equality" model, all factors — Relevance, Novelty, and Diversity — have the same weight. Products are therefore recommended based on a balance between these three parameters.

The "Random selection" selects and recommends products based on random selection.

By choosing "Popularity" model, you prefer Product popularity, which means that this model will recommend products that the customer buythe most.

Click on “Professional Settings” and select which parameter (Novelty or Diversity) will have a higher value.

professional%20setting

Layout

Click on the "Layout" icon in the left menu.

Layout%20icon

Choose the type of layout.

Layout

Set up gap between rows and gap between content and image.

gap

Choose display data setting and percentage distribution of data column widths.

display

Set up gap between labels and values and between content and button.

gap2

Choose how to align labels and values and set up responsivity.

layout%20RE

Image

Click on the "Image" icon in the left menu.

image

Set up image widht and height.

image_setitng

Text Style

Click on the "Text style" icon in the left menu.

text%20style%20icon

On the tab "General" set up font type. You can choose between standard fonts or Google web fonts. Select a font family and set the font size and font weight.

textstyle

Set the spacing between letters, select the alignment of the text, and choose the color of the text.

text2%29

On the tab "Labels" set up the same parameters as on the previous tab.

labels

Background colour

Click on the "Background colour" icon in the left menu.

background

Here you can set the background color.

background2

Padding

Click on the "Padding" icon in the left menu.

padding

On the "Values" tab, set the padding mode and select the padding units.

padding2

Set the necessary values.

padding3

You can set the same for labels and background too.

padding4

Border setting

Click on the "Border setting" icon in the left menu.

border

Set the border width and choose border style.

border2

Choose mode of border settings, set the border radius and colour.

border3