> For the complete documentation index, see [llms.txt](https://help.clickbot.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.clickbot.vn/auto-email-sms-marketing/landing-page/tao-dong-ho-dem-nguoc-trong-landing-page.md).

# Tạo đồng hồ đếm ngược trong landing page

{% embed url="<https://youtu.be/FnqqhGQmm2Q?list=UUozN1-OuBI-qh9jJIp0prJQ>" %}

Để tạo đồng hồ đếm ngược trong Landing page các bạn sử dụng phần tử **HTML.** Để thêm phần tử **HTML** vào trong landing page,các bạn chọn vào mục **Content**,tìm tới **HTML**, giữ chuột kéo và thả vào khu vực mà bạn muốn thêm vào.

![](/files/-MaU2TgZN9PvNHln8QxI)

Sau đó click vào phần tử trong landing page và chỉnh sửa, ô được đánh dấu màu đỏ phía dưới là ô lệnh của HTML

![](/files/-MaU2v1tBz1vEiUEc3NB)

Chèn đoạn mã sau vào ô lệnh của **HTML** :

```
<script src="https://app.clickbot.vn/assets/js/countdown.js"></script>
<div data-countdown=""
data-type="evergreen"
data-evergreen-hours="10"
data-evergreen-minutes="02"
	data-show-days="true"
	data-show-hours="true"
	data-show-minutes="true"
	data-show-seconds="true" 
	data-background-color="#5551A6"
	data-digits-color="#fff"
	data-label-color="#fff"
	data-days-label="Ngày"
	data-hours-label="Giờ"
	data-minutes-label="Phút"
	data-seconds-label="Giây"
	data-expired-redirect-url=""
></div>
```

Trong đó:&#x20;

* data-evergreen-hours: hẹn giờ
* &#x20;data-evergreen-minutes: hẹn phút&#x20;
* data-show-days: có hiển thị ngày không?("true"/"false")&#x20;
* data-show-hours: có hiển thị giờ không?("true"/"false")&#x20;
* data-show-minutes: có hiển thị phút không?("true"/"false")
* &#x20;data-show-seconds: có hiển giây ngày không?("true"/"false")&#x20;
* data-background-color: điền mã màu nền&#x20;
* data-digits-color: điền mã màu của số&#x20;
* data-label-color: điền mã màu của nhãn (ngày, giờ, tháng, năm)&#x20;
* data-days-label: điền nhãn cho ngày (ví dụ: Ngày hoặc day)
* data-hours-label: điền nhãn cho giờ (ví dụ: Giờ hoặc hour)&#x20;
* data-minutes-label: điền nhãn cho phút (ví dụ: Phút hoặc ph)&#x20;
* data-seconds-label: điền nhãn cho giây (ví dụ: giây hoặc s)&#x20;
* data-expired-redirect-url: điền link sau khi hết thời gian đếm ngược kết thúc, nếu ko muốn dịch chuyển đi đâu thì để ""