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 templates categorized by industry.


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 4: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

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

Visual Configure:
Use the visual editor to select the spot where you want to display the message on the product detail page.

Code Configure:
Use the theme editor and drop in the provided code where you want to display the message on the product detail page..

Example:

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.


Input Placeholder

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



Button Text
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 Empty Field 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

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

Final Result

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

Set the availability of the product (In Stock, Out of Stock, or Both) and define inventory-based messages.
In Stock
Out of Stock
Both


Country Based
Set your Specific Message as per the Country-wise, as you will get a list of the country.


Zipcode Checker Widget
When this option is turned on, customers can see the estimated delivery times based on their zip codes by entering different ones.



Warehouse Specific ETA
Here you can display delivery time based on warehouse location.

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.
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: 22/11/2024