How to Set up Abandoned Cart and Abandoned Browse

Digioh allows you to convert more customers with abandon cart/browse features.

Before setting up abandon cart/browse functionality, you must identify which type of functionality you need. There are several options, discussed below.

Types of Abandoned Cart/Browse

Abandon Cart – Items in Checkout

User adds an item to their cart, goes through the checkout, and does not purchase. Digioh passes their email address and items in their cart to your Email Service Provider.

Abandon Browse – Based on Items in the Cart 

User adds an item to their cart and exits without purchasing. Digioh passes the email and the items in their “mini cart” to your Email Service Provider.

Abandon Browse – Based on Items Browsed

User does not add any items to their cart and exits without purchasing. Digioh passes their email address and items browsed to your Email Service Provider.

Wishlist Abandon – Items added to Wishlist

The User adds an item to their “Wishlist” and exit without purchasing. Digioh passes their email address and Wishlist items to your Email Service Provider..

Exit-Intent 

User is anonymous (has not entered their email on your site, logged in, or clicked any marketing emails). As a user exits the site, you can show them a discount offer/promo code.

Building Your Browse & Cart Abandonment Functionality

Once you know what type of abandonment functionality you want, it’s time to start building it.

Capturing Emails and Cart Data

The first thing to do is to make sure you have the user’s email address. There are several ways to capture emails:

Capture Emails from Website

Write Listener Events to capture emails from all parts of the website and store in Local Storage via Digioh Boxes

  • Identify all the places where the email address can be entered on the site
  • This may include things like:  Login page, Signup page, Register page, Website footer, Checkout page, Other 3rd party forms on their website.
  • This may also include getting the email address by using other Digioh Boxes on the site.  For example, using an “Entry” Box or an “Exit” Box.  We can also use those other Digioh Boxes to save the email in localStorage for use with the Abandon process later on.

Capture Emails from Email Marketing Links

Write Listener Events to capture email addresses from marketing emails (for example website.com?email=[EMAIL]).

  • To use this method, append the Email Personalization link to all marketing emails. Send us the structure of those links.
  • Our Custom JS will check the URL on every page view to see if the email address exists there.

Capture Emails from the Data Layer

  • Sometimes the email may exist in the dataLayer object(s). We can write JS to collect the email address from the data layer. 

Now that we have a few ways in place to capture the user’s email address, it’s time to get info on the items in their cart.

Capture Data from Cart

  • Let us know which URLs we should trigger Abandon Cart on. For example /cart and /checkout. 

We’ll write Listener Events to grab the data from the items in the cart

  • We will need to know which data you want to collect from the cart.If there is a custom API we need a payload example.
  • Please note, the info we’re collecting needs to be present on all pages. If you want to collect shipping info, for example and that info isn’t present on the first page in the checkout process, we won’t be able to collect that info for users who exit on the first page. 

Here are some examples of info we can collect.

From the website

  • First name *
  • Last name *
  • Postal code *
  • Email
  • Username

From the cart page

  • Item 1 Name
  • Item 1 Price
  • Item 1 Sale Price
  • Item 1 Image URL
  • Item 1 URL
  • Item 1 Quantity 
  • Item 1 Category
  • Item 1 Coupon Code
  • Item 2-X Name
  • Item 2-X Price
  • Item 2-X Sale Price
  • Item 2-X Image URL
  • Item 2-X URL
  • Item 2-X Quantity 
  • Item 2-X Category
  • Item 2-X Coupon Code
  • Shipping Cost
  • Sub Total
  • Total
  • Promo Code
  • Payment method *
  • Shipping address *
  • Discount total
  • Number of total Items
  • Total Shipping

Create Box and add Rules

Create a 1×1 transparent Widget and add the following rules in two blocks of rules separated by an “or”.

Desktop:

  • Exit-Intent (Mouse Top and Bottom)
  • Device DOES NOT EQUAL Phone
  • Current Page URL CONTAINS ANY Of these (Checkout pages)
  • Cookie (or Local Storage) “Exists” (This is the cookie or local storage value we store the Email Address and Cart Data). If the email address is not in cookie/local storage OR Cart Data is not in cookie/local storage, this box should not fire)

OR

Mobile (identical to Desktop, besides Device Type and Idle Timer)

  • Idle Seconds on Page greater than 2
  • Device EQUALS Phone OR Tablet
  • Current Page URL CONTAINS ANY Of these (Checkout pages)
  • Cookie (or Local Storage) “Exists” (This is the cookie or local storage value we store the Email Address and Cart Data). If the email address is not in cookie/local storage OR Cart Data is not in cookie/local storage, this box should not fire)

Before the widget fires we need to:

  • Validate the payload structure if it has a valid products.
  • Make sure the widget fires only once every 7 days per user (By using a cookie “is_abandon_cart_submitted” that expires after 7 days and before the widget fires we check that cookie).
  • Validate email existence and email format.
  • Push the payload to custom_X if all the last steps are valid. 

After the widget fires we need to:

  • automatically submit it.
  • Set “is_abandon_cart_submitted” cookie to true and set the expire data for 7 days. This way, we know the widget has already fired.
  • Delete the payload from the cookie so we capture a new one after 7 days.

Integrating Your Abandoned Cart/Browse with Your Email Service Provider

The last step is to integrate with your email marketing service, so we can pass the data for you. Let us know which ESP you’re using, and we can set up your ESP integration.

To learn more about abandoned cart functionality, send us an email and we’ll be glad to help.

 

 

Tagged: