# Create an Estimated Delivery Timer

The Estimated Delivery Date is an estimate of when your product is expected to arrive based on standard delivery times. This term is well-known mostly in the logistics industry. The Estimated delivery of our app can help you create and present the available shipping time for the customers to arise the sales conversion rate. Kindly follow the below instructions to know how to set up this function.&#x20;

### **Step to manage:**

From the App Dashboard page > Click on the **Countdowns** section in the navigation bar > **Create countdown** > Choose **Estimated Delivery Date**<br>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FNJ9fP1EAYIpiKjKu5iCY%2Fimage.png?alt=media&#x26;token=50905650-8418-4532-a589-84a7fc77a82b" alt=""><figcaption></figcaption></figure>

### Setting content:

**You can edit and configure the content of the timer in this step.**&#x20;

1. In the **Content** section, select the Layout you would like to apply for the timer. There are 4 options for you:&#x20;

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2F1fbsQkJmquIkfgHPjnDz%2Fimage.png?alt=media&#x26;token=b85a9215-629f-47e3-8cf3-fdd8ede2732e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2Fc8gnU6K9t05dEhEDBMrY%2Fimage.png?alt=media&#x26;token=9aa54f38-76f8-4428-a661-da7eada1516a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2F67hYMBWO1zq8JLSyHG7A%2Fimage.png?alt=media&#x26;token=f8ed854e-0f19-4aad-9460-8304a4810a59" alt=""><figcaption></figcaption></figure>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FzcVeylcYuLZHRknYOmhG%2Fimage.png?alt=media&#x26;token=b13992fa-b15c-4237-92a0-fb9834887153" alt=""><figcaption></figcaption></figure>

&#x20;    2\. In the **Message** field, there is already an example text, however, you can amend it according to your inclination. &#x20;

*\*The “country\_flag” and “country\_name” will be automatically updated based on your location.*&#x20;

&#x20;   3\. In the **Progress bar** field, there are Title, Description and Description tooltip for each progress, please click on each tab to set them up:&#x20;

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FrH3TNKpMBAgcCqBJryKB%2Fimage.png?alt=media&#x26;token=b3f344dd-4192-4c23-941c-1df58c5f0a49" alt=""><figcaption></figcaption></figure>

### **Configure the Date range setting**

After setting up the content for the Estimated delivery date, you will need to configure the time range for the delivery.&#x20;

1. Set up the **Order dispatched days range**:&#x20;

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FfGWWDWLSHr3o1W1MGpcU%2Fimage.png?alt=media&#x26;token=c127dca0-880d-4b61-b6f5-405f0d0b2d7a" alt=""><figcaption></figcaption></figure>

&#x20;      2\. Set up the **Order delivered days range**: <br>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FfVuiKCcNZ4Ny8NNM5ca8%2Fimage.png?alt=media&#x26;token=80ea4f3c-3efb-41cc-9097-b1f97d60db8f" alt=""><figcaption></figcaption></figure>

&#x20;     4\. You can exclude the day that is on holiday occasion in your place by setting up the **Holiday** field:\
&#x20;

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FCYy63TSSRmuMAbqotg4q%2Fimage.png?alt=media&#x26;token=bdbb165b-4ab7-437a-a4bc-9ce3a45dc465" alt=""><figcaption></figcaption></figure>

&#x20;    5\. Set up **Date and Time formats**. <br>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FCTeXXGvkeT424XjunYEw%2Fimage.png?alt=media&#x26;token=db04c0cc-837a-49b1-b6fa-28905a005ffe" alt=""><figcaption></figcaption></figure>

&#x20;    6\. Configure the **Cut-off time** for the order:<br>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FjFwIZjuDTSdz98CLcgVW%2Fimage.png?alt=media&#x26;token=353dc966-d580-4527-99ab-bf3a3e28e770" alt=""><figcaption></figcaption></figure>

If you want to set up a specific cutoff time for each day of the week, please adjust the **Start time** and **End time** for each days of the week:

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FarBi5WmUSIdqa1M6CfpF%2Fimage.png?alt=media&#x26;token=16b8eb59-83b4-46dc-8c18-bbaf50b8e84d" alt=""><figcaption></figcaption></figure>

Then for each day, there will be a different cutoff time.&#x20;

For further details, please review this [**document**](https://help.samita.io/docs/samita-countdown-timer-bar/estimated-delivery-date/configure-the-date-range-setting/).&#x20;

### **Design the Estimate Delivery Date timer**

1. Set up the **Main widget**

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FExtYqXbRBQ7XlCMjyI17%2Fimage.png?alt=media&#x26;token=60e01222-d3a4-49b2-a4fe-4b8111c561f2" alt=""><figcaption></figcaption></figure>

&#x20;   2\. Set up the **Process widget** to customize the Progress bar. Select the template you want to apply on the progress bar and configure the margin, font, color for the bar:

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2F0DIiHwhSynaiK0sM3KcD%2Fimage.png?alt=media&#x26;token=389a0e70-8bba-4352-b4eb-e14200237dc8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2F5rL0oEh5Ay3vfTd2SJK1%2Fimage.png?alt=media&#x26;token=6bb9bdb0-adbc-47bb-9819-db8c93db410f" alt=""><figcaption></figcaption></figure>

&#x20;   3\. For further customization, you can use the **Custom CSS** box below to add CSS for the Countdown timer design:&#x20;

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2F63CFWAVSgBX2pMQhLQy8%2Fimage.png?alt=media&#x26;token=0373f5f7-11e2-4b7c-a651-cb4133ee1685" alt=""><figcaption></figcaption></figure>

#### Setting Display condition for the Estimated Delivery Date timer:

1. Configure the condition for the Estimated Delivery Date timer
2. Set up display position: Show the timer on the **product page** or display it in other places by the **Shortcode**
3. Set device targeting to choose the device you want to show the Estimated Delivery Date timer on: **Desktop** or **Mobile**.

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FeoAdO53ldWUZkzdUhqLj%2Fimage.png?alt=media&#x26;token=0f631680-2eb2-4438-9334-9af691e19cf5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FflyUilxCUCmOatscaGM5%2Fimage.png?alt=media&#x26;token=855ebb19-2f1b-412a-976b-e842e2cc4b04" alt=""><figcaption></figcaption></figure>

For further information about this step, please review this [**guide**](https://help.samita.io/docs/samita-countdown-timer-bar/setup-display-conditions-and-display-position-for-the-timer/) for better understanding.&#x20;

After finishing all steps to create the timer, click **Save** and start checking on the front store

<figure><img src="https://855148666-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaOJwtwIUCsbYLCDqZD0u%2Fuploads%2FiCaRMRM5arP3705LD3aO%2Fimage.png?alt=media&#x26;token=3300b1b2-b03c-4fdf-8ba8-037cc397d57f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Important step!**

In order to enable the app data to your front store, please don’t forget to activate our app embed to your theme.
{% endhint %}

{% hint style="success" %}
**Friendly reminder!**\
If you do encounter any difficulty while proceeding with these steps, don’t show any hesitation to contact us promptly via the email address [<mark style="color:green;">support@samita.io</mark>](https://samita.io/pages/contact)
{% endhint %}
