All Collections
Editor Questions
How-To Questions
How to create an abandoned cart block in your email template?
How to create an abandoned cart block in your email template?

In this article, we will guide you on how to incorporate and modify abandoned cart sections in Stripo through the use of merge tags.

Oleh Tokariev avatar
Written by Oleh Tokariev
Updated over a week ago

An abandoned cart is the best practice to send your email before your customer orders the product they "Abandoned".

This is typically utilized in cases where users add a product to an online shopping cart on an e-commerce website but do not complete their purchase. Users may abandon because they aren’t ready to buy. Rather, customers are shopping around and comparing costs while using their basket more as a "wish list". So it's frequently all it takes to direct customers to finish checking out is to set up automatic and customized email alerts that remind them they have things in their basket.

Abandoned cart examples:

To learn more about Abandoned Carts from our separate article, kindly refer to the button below:


The customer places an item in their online shopping cart on an e-commerce site but doesn't finish the transaction, as customers who aren't ready to buy may abandon it. So they are using their cart as more of a "wish list" as they shop around and compare prices.

In order to generate an abandoned cart within an email template, it is necessary to have a list of Dynamic tags, which are dynamic variables responsible for transferring the relevant products to the email template. These Dynamic tags must be related to your ESP (email service provider) used for sending email campaigns. To get a list of the required Dynamic tags, kindly contact your ESP's support team.


How to create an abandoned cart within Stripo?

  • Prepare a list of merge tags related to your ESP;

Let's consider an example:

This dynamic tag pertains to the logo/image of the product: {%shopping_cart_items_logo%};

This dynamic tag is related to the product title: {%shopping_cart_title%};

This dynamic tag is used for the product description: {%shopping_description%};

This dynamic tag is related to the product price:{{total_price}};

This dynamic tag pertains to the button URL of the product: {%shopping_cart_URL%};

  • Create a skeleton design of your abandoned cart;

In my example, I prepared dynamic tags for the image, title, description, price, and button URL.

That's why, to build the abandoned cart container, I need to incorporate the following blocks:

- An image block to display the product image/logo;

- Three text blocks to include the product title, description, and price;

- A button block to provide the URL for the product.

Please remember to make the necessary adjustments to the styles of our cards:

  • Copy and paste the merge tags into the designated container;

To add the dynamic tag to the Image block, upload any image you want and replace its URL with the merge tag.

Then add other dynamic tags as text and paste the dynamic tag to the button link as Other protocol:

Please don't worry if you see "broken image" or dynamic tags instead of real content.

If you correctly applied your dynamic tags to blocks, your abandoned cart block will be displayed in the Stripo editor as shown above.

The real data will be applied and shown only after sending it from your ESP. The ESP will recognize its unique dynamic tags and replace them with real data related to each recipient.

Tricks:

To preserve your Dynamic tags for future usage in other email templates:

  • Switch the "Projects&Groups", here you can choose where you would like to add it to the Project or Group, once you have determined, please go to the "Personalization";

  • Navigate below to the "Custom tags" menu;

  • Here, you can add custom tags if the email service you need is unavailable by clicking on "plus";

  • Once added, they can be found in the Merge tag menu under the "Custom tags" title:


There are two additional ways to create the abandoned cart design:

1) using prebuilt Modules:

Our library consists of a considerable number of already prepared modules that our designers have thought to the smallest detail. Within these modules, you can easily locate "General modules""Product card or Set of Product Cards" and incorporate your dynamic tags into the block.

An example after adding dynamic tags to relevant places (text/image blocks and button URL)

2) using Prepared templates with already designed abandoned carts.

You can find them under the "Type" category and select "Abandoned Cart".

There are different topics, such as clothes, techniques, and others.

Important to note: dynamic tags should be provided by the ESP and work with their environment. You can only add dynamic tags within Stripo and export an email template for future sending.


Thank you for taking the time to read our articles. We hope you will find this information helpful.


If you have any additional questions, please email us at support@stripo.email.

We would be glad to talk with you.


Did this answer your question?