Welcome to the Estimated Delivery Date

Introduction

Welcome to the **Estimated Delivery Date **App! This documentation provides detailed information on installing, configuring, and using the app to enhance the customer experience on your platform.

About Estimated Delivery Date app

The Shopify Estimated Delivery Date app is a must-have for businesses looking to elevate their customer service. It empowers clients to choose the perfect timing for product delivery and sends out order delivery messages. Incorporating a countdown timer can significantly boost sales.

This application really gives your customers the best of both worlds! They can have their cake and eat it too by choosing the delivery date that tickles their fancy or the timing that floats their boat. Talk about hitting the nail on the head and improving the shopping experience all in one fell swoop!

When using the Estimated Delivery Date and Time Apps for your online store, expect the following:

Correct Predictions: Accurate estimates of when products will arrive.

Better Customer Trust: Clear delivery time information builds trust.

Reduce Queries: Displaying delivery details reduces customer queries.

Better User Experience: Enhance the shopping experience.

Boost Sales: Customers are more likely to buy when aware of delivery times.

Installation

Install ETAs ‑ Estimated Delivery Date visiting our listing on the Shopify app store, clicking install , and interacting with the prompts that follow.

With the app installed, it’s time to get started using it!

Configuration:

To configure and display Estimated Delivery Date (ETA) messages on your product detail pages, please follow these steps:

Install the App: Start by installing the Estimated Delivery Date app from the Shopify app store and purchasing the appropriate plan.

• Refer to the Guide: After installation, refer to the detailed configuration steps provided in the guide - Install and Configure ETA App-> https://setubridge.crisp.help/en-in/article/install-and-configure-estimated-delivery-date-eta-app-in-your-shopify-store-jwxkw8/
• Customize Settings: Go through the settings to customize the ETA messages according to your requirements. This may include setting the delivery

timeframes, holidays, and special conditions.

• Save Changes: Ensure that all changes are saved properly to activate the settings.
• Verify Display: Check your product detail pages to confirm that the ETA messages are displaying correctly.

General Message

The app provides functionality to set up a common or general message for all products. This setting is beneficial if you have a business requirement to display a single ETA message for all your products.

FrontEnd Result

Templates:

The app provides pre-built templates where you can edit lead days based on business days and display them. Here's what you can do:

Choose a Template

Select from a variety of template.

Design Customization:

Add your custom design elements and save them for later use.

Edit template

• Edit Lead Days: Customize the template by adjusting lead days as per your business requirements.
• Label Name: Edit the label name to suit your store's messaging.
• Styling Options: Customize the label shortcode with text color, background color, font size, and more.

Preview Design

You can preview your customized design before applying it.

ShortCodes

Shortcodes in the Estimated Delivery Date and Time app act like magic words to display important delivery date and time details on your Shopify Store. They simplify communication with customers. Common shortcodes include:

• Add Start Day: Allows you to set the Minimum “Estimated Delivery Date”, once your order is dispatched from your End with the help of Min_Lead_Days variable.
• Add End Day: Allows you to set the Maximum “Estimated Delivery Date”, once your order is dispatched from your End with the help of Max_Lead_Days variable.
• Add Country Name: Selects the country name from a provided list.
• Add Country Flag: Displays the flag of the selected country.
• Add Countdown Timer: Sets the cutoff time for dispatch mode if the order is placed before it.
• **Templates **: Use pre-built templates to display the ETA message and customize the style to match your store’s design.

Cut-Off Time

In the Estimated Delivery Date and Time app, the Cut-Off time is the exact time of day that an order must be made in order to be delivered on a certain date. It is very important for the customers to know that orders made after the deadline will be delivered on the next available date.

Example: Let’s suppose your Cut-off Time is set at 10:00 PM, orders received before that time will be delivered the next day. Orders received at or after 04:30 PM, on the other hand, will be delivered on the next open date.

Weekoff / Holidays

In the Estimated Delivery Date and Time app, week-offs and holidays are days when orders can't happen, like weekends and public holidays. Orders made on Friday, Saturday, or Sunday are marked as Weekoff, and the delivery date is likely to be Monday.

Example: If a customer places an order on Friday, Saturday, or Sunday (marked as Weekoff days), the arrival date is likely to be Monday, ensuring holidays and weekends aren't counted towards the arrival time.

Date Format & Custom Date Format

The date format in the Estimated Delivery Date and Time app determines how customers see dates on the landing page. It helps them understand when orders will start arriving.

Example: If you select MM/DD/YYYY date format, the estimated delivery date will be displayed as 10/31/2023, showing the month, day, and year clearly. You can choose from multiple date formats or use a custom date format for a personalized touch.

Apart from that, you can also use the Custom Date Format with the help of the design format given over here and make it much more appealing to your customer.

Countdown Format

The Countdown format totally depends on the Cutoff Timer which is being set from your End. It creates a sense of urgency and excitement for the customers.

Examples

Let’s say a consumer comes onto your product page and they are looking to buy that particular product. If you have set a countdown timer of 01:00 PM 01/11/2023 and if the buyer has placed an order after 01:00 PM then the dispatch will be done on the very next day. This will build anticipation and keep your customers informed.

Advanced Settings

There are certain advance settings that it comes with, but they’re optional which you can display it on your product page;

Display the Message: It will help you to customize the particular message and label on the Cart/ Checkout/ Thankyou Page.

Order Confirmation Email: To display the order confirmation eMail, you can simply paste this Shortcode given below and see things happen.

{% for p in line.properties %}

{% assign property = p.first | rstrip %}

{%- if property == 'Estimated Delivery' -%}{{ p.first}} : {{p.last}}{% endif %}

{% endfor %}

Change the Message Position:

Theme Customization: You can easily reposition the ETA widget on your product page.Simply drag and drop the Custom Liquid block to any location on the page where you’d like the widget to appear.

If you’d like step-by-step instructions (with visuals), please see our help guide here: **Change the position of the ETA widget on the product page.**

ETA on Collection Page: You can display the ETA on the collection page by turning on the toggle in the backend

Front store :-

Set Country and state wise ETA :-You can configure ETA settings at both the country and state level:

– Automatically detect the customer’s country (via their IP/location) and display the appropriate ETA without any manual selection.

– Set different ETAs for all countries, for specific countries, or even for individual states within a country.

– Enable a dropdown so customers can manually select their country and state to view the corresponding ETA.

**For further guidance, please refer to this help guideline: Setup ETA Rule Based on State & Country

• Backend :- Select the country from the dropdown list in the backend. Once a country is selected, the corresponding states will become available for selection.Click Save to apply the changes.

• Selected county and states will be appear in backend.

Result:

Zipcode Widget Personalization: To enable the Zipcode Checker feature, turn on the Zipcode Checker Widget option within a specific product message rule. This allows the widget to appear on the product page.

Widget Title: This functionality allows you to enter the message which you would like to display.

Placeholder: Gives a short hint about what the intended value of an input field or Text area should be.

Button Label :You can display the button to explain the final expression once the user presses a button.

Delivery Unserviceable Message: A design format is provided to display a message when you can't deliver orders to a specific location.

Zipcode Required Message: Offer you a button label where you can enter the Zipcode and confirm the Product Availability.

Additional functionality includes customization options for:

-> Button Color

-> Button Hover Color

-> Button Text Color

-> Button Text Hover Color

Required Zipcode for "Add To Cart" Access:

This feature, "Is Add To Cart access requires a valid zipcode," is a critical delivery validation setting.

When enabled, it mandates that a customer must enter a valid zipcode before they can add any product to their cart. If the entered zipcode is invalid (meaning the product is undeliverable to that location), the customer is blocked from placing the order.

Backend:- Given below, you can clearly see the Widget Preview and understand how it will appear.

Final Result

Shipping methods:

Select the shipping method (e.g., Standard Shipping, Express Shipping, etc.) you want to configure ETA for, and add any custom message, description, or notes to appear with the ETA for that shipping method.

• You can choose to display shipping options as Visual Options or a Classic Dropdown.
• You can add or remove shipping methods like "Standard Shipping" and "Express Shipping" using the Add button. The Apply button saves your changes, while Close discards them.

Result:

Rule Activation Period:

This setting determines when a specific rule will be active and applied. You have three choices based on the frequency and duration you need.

• Always Active: The rule runs 24/7 continuously.
• Custom Weekly Schedule: Select specific days and hours of the week for the rule to run.

• Custom Date Range: By choosing Custom Date Range, you're making your rule temporary. It will turn ON for a specific time period and then turn OFF automatically. It will turn ON automatically at the Start Date & Time you enter and will turn OFF automatically at the End Date & Time you enter. You must specify the exact day, month, year, and time for both the start and end

Developer Options

Talking about the developer options, In case a merchant wants any certain changes in their product. With the help of Custom CSS and Custom JS, it can be carried out easily.

Custom CSS functionality allows you to customize the appearance of the theme as per the requirement without being worrying about your theme updates.

Custom JS helps you to increase the functionalities of the application, while creating the reusable web components.

Product Specific Message

The app lets you set messages and show different delivery dates for different products based on products, tags, collections, and vendors. You can also display different delivery dates for different countries.

Product Types

Make changes in the product type category, including:

• Product Name
• Collection Name
• Product Vendor
• Product Tag

Result

Inventory – ETA Settings

You can configure ETA display based on your product’s stock status.

Select option:

• Both

Works with any inventory status — whether the product is in stock or out of stock.

• In Stock Only

Considers only products that have available inventory (quantity greater than 0).

• Out of Stock (continue selling on)

Considers out-of-stock items that are still available for purchase (backorders).

• Out of Stock (continue selling off)

Considers out-of-stock items that cannot be purchased.

Result:

• Out of Stock (Continue Selling: ON)

• Out of Stock (Continue Selling: OFF)

Inventory Locations ETA:

Enable this feature to display ETAs based on your inventory or warehouse location. Once enabled, select the location you’d like to use.

Inventory location priority

When a product’s inventory is assigned to multiple locations, you can decide which location’s ETA should be displayed on the product page.

• Auto set priority based on highest available quantity:

The system will automatically prioritize the location that has the most stock.

• Set manually:

You can manually drag and drop locations in order of priority (from highest to lowest).

The top location will be used for the ETA display first.

Buttons:

• Sync: Refresh or sync inventory locations with the latest data.
• Apply: Save your changes.
• Close: Exit without saving.

Exclude Product

On the basis of this functionality, you can hide the delivery date by excluding the particular Product Name, Product Vendor, Collection Name, and Product Tags.

Final Results

Key Features:

• Create estimate rules based on inventory, countries, warehouse/inventory location, zip codes, and shipping methods.
• Display in multiple languages.
• Target specific products, collections, vendors, and tags.
• Customize messages, appearance, date, and time format.
• Set up week-off days, cut-off times, and countdown timers.
• Auto-detect user location
• Country and state based ETA
• Display estimated delivery dates on various places: product page, collection page, cart page, checkout, thank you/order page, and email order confirmation.
• WhatsApp and live chat support for quick assistance.

Updated on: 07/10/2025