Display Conditions for the Shopify Checkout URL

Want to use Shopify's abandoned checkout URL in your cart abandon email? You're in the right place! Here you will find all the information you need to implement that feature in Cortex.

Cortex Cart Abandon vs Shopify Checkout Abandon

Shopify is able to generate an abandoned checkout link when a user adds a product to their cart but does not complete the checkout process.

You can use the merge tag {{rs_str_1_usr_attr}} to retrieve Shopify's url when it's available for the user. However, the link is not always available because Cortex's cart abandon includes users who are not known to Shopify. 

Shopify can only generate an abandoned checkout link when the following criteria are met:

• The user's Shopify customer profile is identified for Shopify
• The user clicks into the checkout process from their cart

In contrast:

• Cortex has its own user cookies. Users who sign up through a separate form (like privy) may not be known to Shopify.
• Cortex can identify users through email clicks. Users who have not logged into their Shopify account may not have an active Shopify cookie when they abandon their checkout.
• Cortex will qualify users for Cart Abandon based on items being added to cart. This is a much more generous qualification than beginning the checkout process.

Therefore, when building out your Cortex cart abandon template you'll need to use conditional statements which check to see if the special Shopify link exists.

This is an advanced feature that must be utilized through drag-and-drop display conditions or html display conditions.

Let's dive in!

Abandoned checkout link with drag-and-drop display conditions

Step 1: Go to your drag-and-drop template

Below we have an example using the "Shopify Only - Conditional Cart Abandon" Starter Template in the drag and drop builder. Notice that we have two call to action buttons.

• The "Shop Now" button will display for users that do not have a Shopify checkout URL. Instead, it will take them to fall back page of your choice.
• The "Complete Your Order" button will display for users that do have a Shopify URL which will take them directly to the checkout page.

With the magic of the conditional statements and display conditions, the user will only see one of those two buttons.

Step 2: Select the first structure

• After selecting the structure, the menu on the right will have the display condition option.

Step 3: Select "Add condition"

Step 4: Fill out the first display condition 

• In our example, the "Shop Now" button is in case the Shopify URL does not exist.  Use this example rule to control anything that should show when the shopify url is not available.
• You can fill out each section with the information below:
  • Name: Show if Shopify URL does not exist
  • Description: Shopify cart URL is null
  • Before: {% if rs_str_1_usr_attr == null or rs_str_1_usr_attr == '' %}
  • After: {% else %}{% endif %}
• Select confirm to save your conditional statement in the display condition.

Step 5: Select the second structure 

Step 6: Select "Add condition"

Step 7: Fill out the second display condition

• In our example, the "Complete Your Order" button is in case the Shopify URL does exist.  Use this example rule to control anything that should show when the shopify url is available.
• You can fill out each section with the information below:
  • Name: Show if Shopify URL does exist
  • Description: Shopify cart url is not null
  • Before: {% if rs_str_1_usr_attr != null and rs_str_1_usr_attr != '' %}
  • After: {% else %}{% endif %}
• Select confirm to save your conditional statement in the display condition. 

Step 8: Save your email

• Make sure all your hard work is saved in Cortex.

Other resources

• For information on how to build HTML for conditional statements see this article.
• For more help on merge tags and implementation for cart abandon see this article.
• For a list of merge tags read this article.
• For general implementation of merge tags read this article.