1. Overview
Estimated Delivery Time (EDT) is a feature designed to enhance the shopping experience by providing customers with an estimated timeframe for order delivery. With this feature, admins can establish delivery time parameters for all orders and all products. The feature also considers cut-off times for daily shipping operations, ensuring real-time updates based on the current time.
2. How to set up the minimum and maximum days for delivery?
To set up the minimum and maximum days for delivery for all orders and products, follow these steps:
Step 1: Open Theme Settings and expand the “Shipping and delivery” config group.
Step 2: Enter the minimum and maximum number of days required to ship all orders and products universally.
Example: If the standard shipping time is 3 to 5 days, enter "3" as the minimum and "5" as the maximum. If a customer places an order on March 7, the Estimated Delivery Time would be displayed as "Between March 10 and March 12." This indicates that, based on the configured shipping parameters, the customer can expect their order to be delivered within that specified timeframe.
Result:
Note: If your store caters to multiple markets with distinct shipping times, use semicolons to differentiate the shipping days for each market.
Example: Suppose it takes 6 days to ship orders to the US and 3 days to the UK, enter "US:6;GB:3".
By applying these steps, you can establish specific shipping timeframes for all orders and products while accommodating variations for different markets through the use of semicolons.
3. Set up specific delivery times for individual products:
If you want to tailor the delivery time or messages for individual items, providing more specific information to customers during the shopping experience, follow these steps:
- In the Shopify admin, go to Settings => Custom data => Metafield Definitions => Products, add a definition.
- Create two metafields which have Namespace and key 'custom.delivery_date_min' and 'custom.delivery_date_max' with the type 'Text' if you want to set up specific delivery times.
- Or: Create a metafield with the namespace and key 'custom.delivery_date_message' to customize the delivery message for the product .
- For each product that requires a specific metafield, go to its admin settings.
- Enter the desired minimum and maximum delivery days or delivery messages in the created metafields.
- If a product doesn't have values for these metafields, it will follow the general configuration set in the theme settings.
4. How to display the Estimated Delivery Time (EDT) on different pages?
a) Show EDT on Product Page:
- Navigate to the product page where you want to show the Estimated Delivery Date.
- Add the block named "Estimated Delivery Date” in the Product Information Section. To customize the message for each product in this block, you can create a metafield with the key 'custom.delivery_date_message' and type 'Rich text'. Moreover, the admin can customize the message and tooltip to provide additional information, also style the message according to your preferences using the styles section, where you can choose colors for the background, text of the content box, and colors for the tooltip.
b) Show EDT on Cart Page/Minicart:
- Open your Theme Settings and expand the “Shipping and delivery” config group.
- Find the config labeled "Show in Cart." Enable this option to display the estimated delivery time for the entire cart.
- Configure "Show in Cart Items":
- None: No estimated delivery time will be displayed for items in the cart.
- Show Cart EDT: Displays the same message for each item in the cart, considering the delivery times of all products.
- Show Item EDT: Displays the estimated delivery time for each individual item in the cart, checkout page, and order details. This option is applicable if a metafield is set up to specify custom delivery dates for products.
- Customize the message and tooltip to provide additional information about the delivery date.
- You can further style the message according to your preferences using the Styles section.
These steps allow you to effectively communicate the estimated delivery time to customers at different stages of their shopping journey.
5. How to show the estimated delivery date for each product’s variant?
One product can have several variants, follow these steps to show a different estimated shipping date for each one:
Step 1: Create two variant metafields:
- In Shopify admin, click on Settings on the bottom left.
- Click on Custom data, under Metafield definition, click on Variants.
- Choose Add definition to create a new variant definition.
Step 2: Setting up the two variant metafields:
1. Delivery date min:- (🛑 Important) Enter the “delivery date min” as the name of the metafield
- Select type as Single line text
- Under the Validations section, click on the Regular expression field.
- From here, you will see a drop-down list, click on the Numeric characters. (This makes your metafield only accept numbers)
- Click Save.
- (🛑 Important) Enter the “delivery date max” as the name of the metafield
- Repeat the same steps above.
Step 3: Assign a value for your metafield
- Back to Shopify admin, click on the Products tab.
- Click to open the product with variants that you want to assign a specific estimated delivery time.
- Scroll down to the Variant section, click on the specific variant you want to assign value for:
- You will be navigated to a new page, scroll all the way down to Metafields section, enter a number value for each:
💡 Which number should I enter in the metafields? To determine on the number, you must understand the concept. It is pretty simple:
Then:
|
Still unsure? Let us explain by an example:
⇒ earliest_delivery_date = 26 Sep + 3 days = 29 Sep ⇒ latest_delivery_date = 26 Sep + 5 days = 01 Oct Then the message will be shown as: |
- Don’t forget to click Save.
6. Show the estimated delivery date for each product’s variant in the cart.
By following the instructions in part 5. How to show the estimated delivery date for each product’s variant?, you now enable the estimated delivery date for each variant on the product page and quick view. To make it appear on the cart (mini cart & cart page), you need some more actions.
First, let's take a look at how it will display on site:
In minicart: |
|
In cart page:
|
To set it up, you must:
Step 1:
Make sure you finish the setup at 5. How to show the estimated delivery date for each product’s variant? above.
Step 2:
Visit the Theme Editor by clicking on Online Store > Themes > Customize, and click on the ⚙️ gear icon to go to Theme Settings.
Step 3:
Find and tap on Shipping and delivery to expand the tab. Then, scroll down to the Estimated delivery time in cart section.
Step 4:
Continue scroll down to find the setting called Show in cart items, there are 3 options for you to choose:
Option name |
Function |
Image |
“None” |
Hides the delivery date message. |
|
“Show cart EDT” |
Shows one delivery estimate for all items in the cart, based on the latest possible date across all products. |
|
“Show item EDT” |
Show a different delivery estimate for each product in your cart, based on its specific information. |
Step 5:
Click Save to finish.
7. How to set up a cut-off time for delivery?
Cut-off time refers to the specific point within a day when a business or shipping service stops accepting orders or processing shipments. It serves as a deadline for customers to place orders if they want their items to be shipped on the same day. Cut-off times are crucial for logistical planning and ensuring timely deliveries. For example, if a customer places an order after the cut-off time, the shipment will be processed on the next business day. Implementing a cut-off time helps businesses manage their workflow, maintain shipping schedules, and provide accurate Estimated Delivery Times to customers.
Please follow these steps to set up:
- Open Theme Settings and expand the “Shipping and delivery” config group.
- Locate the option for "Cut-off Time"
- Choose the time within the day (Hour & Minute) when shipping activities stop.
Example Scenario:
- If the current time is before the cut-off, the EDT displayed will be Min days_Max days.
- If the current time is equal to or after the cut-off, the EDT displayed will be Min days+1_Max days+1.
This configuration helps manage customer expectations based on the time of day, providing accurate and reliable estimated delivery information.
8. How to Display a Countdown for Cut-off Time?
To show a countdown message for the time left until the cut-off time on the cart page, mini-cart, or product page, follow these steps:
Step 1:
Go to Theme Settings > Shipping and delivery > and find the Estimated delivery time in cart.
Step 2:
In the message field, enter your wanted message, and make sure to use the “time_to_cut_off” text to show the remaining time before the order cut-off.
For example: “Order within time_to_cut_off”.
Step 3:
Click Save when done.
9. Add value for after-sale with Parcel Panel App
If you want to reduces your after-sales costs while keeping your customers satisfied and driving revenue conversion, Parcel Panel is your choice.
Parcel Panel is the #1 tracking app: auto sync, tracking & update, branded tracking page, shipping notifications, upsell, 24/7 live chat support.
Especially, it's completely compatible with Eurus Theme and can work right out of the box.