Prestashop - Recover Abandoned Carts

Good to know:  Import this template compatible with PrestaShop variables.

Download the Plugin

Overview

In this tutorial, you'll learn how to create an abandoned cart email with PrestaShop cart data that are compatible with the Sendinblue platform.

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

Before getting started

Prior to creating an abandoned cart email, make sure that:

1. Create an abandoned cart email template

As an example, you can use the following template. Click on the "Import this template" button to have a drag & drop template to work from.

PS_EN_import.png

2. Personalize your email with contact attributes

Let's start by personalizing with contact attributes.

Good to know:  The attributes should be existing attributes in your Sendinblue account

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

3. Personalize your email with the abandoned items details

The following variables may be included directly from a dynamic list within your Sendinblue template content:

 
Items data Insert this placeholder
Name {{ item.name }}
Reference code {{ item.sku }}
Category {{ item.category }}
ID {{ item.id }}
Combinaison (Attribute - value pair) if applicable {{ item.variant_name }}
Size of the item {{ item.size }}
Avaibility of the item {{ item.available_now }}
Quantity {{ item.quantity }}
Storefront link of the item {{ item.url }}
Image {{ item.image }}
Short description of the item {{ item.description_short }}
Retail price, excluding tax, including sales discounts {{ item.price }}
Retail price, excluding tax, excluding sales discounts {{ item.price_predisc }}
Retail price, including tax, excluding sales discounts {{ item.price_predisc_taxinc }}
Retail price, including tax, including sales discounts {{ item.price_taxinc }}
The monetary value of sales discount, excluding tax {{ item.disc_amount }}
The monetary value of sales discount, including tax {{ item.disc_amount_taxinc }} 
The percentage of sales discount {{ item.disc_rate }}
The monetary value of tax {{ item.tax_amount }}
The name of the tax rate {{ item.tax_name }}
The tax rate percentage {{ item.tax_rate }} 

 

Insert a dynamic list

In the Drag & Drop Editor, select your desired block that will display the abandoned items.

  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 items.
  4. In the variable field, write item.
  5. Set the limit for the number of items that will be displayed. For example, if there are 5 items left in the cart, and you set 3 as the limit, only 3 items will be shown in the email.

blobid1.png

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

  • {{ item.name }} - The name of the item
  • {{ item.quantity }} - The quantity of the item
  • {{ item.price | floatformat:2 }} - The price of the item

Add a CTA button

To add the link of the item, select the Call-To-Action (CTA) button. On the right sidebar, under "Link", type {{ item.url }}.

blobid3.png

To add the image of the item, select the image. On the right sidebar:

  • under "Link", type {{ item.url }}
  • under "Caption", type {{ item.name }}
  • under "Image source", choose "From URL" then type {{ item.image }}

blobid2.png

4. Personalize your email with the abandoned cart details

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

Cart details Insert this placeholder
Currency {{ params.currency }}
Sum of value of vouchers, excluding tax {{ params.discount }}
Sum of value of vouchers, including tax {{ params.discount_taxinc }}
Shipping cost, excluding tax {{ params.shipping }}
Shipping cost, including tax  {{ params.shipping_taxinc }}
Sum of retail price, excluding tax, including sales discounts, excluding shipping, excluding vouchers {{ params.subtotal }}
Sum of retail price, excluding tax, excluding sales discounts, excluding shipping, excluding vouchers {{ params.subtotal_predisc }}
Sum of retail price, including tax, excluding sales discounts, excluding shipping, excluding vouchers  {{ params.subtotal_predisc_taxinc }}
Sum of retail price, including tax, including sales discounts, excluding shipping, excluding vouchers {{ params.subtotal_taxinc }}
The monetary value of tax {{ params.tax }}
Sum of retail price, excluding tax, including sales discounts, including shipping cost (excluding tax), including vouchers (excluding tax) {{ params.total_before_tax }}
Sum of retail price, including tax, including sales discounts, including shipping cost (including tax), including vouchers (including tax) {{ params.total }}
Link to cart {{ params.url }} 

 

Good to know:  Items shown in the link to cart page will be different based on where the session is opened from. For example, let's say a customer is browsing from their laptop. If they click on the abandoned cart email from their phone, it will not show their abandoned cart.

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

 

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

blobid5.png

Once your design is complete, click the green "Save & Quit" button. Then click the "Save & Activate" button.

5. Creating the abandoned cart workflow

Read this tutorial to help you creating the workflow: Recovering abandoned carts: automatically send the emails (step 3).

Good to know: A customer has to be identified by their email address to trigger the workflow, i.e. a customer who has logged into their account on your PrestaShop store or input their email address during checkout.

 

6. Example

Let's say that customerJean Blue jean.blue@sendinblue.com has visited your store but the following 3 items have been left in the cart.

prestashop_abandoned_cart_cart_preview.pngThe email received by Jean Blue jean.blue@sendinblue.com will look like this.

blobid6.png

Further reading

Have a question?

If you have a question, feel free to reach our support team at support@sendinblue.com.