Reach

Grow

Manage

Automate

Reach

Grow

Manage

Automate

G

G

M

M

Create personalized emails for cart, browse, and order events

How to get started.

Abandoned Cart Email

Abandoned Cart Email

Abandoned Cart Email

For Abandoned Cart Emails, you can use Cart Updated trigger which will give you the options to personalize your email with following dynamic elements:

  • Product Image: To add dynamic product image from the cart, you can add an image element and in place of Image URL Source, you can type in {{event.properties.items[0].product_image_url}}

  • Product Link: To add dynamic product link to the product image from the cart, you can add an image element and in place of Image URL Link, you can type in {{event.properties.items[0].product_url}}


Shows an interface for uploading an image URL to personalize email content, featuring dynamic elements options.


  • Product Name: To add dynamic product name from the cart, you can add a text element and type in the variable {{event.properties.items[0].product_name}}


  • Product Currency: To add dynamic product price currency from the cart, you can add a text element and type in the variable {{event.properties.items[0].currency}}


  • Product Price: To add dynamic product price value from the cart, you can add a text element and type in the variable {{event.properties.items[0].price}}


A text editor displays a snippet of code showing dynamically generated variables for product personalization, including placeholders for product name and price.


  • Cart Link: To add personalized cart link from the cart, you can add a button element and type in the variable {{event.properties.checkout_url}} in the link field


Link input field using a placeholder text for a personalized cart link.


To preview how the email would like live when sent from a journey with Cart Updated trigger, you can do the following steps:

  • Switch to Preview section in Email editor

  • Toggle to Event under Preview info

  • In the event dropdown, select Cart Updated to preview how the email would look based on latest Cart Updated event received through the integration.


Interface with a section labeled "Preview Info," featuring options for viewing contact and event information related to email preview functionalities.

Dynamic Cart Emails with Multiple Products

For showing multiple product names in the cart dynamically, you can do the following:

Step 1. Add an html block and add the following liquid code snippet

{% for item in event.properties.items %}

Step 2. Add image and text blocks to insert product variables such as

  • Product Image: To add dynamic product image from the cart, you can add an image element and in place of Image URL Source, you can type in {{item.product_image_url}}

  • Product Link: To add dynamic product link to the product image from the cart, you can add an image element and in place of Image URL Link, you can type in {{item.product_url}}


Email template editor for abandoned cart reminders.


  • Product Name: To add dynamic product name from the cart, you can add a text element and type in the variable {{item.product_name}}

  • Product Currency: To add dynamic product price currency from the cart, you can add a text element and type in the variable {{item.currency}}

  • Product Price: To add dynamic product price value from the cart, you can add a text element and type in the variable {{item.price}}

  • Product Quantity: To add dynamic product price value from the cart, you can add a text element and type in the variable {{item.quantity}}

Step 3. Add an additional html block and add the following liquid code snippet to end the product block

{% endfor %}

To preview how the email would like live when sent from a journey with Cart Updated trigger, you can do the following steps:

  • Switch to Preview section in Email editor

  • Toggle to Event under Preview info

  • In the event dropdown, select Cart Updated to preview how the email would look based on latest Cart Updated event received through the integration.

The element will repeat dynamically based on number of products in the cart


Email template for an abandoned cart reminder displays product details.

For showing multiple product names in the cart dynamically, you can do the following:

Step 1. Add an html block and add the following liquid code snippet

{% for item in event.properties.items %}

Step 2. Add image and text blocks to insert product variables such as

  • Product Image: To add dynamic product image from the cart, you can add an image element and in place of Image URL Source, you can type in {{item.product_image_url}}

  • Product Link: To add dynamic product link to the product image from the cart, you can add an image element and in place of Image URL Link, you can type in {{item.product_url}}


Email template editor for abandoned cart reminders.


  • Product Name: To add dynamic product name from the cart, you can add a text element and type in the variable {{item.product_name}}

  • Product Currency: To add dynamic product price currency from the cart, you can add a text element and type in the variable {{item.currency}}

  • Product Price: To add dynamic product price value from the cart, you can add a text element and type in the variable {{item.price}}

  • Product Quantity: To add dynamic product price value from the cart, you can add a text element and type in the variable {{item.quantity}}

Step 3. Add an additional html block and add the following liquid code snippet to end the product block

{% endfor %}

To preview how the email would like live when sent from a journey with Cart Updated trigger, you can do the following steps:

  • Switch to Preview section in Email editor

  • Toggle to Event under Preview info

  • In the event dropdown, select Cart Updated to preview how the email would look based on latest Cart Updated event received through the integration.

The element will repeat dynamically based on number of products in the cart


Email template for an abandoned cart reminder displays product details.

For showing multiple product names in the cart dynamically, you can do the following:

Step 1. Add an html block and add the following liquid code snippet

{% for item in event.properties.items %}

Step 2. Add image and text blocks to insert product variables such as

  • Product Image: To add dynamic product image from the cart, you can add an image element and in place of Image URL Source, you can type in {{item.product_image_url}}

  • Product Link: To add dynamic product link to the product image from the cart, you can add an image element and in place of Image URL Link, you can type in {{item.product_url}}


Email template editor for abandoned cart reminders.


  • Product Name: To add dynamic product name from the cart, you can add a text element and type in the variable {{item.product_name}}

  • Product Currency: To add dynamic product price currency from the cart, you can add a text element and type in the variable {{item.currency}}

  • Product Price: To add dynamic product price value from the cart, you can add a text element and type in the variable {{item.price}}

  • Product Quantity: To add dynamic product price value from the cart, you can add a text element and type in the variable {{item.quantity}}

Step 3. Add an additional html block and add the following liquid code snippet to end the product block

{% endfor %}

To preview how the email would like live when sent from a journey with Cart Updated trigger, you can do the following steps:

  • Switch to Preview section in Email editor

  • Toggle to Event under Preview info

  • In the event dropdown, select Cart Updated to preview how the email would look based on latest Cart Updated event received through the integration.

The element will repeat dynamically based on number of products in the cart


Email template for an abandoned cart reminder displays product details.

Abandoned Browse Email

For Abandoned Browse Email, you can use Viewed Product trigger which will give you the options to personalize your email with following dynamic elements:

  • Product Image: To add dynamic product image from the browsed product, you can add an image element and in place of Image URL Source, you can type in {{event.properties.product_image_url}}

  • Product Link: To add dynamic product link to the product image from the browsed product, you can add an image element and in place of Image URL Link, you can type in {{event.properties.product_url}}

  • Product Name: To add dynamic product name from the browsed product, you can add a text element and type in the variable {{event.properties.product_name}}

  • Product Currency: To add dynamic product price currency from the browsed product, you can add a text element and type in the variable {{event.properties.currency}}

  • Product Price: To add dynamic product price value from the browsed product, you can add a text element and type in the variable {{event.properties.price}}

  • Product Link: To add personalized product link which was viewed, you can add a button element and type in the variable {{event.properties.product_url}} in the link field

To preview how the email would like live when sent from a journey with Cart Updated trigger, you can do the following steps:

  • Switch to Preview section in Email editor

  • Toggle to Event under Preview info

  • In the event dropdown, select Product Viewed to preview how the email would look based on latest event received through the integration.

Abandoned browse email editor.

Placed Order Confirmation Email

For Order Placed Confirmation Email, you can use Placed Order trigger which will give you the options to personalize your email with following dynamic elements:

  • Order Link: To add dynamic order link for order tracking, you can add an button element and in place of Image URL Link, you can type in {{event.properties.order_url}}

  • Product Name: To add dynamic product name from the order, you can add a text element and type in the variable {{event.properties.items[0].product_name}}

  • Product Currency: To add dynamic product price currency from the order, you can add a text element and type in the variable {{event.properties.currency}}

  • Product Price: To add dynamic product price value from the order, you can add a text element and type in the variable {{event.properties.items[0].price}}

  • Product Quantity: To add dynamic product quantity value from the order, you can add a text element and type in the variable {{event.properties.items[0].quantity}}

For showing multiple products in the order, you can follow the same steps as abandoned cart email outlined above.

To preview how the email would like live when sent from a journey with Cart Updated trigger, you can do the following steps:

  • Switch to Preview section in Email editor

  • Toggle to Event under Preview info

  • In the event dropdown, select Order Confirmed to preview how the email would look based on latest event received through the integration.

Let’s connect you with a Bird expert.
See the full power of the Bird in 30 minutes.

By submitting, you agree Bird may contact you about our products and services.

You can unsubscribe anytime. See Bird's Privacy Statement for details on data processing.

Newsletter

Stay up to date with Bird through weekly updates to your inbox.

Let’s connect you with a Bird expert.
See the full power of the Bird in 30 minutes.

By submitting, you agree Bird may contact you about our products and services.

You can unsubscribe anytime. See Bird's Privacy Statement for details on data processing.

Newsletter

Stay up to date with Bird through weekly updates to your inbox.

Let’s connect you with a Bird expert.
See the full power of the Bird in 30 minutes.

By submitting, you agree Bird may contact you about our products and services.

You can unsubscribe anytime. See Bird's Privacy Statement for details on data processing.

R

Reach

G

Grow

M

Manage

A

Automate

Newsletter

Stay up to date with Bird through weekly updates to your inbox.