Design
Choose the Inspire template, available in the standard library.
Styles
The communication inherits styles from the brand kit. You will find pre-set logos, fonts, and color palettes. To modify them, click on the Styles icon; a section will appear on the right that allows you to make changes to various options (for more details, read the article Create a communication using a template).
Products from the latest order
You can start creating your communication by customizing the existing section, or by adding a new section from the catalog by clicking the Add section button.
- From the catalog, click on the Shopify section and select the “Last Purchase” object
- Customize the object by clicking the edit icon
In the Layout tab, you can modify the structure of the object by changing, for example, the column proportions, text color, background color, or in the Columns tab you can modify the behavior and appearance of individual columns.
Click on the Content tab; by default, the Connect to Shopify option is checked.
The selected options are already valid to display the products in the contact’s cart; you will only need to specify the number of products to display. Depending on the chosen object, the option “Only one content per row“ can be checked or not.
- Click the Save button
The object is already set to print the product image, name, price, and order total. If you want to customize the object, click the info icon near the text “Product placeholders“ and take note of the various placeholders.
- [temp:item.title] Product name
- [temp:item.varianttitle] Checkout only - Specific name of the variant entered in the checkout
- [temp:item.description] Product description. Use [temp:item.description left='130' ] to limit the length.
- [temp:item.link] Product link on Shopify
- [temp:item.image] Main product image
- [temp:item.price] Price. Formatting example [temp:item.price maxdigits='2' mindigits='0' locale='it']
- [temp:item.usecompareatprice ] True if the product is on sale. To be used in visibility conditions
- [temp:item.compareatprice] Original price (if the product is on sale). Formatting example [temp:item.compareatprice maxdigits='2' mindigits='0' locale='it']
- [temp:item.currency] Currency symbol
- [temp:item.quantity] Checkout only - Quantity of the single product
- [temp:item.tags] Tags defined on the Shopify product
- [temp:item.hasvariants] True if the product has variants (for size, color, etc.). To be used in visibility conditions
- [temp:item.minvariantprice] Minimum price of the variants (if the product has variants). To be used to display the price as Starting from
- [temp:item.maxvariantprice] Maximum price of the variants (if the product has variants)
- [temp:item.available] Checkout only - Available (true if the inventory quantity is greater than 0)
- [temp:item.sku] Product SKU (if defined on Shopify)
- [temp:item.vendor] Vendor (if defined on Shopify)
- [temp:item.productid] Numeric product ID
- [temp:item.variantid] Numeric variant ID
Total of the latest order
The total of the latest order is automatically inserted; to modify it, click the edit icon of the element.
View preview
To verify that everything is set up correctly, click the Preview button and then the Customize button.
- Select the database connected to Shopify, then select a contact by clicking the contact icon.
- From the pop-up that appeared, Filter the contacts by selecting those who have placed at least one order
- Select a contact
- Click the Update preview button