Recover Abandoned Carts with OpenCart: Create an Email Template

OpenCart_Logo.png

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 SendinBlue platform.

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

Before getting started

1. Create the email template

First, log into your SendinBlue 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

SendinBlue 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. SendinBlue recommends this option for most users.
  2. Rich Text 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.

2. Personalize the email template 

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

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 SendinBlue account.

save image

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

The following variables may be included directly within in a dynamic list within your SendinBlue template content:  
 
Product details
{{ product.id }}
{{ product.image }}
{{ product.name }}
{{ product.price }}
{{ product.quantity }}
{{ product.url }}


In the Drag & Drop Editor, 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 }}.

save image

 

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

 

save image

Personalize your email with the abandoned cart details

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

Cart details
{{ params.currency }}
{{ params.discount }}
{{ params.shipping }}
{{ params.subtotal }}
{{ params.tax }}
{{ params.total }}
{{ params.total_before_tax }}
{{ params.url }}

 

In the Drag & Drop Editor, 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

save image

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

save image 

3. Save and activate your email template

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

save image

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.

save image

Next Steps

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

Further Reading