Download the Plugin

Overview

In this article, you will learn how to create an abandoned cart email template to recover lost sales. You’ll also learn which OpenCart order data are compatible with the Brevo platform.

Once created, your template can be sent automatically via an Automation workflow. 

Before getting started

• If you don’t already have a Brevo account, create one here.
• Make sure that Brevo's New Template Language for emails is enabled on your account.
• Follow these steps to install the OpenCart plugin.

1. Create the email template

First, log into your Brevo account then go to the Automation platform > Email Templates. Click on the New Template button at the top right.

Setup

At this step, decide your email template settings:

• Template Name
• Subject Line
• From Email
• From Name

Click on the Next Step button at the top right.

Design

Brevo offers three helpful tools for creating email templates:

1. Drag & Drop Editor - Create mobile-friendly, responsive templates by dragging and dropping text blocks, images, buttons, and other design elements to create a beautiful email. Brevo recommends this option for most users.
2. Simple Editor - Use a simple text WYSIWYG (What-you-see-is-what-you-get) editor to design your email. 
3. Paste Your Code Editor - Paste your own HTML code. Only users with a strong understanding of HTML and email design best practices should select this option.

In this example, we'll create an email template with the Drag & Drop editor (Classic).

2. Personalize the email template 

The email template can be personalized with several types of data: 

• contact attributes saved in your Brevo list 
• abandoned product details
• abandoned cart details

Personalize your email with contact attributes

Let's start by personalizing with contact attributes. 

In the example below, we have included a personalization of:

• the recipient's first name using {{ contact.FIRSTNAME }}
• the recipient's last name using {{ contact.LASTNAME }}

Good to know: that FIRSTNAME and LASTNAME should be attributes that exist on your Brevo account.

Now let's personalize the email template with order variables such as the name of the products left behind, their images, price etc. To do so, we're using the New Template Language to insert a dynamic list.

Personalize your email with the abandoned product details

In the Drag & Drop Editor (Classic), select your desired block that will display the abandoned products. 

1. Click the pencil icon to edit the settings for the design block.
2. Enable the dynamic list option.
3. In the parameter field, write products.
4. In the variable field, write product.
5. Set the limit for the number of products that will be displayed. For example, if there are 5 products left in the cart, and you set 3 as the limit, only 3 products will be shown in the email.

Now add the variables to your email template. In the example above, we have added:

• {{ product.name }} - The name of the product
• {{ product.quantity }} - The quantity of the product
• {{ product.price }} - The price of the product

To add the link of the product, select the CTA button. On the right sidebar, under Link, type {{ product.price }}.

To add the image of the product, select the image. On the right sidebar, under Image source, choose "From URL" then type {{ product.image }}. 

Personalize your email with the abandoned cart details

The following variables may be included directly within your Brevo template content:  

In the Drag & Drop Editor (Classic), select your desired block that will display the abandoned cart information then add the order variables you want.

In the example below, we have added:

• {{ params.currency }} - The currency of the abandoned cart
• {{ params.subtotal }} - The subtotal of the abandoned cart
• {{ params.tax }} - The tax applied to the abandoned cart
• {{ params.shipping }} - The shipping cost of the abandoned cart
• {{ params.total }} - The total of the abandoned cart

To add the link of the abandoned cart, select the CTA button. On the right sidebar, under Link, type {{ params.url }}.

3. Save and activate your email template

Once your design is complete, click the green “Save & Quit” button.

It is good practice to send a test email to yourself to ensure all of the personalization elements in the template are populating correctly.

Good to know: Be sure that whatever email address is used to test is a contact on the account with the attributes being used for personalization already populated on the account in that contact, otherwise the personalization will not appear. We generally advise using a test list. 

Use the Save & Activate button to save the template and make it accessible from the Automation workflow.

Next Steps

Next, follow the tutorial Recover Abandoned Carts with OpenCart: Send the Recovery Email to send automatically your template via Brevo automation. It only takes 2 minutes to enable!

Further Reading

• Using Brevo’s New Template Language to create email templates and campaigns [NEW]
• Using Automation Exit and Restart conditions | abandoned cart workflows & more

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.