> 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.

![](https://408597075-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUgmcyqEZ__5tX3UtU9%2F-MaU1PyZ3Hb7rB2089Ht%2F-MaU2TgZN9PvNHln8QxI%2Fhtml.gif?alt=media\&token=bf2b8f8a-37e2-4608-a770-3d5a81b7ec68)

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

![](https://408597075-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MUgmcyqEZ__5tX3UtU9%2F-MaU1PyZ3Hb7rB2089Ht%2F-MaU2v1tBz1vEiUEc3NB%2Fimage.png?alt=media\&token=6e7b5f5b-ba6a-41ec-befd-e65c74e782db)

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ì để ""