Wizard: Abandoned Shopping Cart

In this drag & drop wizard, you can create templates for sending emails with products that were added to a cart, but not purchased. The wizard uses a new advanced widget Product Frame. It works by taking data from an XML file to dynamically change the content of the email to include the items from the cart abandoned by the message’s recipient and ensure the content is personalized.

When used in tandem with automation rules, this will allow you to efficiently save abandoned carts and send recently viewed products to your customers.

Learn how to create a rule that uses Product Frames to save carts >>

Learn how to create a rule that uses Product Frames to send recently viewed products >>


How it works

The Recommendation Frame widget can be used to personalize email content; in this case, by sending a message with products the contact added to their shopping cart and later abandoned. In each field, there is a short piece of code that loads product data from the XML file of your shop and into the message.

IMPORTANT: To use this feature, it is necessary that your XML file is configured correctly. We recommend making sure the file is OK and has a transform. You can always write to bok@salesmanago.pl for assistance.

Learn how to upload an XML file to the system >>

Learn how to prepare an XML file correctly and how it can be used >>


To begin, go to Wizards → Abandoned Shopping Cart.

1

Here you can find all templates in this wizard. Click New abandoned shopping cart to make your first template.

2

[1] Enter the name for messages that will be sent from this template.

[2] Choose an .xml file with product data from a shop for which you want to use this template.

[3] From the tab Advanced Widgets, select Product Frame and drag it onto the content field below.

In the following screenshot there is only one image and one column of product details; however, it is possible to fit up to four products in one message. The number of images changes to match the number of products in the template. Columns with products will change size to fit the template, depending on how many you add. Also, the message will automatically change to match the actual number of abandoned items (for example, if a customer abandons two items and the template is set to four, the customer will only see two products in their message).

TIP: One widget can accommodate up to four products, but if you want more products in the message, just add more widgets.

3

[1] Template settings

[2] This button is used to rearrange elements. It appears contextually after you hover your mouse pointer over an element that can be moved.

[3] Buttons that open Widget settings (cogwheel) and Delete the widget (wastebin).

[4] Product image.

[5] Product detail fields.

TIP: You can edit the text in detail fields as in a normal text editor. For example, if you type a word into one detail fields, then all fields of this type will have this word added. So if you add “Best price!” before$prodRec{1}.price$ then all products in the template will have their price detail text changed to “Best price! [price]”

[6] The button with a link to the product’s page.

4

[7] Background color. Click the code of the color to choose a new one from a palette, or leave this field empty to keep the element transparent (default).

[8] Template width – use the slider to adjust the width. The default value is 600 px.

IMPORTANT: Changing the width will delete all content and other settings from the template.

[9] Email background color. Click the code of the color to choose a new one from a palette, or leave this field empty to keep the element transparent (default).

5

[10] Frame background color. Click the code of the color to choose a new one from a palette, or leave this field empty to keep the element transparent (default).

[11] Max.number of products that can be loaded into the template (up to 4).

[12] Product detail fields.

[13] The button with a link to the product’s page.

[14] Additional elements – if the XML file you’re using for this template has columns with additional details, you can add them to the template by using this feature. Click the green sidebar to open a list of elements that you can drag and drop onto the template.

6

After you’ve finished working on the template, Save it and proceed to the Configuration tab.

7

[15] Enter the message subject line (you can add simple icons to it), then enter a UTM Campaign ID (if you use Google Analytics) and the sending account. You can use the icons to the right to either edit (pencil) or create (plus) a sending account. Click Next to proceed to the Preview tab.

8

In Preview, you can see what does the message actually look like. From here you can either go back to editing or continue to final settings in the Send tab.

9

Specify [16] the delay between a cart being abandoned and the message being sent. You can set the value from 1 to 100 hours (by using the slider).

TIP: No more than one message with an abandoned cart can be sent to each customer during one day. 

To finish creating this template, click Save rules.

to subscribe
our newsletter

Follow us