How to setup Abandon Cart and Abandon Browse

The first step is to figure out what kind of functionality you’re looking for. There are several options,

Abandon Cart – Items in Checkout

User adds an item to their cart, goes through the checkout, 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, they just browse around and exit without purchasing. Digioh passes their email address to your Email Service Provider, we can also pass the items the 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 their Wishlist items to your Email Service Provider..

Exit Intent 

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

Once you know what type of abandoned functionality you want, it’s time to start building it. The first thing to do is to make sure you have the user’s email address. There are a few ways to capture the email address

Capture Emails from Website

Write Listener Events to Capture Email Address from all parts of their website and store in Local Storage and 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 Address from the email marketing emails (for example website.com?email=[EMAIL])

  • If you want to use this method, be sure to append the Email Personalization link to all their email 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)

We want to make sure it fires on exit, only shows up on the checkout pages, and if there are items in the cart, and the email is stored in local storage, and validate the payload existence in the cookie.

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 that the widget has already fired.
  • Delete the payload from the cookie this way we capture a new one after 7 days.

Integration with Email Marketing Service

The last step is to integrate with your email marketing service so we can send all the data there for you. Let us know which ESP you’re using and we’ll be glad to help get the integration up and running.

If you’re interested in getting abandon cart functionality up and running, send us an email and we’ll be glad to help.

 

 

Tagged: