Dynamic delivery date Checkout extension

1. Checkout – Shipping method 

Adding the ETA in Checkout helps customers know when to expect their orders and lets them compare shipping rates to evaluate if the delivery time is worth the cost.

This feature gets the shipping rate name from Shipping Profiles and shows an ETA message below each shipping method on the Checkout page. The date updates dynamically and supports split shipping.

1.1 Set up rule

To set up, navigate to the ETA checkout extension. In the Checkout > Shipping Method section, click on “Create a Rule.”

The setup consists of three steps:

Step 1: Estimate

  • Choose your shipping method:
    • Select one or multiple options from Shipping Profiles.
    • To sync shipping methods: Click “Sync from Shopify” to refresh the list.
    • Manually add missing methods: If third-party apps rename methods, enter the exact names (case-sensitive).
  • Set Message Text and Estimated Date: Configure the message and estimated delivery date to be displayed in checkout. This information will be displayed in the Checkout preview for your reference.

Step 2: Display Condition

Checkout rule condition allows you to define logical conditions that determine under what circumstances these rules apply based on products.

Logical setup: You can configure multiple conditions and combine them using AND/OR logic.

Item Conditions

Based on products that customers proceed to complete checkout

  • Include: Apply the rule only to selected items.
  • Exclude: The rule does not apply to selected items.
  • Supported Item Types: Products (including Variants), Collections, Vendors, Product Tags, SKUs.
  • Exceptions: Specify products that should be excluded, even if other conditions match.

Shipping Address Conditions

Based on shipping address information customers provided during checkout

  • Country/Region: Select from a pre-defined list.
  • City: Enter city names where the rule applies or excludes (case-insensitive).
  • Zip Codes: Manually input zip codes in specific formats:
    1. Specific Zip Codes: Comma-separated values (e.g., 10001,10002,10003).
    2. Range of Numbers: Use a colon (e.g., 10000:20000).
    3. Combination: Mix both formats (e.g., 10001,10005:10010,10100)

Step 3: Appearance

You can also customize the text style and icon. Due to Shopify regulations, only the styles allowed by Shopify are available, and custom CSS cannot be used on the Checkout page.

Save the rule and repeat the process for all your remaining shipping methods.

1.2 Checkout rule priority

This priority ensures that the most relevant estimated delivery time is displayed to customers.

Since only one rule can be displayed per shipping method, the system prioritizes and returns a single rule when multiple rules are applicable based on the following order (choose 1 criteria):

  1. Earliest Minimum Preparation Date
  2. Longest Minimum Preparation Date
  3. Earliest Maximum Preparation Date
  4. Longest Maximum Preparation Date
  5. Earliest Minimum Delivery Date
  6. Longest Minimum Delivery Date
  7. Earliest Maximum Delivery Date
  8. Longest Maximum Delivery Date

1.3 Add block in checkout

Once you’ve completed the rule setup, click “Add Block” to quickly access the Checkout editor.

You can quickly add a block in the Apps section

or by selecting “Add app block” in the Sections.

The block will be added below each shipping method name. For this extension, the target area is specifically below the name; it cannot be placed anywhere else.

2. Checkout – Product line items

This sub-feature displays the selected shipping method along with delivery estimates for each product line item.

The information updates whenever the customer changes the shipping method for that product.

Pre-requisite:

  1. You have set up checkout rules for the Shipping methods
  2. You have added App block under the shipping method in Checkout.

To set up, click “Enable.”

You can also customize the label text and choose whether to display the shipping method name.

3. Banner in Thank you & Order status page

This sub-feature allows you to add banners on the thank you and order status page, displaying all selected shipping methods from Checkout along with their ETA messages.

Pre-requisite:

  1. You have set up checkout rules for the Shipping methods
  2. You have added App block under the shipping method in Checkout.

To set up, click “Add block” to open the Checkout editor.

You can quickly add a block in the Apps section

or by selecting “Add app block” in the Sections.

For the banner on the Thank You and Order Status pages, you can move it to any available position.

FAQs

1. Is the date in Checkout updated dynamically to reflect the current date?

Yes, the date is updated to the current date. This ensures that if a customer leaves Checkout and returns the next day, all dates shown in the shipping methods and line items are accurate.

2. I use another app to rename shipping methods, do I need to create rule based on the renamed one or its original name?

Even if you rename shipping methods with another app, you must set the rule using the original names from your Shipping Profiles.

3. Is there a difference between “STANDARD” and “Standard”, for example? Can I set rules individually?

Yes. Our system distinguishes between uppercase and lowercase letters, so “STANDARD” and “Standard” are recognized as two separate shipping methods. You can set rules for each individually.

4. I have duplicate shipping rate names in the Shipping Profiles. Can I set rules individually?

You cannot create multiple rules for the same shipping rate name, as our system recognizes them as identical. Instead, try using different names in Shipping Profiles and then create individual rules.

Example:

Profile 1: Express shipping, Standard shipping

Profile 2: Express shipping, Standard

–> Express shipping is recognized as only 1 shipping method. Standard shipping and Standard are different methods.

5. I set the rule, but after changing the shipping rate name in Shipping Profiles, the ETA stopped appearing in Checkout. What should I do?

If you change the shipping rate name (changing uppercase, lowercase, or adding new letters or symbols), you need to edit the rule, sync, and reselect or enter the shipping method with the updated name.

6. Why does the Checkout product line items take so long to load when changing a shipping method?

Due to technical limitations, product line items aren’t updated individually but the entire list needs reloading one by one. If there are many products, it may take 1-2 seconds per item to update.