> For the complete documentation index, see [llms.txt](https://docs.vintcer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.vintcer.com/countdown-timer.md).

# Countdown Timer

{% hint style="warning" %}
This article explains about built in countdown timer, if you want to use third-party countdown timer please read this article- <https://docs.vintcer.com/custom-html-js-code>
{% endhint %}

{% hint style="info" %}
This Countdown widget can be added to any blocks with different layout and alignment, feel free to experiment by click on Section or[ Pro setting](https://docs.vintcer.com/pro-settings) (gear icon available at right corner of each section)
{% endhint %}

![](/files/-L_XLhK85nIIzAEjuvdO)

### Click on any element and then click on + button&#x20;

![](/files/-L_XLmHSnY-VAl0fSJBM)

2\. Now, add a Widget by clicking on element button.

![Choose Widget <> from the element list (last option) ](/files/-LMStsNarOKFR-nBWNGi)

3\. Choose Countdown timer from the available options

![Choose Countdown from list](/files/-LMSvSs_s4tcugnYhn3t)

4\. After adding Countdown widget to your website, set the Date and time and change the color of countdown clock by clicking on Background and Text respectively and click on Update Button.

![](/files/-LMSw8wEN8YoigFAR8uI)

{% hint style="success" %}
Make sure to click on UPDATE button after changing date, time and color. Publish your website by clicking on Publish button to see the changes on live website.
{% endhint %}