First steps
User Data
- Responsive Email Editor Review
- Designing your email
- Creating Synchronized Modules
- Setting Up Responsive Email Design
- Setting Up Smart Containers
- Creating a Gmail Promotions Annotation
- Adding The Rollover Effect
- Adding Anchor Links
- Module Library
- Adding a Table to an Email
- Adding Custom Fonts
- Creating CTA Button
- Working with Images
- Creating Timer
- Using AI in the Email Editor
Omnichannel
- Setting Up Widgets for Your Site
- Widget Calling
- Setting Up Locations for the Widget Calling Rules
- Storing data from widgets to contact fields
- Using Annoyance Safeguard
- Actions After Form Submission
- Replacing Double Opt-In System Workflow
- Using Yespo Extension for Google Chrome
- Creating Pop-ups via Google Tag Manager or WordPress
- Sending Yespo Widget Events to Google Analytics
- Using A/B Tests for Widgets
- Collecting Contact Information Using Request Forms
Automation
- Building and Editing Workflows
- Configuring Workflow Start/Stop Conditions
- Start Block
- Popular Blocks
- Message Blocks
- Using One from Many Message Block
- Contact Blocks
- Conditions Blocks
- Other Blocks
- Message to Segment Blocks
- Time Blocks
- Setting Up Allowed Send Time
- Using Workflow Launch History
- Webhook Workflows
- Workflow Troubleshooting
- Double Opt-In
- Welcome Сampaign
- Welcome Series Segmented by Category
- Launching a Workflow After a Contact Import
- Regular Workflow for a Segment
- Birthday Campaign
- Linking Workflow to the Button
- Using Variables from Order in Workflow
- Collecting Order Feedback
- Customer Reactivation
- Sending Extra Campaigns
- Sending Reminders at the Time Specified by the User
- Sending Campaign to Those Who Did Not Open the Previous One
- Using A/B Tests In Workflows
Personalization
Analytics
- Email Campaign Report
- Web Push Campaign Report
- Viber Campaign Report
- Mobile Push Campaign Report
- App Inbox Campaign Report
- Telegram Campaign Report
- In-App Report
- Widget Report
- Triggered Campaign Report
- AMP Campaign Report
- SMS Campaign Report
- Multilingual Campaign Report
- Setting up UTM Tags
- Revenue from Campaigns
- Tracking Campaign Performance in Google Analytics 4
- Message Analytics
Multilanguage Campaigns
Events and Behaviour Tracking
Recommendations
API
Security and Compliance
Products Block
Use the Products block to configure and visualize recommended products in the email.
Before working with the block, you need to:
-
Connect one of the advanced features pricing plans
-
Set up web tracking
Block Configuration
To add the Products block to the email content, drag and drop it to the content area.
Note
A block with default settings will be used in the message if you have not set up web tracking and created a data source for recommendations
Click the block in the message container. The following tabs will open on the sidebar:
-
Product list
-
Items
-
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).
Number of rows
Enter the number of rows with products in the Up to parameter.
Note
Possible values range from 1 to 50 rows. If there are not enough products to fill all the rows, the system may display only 1 row.
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 and padding options
Set configuration:
-
Indents between cards and rows.
-
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.
Note
The maximum padding and indent value is 40 px
Click on the smartphone icon to set the padding around the block for the mobile version of the email.
Background
The background is transparent by default. To change it, click the appropriate field, select a color from the palette, or enter the hexadecimal code for the desired color.
Items
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.
-
Click the Replace button.
-
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.
Note
The header and footer will be hidden if there are no products to display in the block, even if their visibility is activated.
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.
Note
When you change the data source, the changes are not applied in the editor. To view the actual message, select the View message icon on the top panel.
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.
Note
- To display the product's old and new costs in the cards, we recommend using the additional Price component, which synchronizes the price data from the site with the data in the email.
- This instruction describes editing and saving product cards of blocks in the module library.