Klaviyo Abandoned Cart Guide

Purpose:

This document provides a comprehensive guide on integrating an Abandoned Cart Flow between Thiio and Klaviyo. It enables you to set up an automated system that re-engages customers who initiated but did not complete a purchase, by sending personalized emails with links back to their abandoned shopping carts. This integration aims to increase conversion rates by recovering potentially lost sales.

Pre Requisites:

Thiio Account: Access to your Thiio account.
Funnel Built in Thiio: A funnel that includes a checkout page you wish to connect to the abandoned cart flow.
Klaviyo Account: Access to your Klaviyo account.
Klaviyo Integration with Thiio: Klaviyo must be connected and integrated within your Thiio account.

Step 1: Create a New List in Klaviyo

Log in to Klaviyo.
Navigate to Lists & Segments:
- Click on Lists & Segments in the left-hand menu.
Create a New List:
- Click the Create List / Segment button in the top-right corner.
- From the dropdown, select Create List.
Name Your List:
- Enter a name for your new list (e.g., "Abandoned Cart List").
- Click the Create List button at the bottom of the page.
Copy the List ID:
- After creating the list, locate the List ID in the URL of the page. It appears at the end of the URL after /list/.
- Example: If the URL is https://www.klaviyo.com/list/X5DSer, then your List ID is X5DSer.

Step 2: Configure Your Checkout Page in Thiio

Log in to Thiio.
Select Your Funnel:
- Navigate to the desired funnel you want to connect to the abandoned cart flow.
Open the Checkout Page Editor:
- Select your Checkout page and open it in the editor.
Access the Checkout Element:
- Click on the Checkout Element on the page.
- If you can't find it, click on the credit card payment field and use the breadcrumb navigation at the top to select Checkout.
Enter Marketing Details:
- In the Checkout Element Settings, click on the Marketing tab.
- In the Abandoned List field, enter your Klaviyo List ID (e.g., X5DSer).
- In the Abandoned Tags field, type a custom abandon cart tab and press Enter.
  e.g., thiio_abandon

Step 3: Create the Abandoned Cart Flow in Klaviyo

Navigate to Flows:
- In Klaviyo, click on Flows in the left-hand menu.
Create a New Flow:
- Click the Create Flow button in the top-right corner.
- Select Build Your Own.
Name Your Flow:
- Enter a name for your flow (e.g., "Thiio Abandoned Cart Flow").
- Click Create Flow.
Use AI to Generate the Flow:
- Click the Create with AI button.

For the description, enter:
Abandoned cart flow for when a customer starts a checkout with a specific tag.

Click Edit in Flow Builder to proceed.

Step 4: Configure the Flow Trigger

Edit the Trigger:
- In the flow builder, click on the Trigger node.
- The trigger settings will appear on the right side.
- [Insert Image: Flow builder with the Trigger node highlighted.]
Set Up Flow Filters:
- Scroll to Flow Filters (or Profile Filters) and click Edit.
Add a Tag-Based Filter:
- Configure the filter as follows:
  - Properties about someone > Tags > Contains > Your custom tag from step 2 section 5
    e.g., thiio_abandon
- Click Save.

Step 5: Build Your Flow with Conditions and Webhooks

Add Flow Actions:
- Design your flow by adding emails, SMS messages, and Wait periods as desired.
Insert Conditional Splits After Wait Periods:
- After each Wait period, add a Conditional Split to check if the customer has completed a purchase.
- Condition setup:
  - What someone has done (or not done) > Placed Order > Zero times > Since starting this flow
Configure Paths Based on Condition:
- Yes Path (Customer hasn't purchased):
  - Continue with the next action in your flow.
- No Path (Customer has purchased):
  - Add a Webhook action to remove the customer from the flow.
Add Final Webhook at Flow End:
- At the end of the Yes Path, add a Webhook action to remove customers who complete the flow without purchasing.

Step 6: Configure the Webhook in Klaviyo

Get the Webhook URL from Thiio:
- In Thiio, navigate to your main account dashboard.
- Click on Integrations in the left-hand menu.
- Click Configuration next to your Klaviyo integration.
- Go to the Webhooks tab.
- Copy the Webhook URL provided.
Set Up the Webhook in Klaviyo:
- In the Webhook action settings in Klaviyo, paste the Webhook URL into the Destination URL field.
- Under Request Body, select JSON.
Enter the JSON Payload:

In the JSON Body field, input the following code:
json
Copy code

{
"_topic": "remove-abandoned-cart-property",
"email": "{{ person.email }}",
"external_id": "{{ person.id }}",
"KlaviyoID": "{{ person|lookup:'id' }}"
}

Save the Webhook Action:
- Click Save at the bottom of the settings panel.

Step 7: Add Abandoned Cart Links to Your Emails

To allow customers to return directly to their abandoned shopping carts, you'll need to add a special link to your email templates.

Edit Your Email Template:

In your flow, click on the email you wish to edit.
Click Edit Content to open the email editor.

Insert the Abandoned Cart Link:

Highlight the text or button you want to turn into a clickable link (e.g., "Return to Your Cart").
Click the Link icon or option.
In the URL field, enter the following variable:

This variable retrieves the customer's saved cart URL from their profile and allows them to resume their shopping experience.

Save the Email Template:

After adding the link, save your changes.

Ensure the rest of your email content is complete.

Repeat for Other Emails:

If you have multiple emails in your flow, repeat these steps to add the abandoned cart link to each one.

Step 8: Finalize and Test Your Flow

Review the Flow:
- Ensure all actions, conditions, and webhooks are correctly configured.
- Check that the conditional splits accurately reflect the customer journey.
Test the Flow:
- Use test profiles to simulate the flow and verify that customers are correctly added and removed based on their actions.
Activate the Flow:
- Once satisfied with the setup, toggle the flow from Draft to Live.