Products Block

Use the Products block to configure and visualize recommended products in the email.

Before working with the block, you need to:

1. Connect one of the advanced features pricing plans

2. Set up web tracking

3. Create a data source for recommendations

Block Configuration

To add the Products block to the email content, drag and drop it to the content area.

Click the block in the message container. The following tabs will open on the sidebar:

• Product list

• Modules

• Data

Let's consider the configuration of each tab in detail.

Product List

Configure the number of product cards in the block and their alignment, placement, padding, and background.

Number of products in a row

Set the number of products to display in a single row (1 to 4).

To set the number of products in a row for the mobile version:

1. Click the Mobile version button.
   
2. Select the number of products to display in one row (from 1 to 3) for the mobile version.
   

Number of rows

Enter the number of rows with products in the Up to parameter.

To show all the products available in the data source, select the Show all products radio button.

If there are not enough products to fill the last row

Choose one of the options:

• Don't show partially filled row: If the last row of product cards contains fewer cards than the value you selected in the Number of products in a row section, then this row is not displayed for the recipient.

• Show partially filled row: The last row of product cards is displayed for the recipient, even if it contains fewer cards than the value you selected in the Number of products in a row section. 

Set the alignment of cards in the last row for the second option: center, left edge, right edge, or adjust to width.

If there are no products to show

In this case, choose one of these options:

• Do not send the message: Default setting. The message will not be sent if there are no products to show.

• Hide product list: The message will be sent, but the content of the Products block will not be displayed for the recipient.

If the message contains multiple Products blocks, you can set separate conditions for each block.

For example, the first block shows items in the abandoned cart, and the second one shows recommendations based on the items in the cart. If you select the Hide product list option for the second block, it will not be displayed in the message if there are no recommendations. The header and the footer of this block will not be displayed as well.

Indent options

Set indents between cards and rows.

Row background and rounding

Select the background color for the rows from the palette, or enter the hexadecimal code that corresponds to the desired color. By default, the row background is transparent.

Enter the row rounding value for all rows. The maximum value is 50.

To select the rounding value for each corner separately:

1. Enable the Separately slide button.
2. Enter or select the required value for each corner. The maximum value is 50.
   

Block background

By default, the block background is transparent. To change it, click the corresponding field and select a color from the palette or enter the hexadecimal code corresponding to the required color.

Products paddings

Set up paddings around the Products block content for the desktop and mobile versions.

You can set all the padding at once, or configure each side of the block individually.

Activate the More toggle button to set individual values and specify the desired parameters.

Click on the smartphone icon to set the padding around the block for the mobile version of the email.

Modules

Configure the display or replace headers, footers, and product cards.

The principle for changing elements in the tab is the same. For example, let's consider replacing Product cards.

1. Click the Replace button.

2. Select a product card from the list or use the search field by name or tag.

Headers and footers are optional elements of the Products block, so they can be hidden by deactivating the corresponding switches.

Header before product cards is enabled by default.

More about setting up and creating modules >

Data

Select a data source and configure the automation for displaying products in the message.

There are two types of data sources for the Products block:

• Recommendations based on contact data

• General recommendation algorithms

The Bestseller type algorithm is set in the Products block by default. If there is no Bestseller type algorithm, any of the general recommendation algorithms will be applied. If no general recommendation algorithms are available, then the algorithms based on contact data recommendations are set.

To replace the data source, click the Replace button and select the necessary one.

Click the Go to data sources button to create a new one.

Click the Save button on the editor's top panel to save the email changes.