How to set up Enhanced Checkout on Shopify

Overview

Enhanced Checkout empowers you to offer the most customizable buying experience possible by giving you total control over your shipping strategy and checkout. With this feature, you can offer your customers the delivery methods, rates, and dates that work best for them and increase cart value by showing the most compelling shipping options for every item.

When you install Enhanced Checkout on Shopify, you will be able to:

• Show delivery dates for each shipping method
• Allow users to select their delivery date from the calendar view
• Allow users to select their in-store pickup location and view on a map
• Allow users to select their pickup time

Enhanced Checkout on Shopify does not currently support:

• Split checkout for products from different origins
• Freight accessorials

Requirements

1. Your store must be on Shopify Plus.
2. You must have an active ShipperHQ Enterprise plan.
3. The Enhanced Checkout and Shipping Insights advanced features must be enabled in ShipperHQ.

Setup

How to enable in ShipperHQ and get your access token

1. From your ShipperHQ dashboard, go to Manage Shipping > Advanced Features and enable both the Shipping Insights and Enhanced Checkout features.
2. Go to Websites and select your website.
3. Go to the Integrations tab and click the Copy button next to your Enhanced Checkout access token.

How to enable in Shopify stores with checkout extensions

1. Verify your store has checkout extensibility enabled.
2. From your Shopify admin, go to Settings > Checkout > Customize checkout.
3. Click Information at the top to expand the menu and select Shipping.
4. From the left panel, under Delivery > Shipping rates, select the Enhanced Checkout block and enter your website’s Access Token from ShipperHQ.

How to enable in Shopify stores with the Checkout.liquid layout

1. Insert the code snippet below into your checkout.liquid template. Be sure to replace the Access Token and update the URLs for your live environment.
   
   <script>
window.shqCheckoutData = {
accessToken: "*retrieve from the dashboard*",
endpoint: "https://rms.shipperhq.com/"
}
</script>
<div id="ec"></div>
<link rel="stylesheet" href="https://assets.shipperhq.com/shopify-adaptor_v0.1.106.css" />
<script src="https://assets.shipperhq.com/shopify-adaptor_v0.1.106.js" type="module" async></script>
   

Additional Features to use with Enhanced Checkout

1. In order to display the expected delivery date per shipping method, you will need to activate the Delivery Date & Time advanced feature. Once activated, configure your Date & Time settings on each individual carrier.
   

Using Enhanced Checkout on Shopify

Known limitations and deficiencies

On the Shipping Page in your Shopify checkout, taxes are not recalculated dynamically. When a customer selects a shipping option that changes the shipping rate, we are unable to recalculate taxes for this rate.

We have added hidden properties to Line items and order Shipping/Billing Addresses:

• Hidden properties will be automatically removed from the shipping address after the order is placed, so merchants fulfilling the order will not see unexpected information.
  
• Billing address is not editable so hidden properties cannot be removed
  
• Line items are not editable so hidden properties cannot be removed

Shopify Checkout Themes

Current support for customized themes for ShipperHQ’s Enhanced Checkout feature is limited to the general Shopify site theme settings. For more details on customizing your Shopify site, please login to your Shopify store and navigate to Settings & then Brand to apply your site theme.