> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Добавление обратного отсчёта

Элемент обратного отсчета времени — это отличный инструмент для информирования ваших посетителей о сроках окончания акции или скидки, объявления времени до запуска нового продукта, ваших проектов или услуг и т. д.

Шаги, описанные в этой статье, помогут вам узнать, как добавить и настроить обратный отсчет (таймер) на своем сайте.

| ${color}[#1aa900](Подсказка:) блок обратного отсчета также хорошо подходит для использования в всплывающих окнах. Узнайте больше об их функционале в этой статье: [Добавление всплывающего окна](/ru/article/dobavlenie-vsplyvayushego-okna-pop-up-myibrc/).

**Содержание**:
* [Добавление обратного отсчета](#1-dobavlenie-obratnogo-otscheta)
* [Настройка обратного отсчета](#1-nastrojka-obratnogo-otscheta)

# Добавление обратного отсчета

①  Вы можете добавить готовый блок с этим элементом. Ознакомьтесь с разделом **Обратный отсчет** при добавлении нового блока.

| ${color}[#1aa900](Подсказка:) обратитесь к статье [о добавлении блоков](/ru/article/dobavlenie-blokov-wmgcv7/).

② Также вы можете добавить этот элемент в уже существующую заполненную или пустую колонку в одном из ваших блоков. Для этого нажмите на **иконку добавления нового элемента** и выберите элемент **Обратный отсчет** из списка доступных:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_7q42jr.png)
| ${color}[#1aa900](Подсказка:) этот элемент вы можете найти во вкладке Виджет при добавлении элемента.

|| ${color}[#ffa800](Примечание:) на данный момент этот элемент недоступен для Flex-блока.

# Настройка обратного отсчета

1. Чтобы открыть настройки элемента обратного отсчета, нажмите на элемент и щелкните по значку шестеренки, который появится внизу:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_1hmofam.png)
2. На вкладке **Общие** вы можете:

① изменить тип отображения обратного отсчета:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_uucdtu.png)
② выбрать вид обратного отсчета: **Дата** или **Период**:

* Если выбран вид обратного отсчета **Дата**, вы можете указать конечную дату и время завершения обратного отсчета, а также выбрать параметры даты, которые будут отображаться в обратном отсчете: дни, часы, минуты и секунды: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_1d78yau.png)
| ${color}[#1aa900](Подсказка:) конечную дату также можно установить, не открывая настройки обратного отсчета — нажмите на элемент и выберите дату и время в строке, которая появляется внизу элемента: 
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_x2rlfi.png)
* Если выбран вид отсчета **Период**, вы можете также выбрать параметры даты, которые будут отображаться в отсчете, и установить нужный вам период, а именно количество дней, часов или минут, от которых будет идти отсчет:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_3xjalv.png)
Кроме того, вы можете настроить, когда начнется отсчет и действие после завершения отсчета:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_pmnbvo.png)
|| ${color}[#ffa800](Примечание:) если выбрана опция После первого открытия сайта, то отсчет будет начинаться для каждого посетителя индивидуально. 

3. Во вкладке **Контент** вы можете переименовать метки обратного отсчета:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/dodavannya-zvorotnogo-vidliku-_y0hgnq.png)
4. [Опубликуйте сайт](/ru/article/publikaciya-sajta-1xvrq6l/), чтобы внесенные изменения отобразились для посетителей вашего сайта.