How to Show AI-Predicted Estimated Delivery Dates on Product and Checkout Pages
Plans: Premium, Enterprise Platforms: Shopify, API users
Cart abandonment usually happens when there’s no clarity over the delivery time. Therefore, businesses must share an estimated delivery date to keep shoppers interested. With AfterShip Tracking, you can show AI-predicted estimated delivery dates on product and checkout pages of your Shopify store.
If you are an API user, you can refer to the pre-purchase API document to start getting pre-purchase EDDs through API.
In this tutorial, we’ll discuss steps on how Shopify users can show AI-predicted Estimated Delivery Dates on their Shopify Product and Checkout Pages.
Rule Settings
Product page EDD editor setting
a. Enable the Product page EDD button
b. Complete the Product page EDD editor settings
c. Install Product page EDD in your Shopify store
d. Customer experience
Checkout page EDD editor setting
a. Enable Checkout page EDD button
b. Complete the Checkout page EDD editor settings
c. Install Checkout page EDD in your Shopify store
d. Customer experience
FAQs
You need to set up your shipping rules and order processing rules in the Aftership Tracking admin under the Ship-From Locations section first, which will be shared with our AI Model to predict EDDs for you. Therefore, you must set up accurate settings for accurate predictions.
You must choose AEDD- supported carriers and location regions as the default shipping rule otherwise you are not able to enable any pre-purchase AEDD feature.
Check the detailed rule settings guideline here.
A. Enable the Product page EDD button
Log into your AfterShip Tracking admin dashboard
Go to Estimated delivery dates > Dashboard
Enable the Product page EDD by sliding the toggle button to the right
B. Complete the Product page EDD editor settings
In the Product page EDD editor, set the following details:
1. Date format
You can choose how you want to show the dates on the page: Single date or Date range
2. Shipping rules
All the rules that you set up under the Ship-from location rules will be applicable here.
C. Install Product page EDD in your Shopify store
You can copy and paste the Shopify embed code to add EDDs to your product page(s)
For the Product page EDD, we support 2 types of methods:
a. Copy the code with Shopify liquid
How to paste the code in your Shopify store using the Shopify liquid method
Click Copy code on the AEDD editor page
Go to Shopify admin > Online store > Themes > Edit code
Search the main-product file in Theme liquid
Find product-form-installment- and paste the code under it
Click Save to display the EDD on the product page
b. Enable directly with the Shopify extension
How to paste the code in your Shopify store using the Shopify extension method
Go to Shopify admin > Online store > Themes > Customize
Go to Default product page > Product information > Add block
Add AEDD to the product display page by selecting AI Predictive EDD
Configure EDD-related display settings on the right panel
Click Save to display the EDD on the product page
D. Customer experience
This is how the EDD will look to your customers on the Product page:
A. Enable Checkout page EDD button
Log into your AfterShip Tracking admin dashboard
Go to Estimated delivery dates > Dashboard
Enable Checkout EDD by sliding the toggle button
Click Edit
A. Complete the Checkout page EDD editor settings
In the** Checkout EDD** editor page, configure the following options:
1. Date format
You can choose how you want to show the dates on the page: Single date or Date range
2. Shipping rules
All the rules that you set up under the Ship-from location and rules above will be applicable here.
3. Location
You can copy and paste the Shopify embed code to add EDDs to your page.
B. Install Checkout page EDD in your Shopify store
For the Checkout page EDD, we support 2 types of installation methods
a. You can install it through the Shopify liquid method. Please follow the steps below.
Click the Copy code on the AEDD editor page
Go to Shopify admin > Online store > Themes > Edit code
Search the checkout file in Theme liquid
Paste the code before </body>
Click Save to display the EDD on the checkout page
b. You can also install it through the Shopify extension method
Go to Shopify admin > Online Store > Themes > Customize
Go to Checkout > Shipping** > Add app block
Add AEDD to the checkout page by selecting AI Predictive EDD
Check the Include app in Shop Pay box if your store has activated Shop Pay
Click Save
If you find your shipping method is displayed with a Transit time value after it, it may be a duplicated display with AfterShip EDD on your Checkout page.
You can go to your Shopify Shipping Setting and change the rate type to Custom Rate to remove the Shopify transit time display.
C. Customer experience
This is how the EDD will look to your customers on the Checkout page:
Answer: If your configured custom shipping rule's carrier or location is not covered under AEDD, we will use the default shipping rule to calculate EDD for you. The default shipping rule takes precedence if your request does not fall under any other custom shipping rules.
Answer: You can refer to the EDD dashboard page to check the error message. You need to set up a valid default shipping rule to enable any pre-purchase EDD feature.
If you have any queries, feel free to connect with our support team for quick assistance.
Overview
Cart abandonment usually happens when there’s no clarity over the delivery time. Therefore, businesses must share an estimated delivery date to keep shoppers interested. With AfterShip Tracking, you can show AI-predicted estimated delivery dates on product and checkout pages of your Shopify store.
If you are an API user, you can refer to the pre-purchase API document to start getting pre-purchase EDDs through API.
What you’ll learn
In this tutorial, we’ll discuss steps on how Shopify users can show AI-predicted Estimated Delivery Dates on their Shopify Product and Checkout Pages.
Rule Settings
Product page EDD editor setting
a. Enable the Product page EDD button
b. Complete the Product page EDD editor settings
c. Install Product page EDD in your Shopify store
d. Customer experience
Checkout page EDD editor setting
a. Enable Checkout page EDD button
b. Complete the Checkout page EDD editor settings
c. Install Checkout page EDD in your Shopify store
d. Customer experience
FAQs
Step 1: Rule settings
You need to set up your shipping rules and order processing rules in the Aftership Tracking admin under the Ship-From Locations section first, which will be shared with our AI Model to predict EDDs for you. Therefore, you must set up accurate settings for accurate predictions.
You must choose AEDD- supported carriers and location regions as the default shipping rule otherwise you are not able to enable any pre-purchase AEDD feature.
Check the detailed rule settings guideline here.
Step 2: Product page EDD editor setting
A. Enable the Product page EDD button
Log into your AfterShip Tracking admin dashboard
Go to Estimated delivery dates > Dashboard
Enable the Product page EDD by sliding the toggle button to the right
B. Complete the Product page EDD editor settings
In the Product page EDD editor, set the following details:
1. Date format
You can choose how you want to show the dates on the page: Single date or Date range
2. Shipping rules
All the rules that you set up under the Ship-from location rules will be applicable here.
C. Install Product page EDD in your Shopify store
You can copy and paste the Shopify embed code to add EDDs to your product page(s)
For the Product page EDD, we support 2 types of methods:
a. Copy the code with Shopify liquid
How to paste the code in your Shopify store using the Shopify liquid method
Click Copy code on the AEDD editor page
Go to Shopify admin > Online store > Themes > Edit code
Search the main-product file in Theme liquid
Find product-form-installment- and paste the code under it
Click Save to display the EDD on the product page
b. Enable directly with the Shopify extension
How to paste the code in your Shopify store using the Shopify extension method
Go to Shopify admin > Online store > Themes > Customize
Go to Default product page > Product information > Add block
Add AEDD to the product display page by selecting AI Predictive EDD
Configure EDD-related display settings on the right panel
Click Save to display the EDD on the product page
D. Customer experience
This is how the EDD will look to your customers on the Product page:
Step 3: Checkout page EDD editor settings
A. Enable Checkout page EDD button
Log into your AfterShip Tracking admin dashboard
Go to Estimated delivery dates > Dashboard
Enable Checkout EDD by sliding the toggle button
Click Edit
A. Complete the Checkout page EDD editor settings
In the** Checkout EDD** editor page, configure the following options:
1. Date format
You can choose how you want to show the dates on the page: Single date or Date range
2. Shipping rules
All the rules that you set up under the Ship-from location and rules above will be applicable here.
3. Location
You can copy and paste the Shopify embed code to add EDDs to your page.
B. Install Checkout page EDD in your Shopify store
For the Checkout page EDD, we support 2 types of installation methods
a. You can install it through the Shopify liquid method. Please follow the steps below.
Click the Copy code on the AEDD editor page
Go to Shopify admin > Online store > Themes > Edit code
Search the checkout file in Theme liquid
Paste the code before </body>
Click Save to display the EDD on the checkout page
b. You can also install it through the Shopify extension method
Go to Shopify admin > Online Store > Themes > Customize
Go to Checkout > Shipping** > Add app block
Add AEDD to the checkout page by selecting AI Predictive EDD
Check the Include app in Shop Pay box if your store has activated Shop Pay
Click Save
If you find your shipping method is displayed with a Transit time value after it, it may be a duplicated display with AfterShip EDD on your Checkout page.
You can go to your Shopify Shipping Setting and change the rate type to Custom Rate to remove the Shopify transit time display.
C. Customer experience
This is how the EDD will look to your customers on the Checkout page:
FAQs
1. Will AEDD still do the prediction if my carrier is not supported?
Answer: If your configured custom shipping rule's carrier or location is not covered under AEDD, we will use the default shipping rule to calculate EDD for you. The default shipping rule takes precedence if your request does not fall under any other custom shipping rules.
2. I can not turn on my pre-purchase EDD feature despite being on the AEDD plan?
Answer: You can refer to the EDD dashboard page to check the error message. You need to set up a valid default shipping rule to enable any pre-purchase EDD feature.
If you have any queries, feel free to connect with our support team for quick assistance.
Updated on: 17/04/2024
Thank you!