In the VCE (block-based editor), there are two ways to add product recommendations to your email campaigns.
1. Adding a recommendation block to a template
You can add a product recommendation block to your email template and then use this template to create your email campaign.
To add a recommendation Content Block to an email template, proceed as follows:
- Go to Campaigns, Email Campaigns.
- Click Create Campaign (remember to choose Block-Based Editor if you are asked to choose the editor).
- On the Your Templates page, click one of the two options to Create Template, or click the Edit icon to edit an existing campaign.
- Select the Blocks tab and then click Create New Block.
- Click Insert Recommendation to add a product recommendation image to the block.
- Customize the recommendation image, and when you are finished, click Use this. The image now appears in the live preview.
- To have multiple recommendations in your email, just repeat the previous step multiple times.
- Save the Content Block.
When you now create an email from this template, the recommendation block will be available for selection.
When editing a block in the HTML editor you can only insert one Predict Recommendation per block. Adding more will cause display issues.
If you are tempted to copy the HTML tag that the Email Widget Editor creates, make sure to change the unique e-editable
ID for each tag, otherwise each recommendation image will show the same product.
Using a recommendation block in an email
When you add a recommendation block to an email:
- You do not need to worry about the content of the recommendation block. Predict will supply as many images as you have defined when the email is opened.
- You cannot change the number of images in a recommendation block. If you want a different number of images, you must create a block in the template for that, or use an image block (see below).
- You can still edit the style of the image using the Email Widget Editor.
2. Converting an image into a recommendation in the email
If your template does not have a recommendation block, or you want a different number of images, you can convert any image into recommendation with a few clicks. This way, you can also add recommendations directly to your campaign while you are editing them. Proceed as follows:
- Go to the Content Creation step of the editor.
- Click the Blocks tab and add a block containing an image to the email, or select an existing image in the live preview.
- Hover your mouse over the image to display the block toolbar.
- Click the Email Widget Editor icon.
- Customize the recommendation image, and when you are finished, click Use this.
Please keep in mind that there is no way to add more recommendations to a block than the number of images already there. So if you want to have 3 product recommendations in one block, you have to use a content block with 3 images, and so on.
Use the preview to check that the dimensions of the recommendation fit the dimensions of the image you are replacing.
Only images having the e-editable
attribute can be turned into product recommendations.
Customizing product recommendations
Email Widget Editor
When you add a product recommendation to your template or to your email campaign, the Email Widget Editor will pop up, which allows you to configure the recommendation image. It displays a live preview on the right.
Here, you can select the product catalog fields you want to display in the recommendation and customize their appearance.

Recommendations
Recommendation Logic
In the Recommendations menu, you can change the recommendation logic. We currently offer the following types of recommendations in emails:
- Mail Personal – Delivers personalized product recommendations to email recipients based on their recent browsing activity and purchase history.
- Abandoned Cart – Delivers the last products abandoned in the cart by the email recipient as well as product recommendations related to these.
- Post purchase – Delivers complementary product recommendations to last purchased items.
- Mail Category – Delivers personalized product recommendations from specific categories.
- Recently Viewed – Delivers the exact items last viewed by the visitor and may also use Mail Personal product offerings to provide the required number of products.
- Recently Purchased – Delivers the exact items last purchased by the visitor, and may also use Mail Personal product offerings to make up the required number of products.
The recommendations Recently Viewed and Recently Purchased take into consideration only those individual views and purchases that happened in the last 30 days. Contacts who haven't viewed or purchased a product for 30 days may receive a recommendation of a product they have never browsed or purchased.
If the purchase was made more than 365 days ago, the purchased items will not be displayed. In this case, only the Mail Personal product offerings will be shown.
Any kind of email campaign will benefit from intelligent product recommendations, including welcome emails, ad hoc newsletters, re-engagement campaigns and birthday congratulations. For more information on how to use these, see Email Recommendations - BestPractices and Examples.

Availability zone
- Availability zone – Delivers certain items that are related to a certain zone, and has localization with their specific languages, currencies.
Link to
- Link to – Set a link to the selected Product Catalog field from the drop-down list. The localized link field will be referenced in the widget rendering template when displaying a recommender widget for visitors who are looking at, for example the Spanish version of the website. For more information, see field localization.

Style
In the Style section, you can make some basic changes to the way the recommendations look in terms of image dimension, horizontal or vertical layout, alignment and background color.

Formatting
In the Formatting section, you need to select either one of the currency format presets or apply custom price formatting. In the latter case, you are free to edit the currency symbol and the numeric display of the price. The language field allows you to select the decimal separator by entering the language code.
For detailed information, see table of valid locale IDs.
Currency format: The price pattern you provide tells our recommender engine the following:
- What currency symbol you want to use.
- Where you want to display it (before or after the amount).
- Whether you want to use digit grouping and decimals in the price.
Group the digits in the price: Always use the comma (,) as the thousands separator. Use the full stop (.) as the decimal separator in the price pattern (e.g. #,###.## or ####.##).

In the Language field, you have to enter a Java Locale ID (and not an ISO country or region code), otherwise the country/region-specific separators will not be applied. In the prices shown in the actual product recommendations, the separator symbols specific to the language you set in the Language field will be displayed.
Define the Price format according to your needs:
- If the price pattern ends in .##, no trailing 0 will be displayed (e.g. € 1,234.5) in the recommendations.
- If you want to include the trailing 0s, format the price to end in .00.
- If you want to see a leading 0 in the recommendations, format the price to ###,##0.00 (e.g. € 0.99).
