---
title: Create a Cart abandonment Journey
slug: bangkok25/create-a-cart-abandonment-journey
description: >-
docTags: 
createdAt: 2023-10-26T14:49:31.145Z
---

In this exercise you will create a multi-step journey for people who add a product to their cart but don't complete the purchase.  

## Design the journey

Navigate to Journeys and click to **Create Journey**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/tONoV2exnDPFNwGZyDHOa_image.png)

In the **Journey properties**, update the journey **name** - add your initials or something unique so you can recognise it again!   Click to **Save.**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/TtehUPans0MWMK-MfNfv5_image.png)

Drag the **AddToCart **event onto the canvas, this is the event that will trigger entrance into the journey. 



![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/yH6RULuI1tywA5DgwVHj__image.png)

Now because there are a lot of us building the same journey, let's filter to include only your profile record.  We can do this using a condition.   

1. Drag a condition activity to the canvas.  
2. Click to edit the expression

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/AioYqyJFEAkBtxB62mqGV_image.png)

Set the expression to check that the email address matches yours.

1. search for **email**
2. drag the **email** field into the editor
3. set the condition to **equal to **and enter your **email address (the one ending in @gmail.svpoc.io)**
4. click **ok**
5. click **ok** to close the editor

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/EY4_bAaXkwnvFyBk-mMGJ_image.png)

Lastly click **Save **to save the condition.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ppfQVWLpRFUGuogdPVJOo_image.png)

From the **Events **menu, drag an **Purchase **activity into the canvas after the condition. On the right pannel, check the timeout path option, and use 1 minute timeout as shown below.   



![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/36K8uE0BY19ajFbBh_u8-_image.png)

From the action menu, drag and drop a **push **activity on the time out path. We want to send a reminder if our customer doesn't complete the purchase after a period of time

Select **push-demoApp** as a push configuration and click on edit content. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/orql064wX2W2ytsS7MeA1_image.png)

You can type a title and body for your message

You can add profile attribute such as first name by clicking on the **profile icon**, or use AI to generate a text for you with the **magic wand** icon. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/WihtkPpJTzEkNDC85IdkZ_image.png)

If you use AI, just put a description or what you want, then select a variation. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/6sEVw-Cil0xiPO29bSnX0_image.png)

Once done, you can come back to the journey by clicking on the left arrow icon, on the top left corner

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/rLGYDAyd6u4scDYTxThgS_image.png)

Next, we can add a content activity if we want to personalize the App when customer come back. Drag and drop the **Card **Activity after your push, the select **contentCard-dxDemoApp** as configuration, then click **edit content**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/UeQdWbkWK6EJi8QVvtJo3_image.png)

Add some text. Ex : Title "We saved your cart", body: "Confirm your purchase now to get a change to receive a new voucher". 

Click on add button with title: "purchase" and Target: dxdemo://Checkout

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/1xry84A9pzmwNZs4rbohI_image.png)

Finally, add an image. For that you have access to the asset library. You can search an asset by smart tags. Ex : search for "discount" and select the 20% discount image

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/1r4ZfUwD22ZzQZfdgd9W8_image.png)

## Optional Step : Add an email for purchase confirmation. 

Add an **email **activity after the **mobilePurchase **activity, for the main branch. Select email-marketing for email configuration on the right pannel, then click **edit content**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/jWcwBqYe4tzfbRC5hwCYn_image.png)

Add a **subject line** of your choice (example : "your order is confirmed"), then click on **edit email body**   

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/6VT50GhQAzaqxg8-uDsi3_image.png)

Go to **saved template**, if you have created one previously you can use it. Otherwise just use **Luma Basic **

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/8cuLkNwglbH9_BUPBltKH_image.png)

Click to **Use this template**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/IECkqNiURJFRVLsuuscbo_image.png)

Optional : You can update any piece of the email using the editor, add text, images, button, etc. Once done, click on **save **and return to the journey using the** arrows on the top left**. 



## Publish your journey 

Now the journey is built, we need to publish it.  Click on the publish button on the top right.   

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ND5ZrSXUn7SElOcrKObt3_image.png)

The status will change to **Live - **this may take a few minutes.  

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/dWDhs_zoXEYnGJivMb1PN_image.png)

## Trigger your Journey

Open the App, ensure you are logged in. Then browse a product and click on **add to cart. **

If you don't complete the purchase, you should receive a push notification after 1 minute. 

Click on it to reopen the app. Check the content of you home page. You should see the disccount 20 % cart. 

Congratulations you've completed the exercise!