Design
Choose the Inspire template, available in the standard library.
Styles
The communication inherits the styles from the brand kit. You'll find logo, fonts, and color palette already pre-set. To edit them, click on the Styles icon; the section that allows you to modify the various options will appear on the right. Learn more by reading the article on How to create a communication by template.
Abandoned cart products
You can start creating your communication by customizing the existing section, or adding a new section from the catalog by clicking the Add section button.
1. From the catalog, click on the Magento section and select the item “Your cart“
Cart products
2. Customize the item by clicking on the edit icon
In the Layout tab you can modify the structure of the item by changing, for example, the column proportions, text color, background color. In the Columns tab you can change the behavior and appearance of individual columns.
Click on the Content tab; by default, the option Connect to Magento is enabled.
The selected options are already valid to display the contact's cart products. You’ll need to specify the number of products to show; depending on the selected item, the option “One product per row” is available.
3. Click the Save button.
The item is already set up to display the product image, name, price, and total cart value. If you want to customize the item, click on the info icon next to “Cart product placeholders” and take note of the various placeholders:
- [temp:item.title] Product name
-
[temp:item.description] Product description
Use [temp:item.description left='130' ] to limit length. - [temp:item.link] Product link on Magento
- [temp:item.image] Product image
-
[temp:item.currentprice] Current price
Example formatting: [temp:item.currentprice maxdigits='2' mindigits='2' locale='it'] -
[temp:item.originalprice] Original price
Example formatting: [temp:item.originalprice maxdigits='2' mindigits='2' locale='it'] - temp.item.isdiscounted True if the product is discounted. To be used in visibility conditions.
Cart link
A button linking to the cart page is automatically inserted. The link already uses the correct placeholder; you can change the clickable word and its style.
Preview
To check that everything is set correctly, click the Preview button and then the Customize button.
1. Select the database connected to Magento, then select a contact by clicking on the icon to the right.
2. From the popup that appeared, Filter contacts by selecting those who have at least one product in the cart.
3. Select a contact
4. Click the Update button
Also insert related products to your cart
You can also add products connected to your cart, such as related products, up-selling, cross-selling, and recommended products.
1. Click the Add section button, go to the Magento section, and select a desired item (in this example we insert 3 products compatible with those in the cart) 2. Modify the section’s options from the Content tab by choosing:
- In the “Products to show” field → select Contact’s cart
- In the show field → Cross-selling
- Number of products to display → enter 3 and they will all appear in the same row
3. Click the Preview button >> Customize >> Select the test contact as before >> Update selection