Добавление на сайт таймера акции с формой заказа

Нужен сайт? Закажите или создайте самостоятельно,
следуя нашим пошаговым инструкциям!

У вас уже есть сайт с продажей товаров или услуг, и вам требуется запустить акцию с целью привлечения новых клиентов или лидов? — Тогда этот лайфхак для вас! Примерное время запуска акции — от 5 до 20 минут. 

Шаг 1. Вставка блока под акцию

В режиме редактирования сайта (кнопка “Редактировать”) выбираем место на сайте, где будет размещаться блок, информирующий клиентов о проведении акции.

Перетаскиваем пустой блок на это место.

Шаг 2. Первичное наполнение блока

Наполняем блок необходимыми виджетами Текст Таймер (будет показывать время до конца акции) Пробелы (не забываем ставить пробелы для визуального оформления)

Шаг 3. Форматирование текста

1. Вводим текст акции (в данном примере “Скидки до 70%”)

2. Настраиваем текст

a. цвет текста

b. тип текста: “Заголовок 2” (можно вставить просто “Заголовок”)

c. стиль текста: жирный

d. выравнивание текста

Шаг 4. Настройка таймера

Таймер имеет гибкие настройки

Выравнивание: по левому краю, по центру, по правому краю

Стиль: “Светлый” / “Темный” (перекидывающиеся цифры), “Прозрачный” (простое текстовое отображение)

Какой текст показать по истечении времени на таймере (окончание акции).

На скриншоте ниже выбран таймер “До определенной даты”, стиль “Прозрачный”.

Следующий скриншот (таймер на определенный промежуток времени) показывает возможность отображения/скрытия полей на таймере (дней, часов, секунд).

Настройки цикличного таймера позволяют выбрать время, с которого ежедневно будет начинаться отсчет, и срок, в течение которого будет проходить акция.

Не забывайте указывать, какое событие будет происходить по окончании времени таймера: сообщение или скрытие. В противном случае таймер будет показывать 00:00:00 до следующего начала отсчета.

Шаг 5. Способы сбора контактов (лидов)

Способ 1. Всплывающая форма обратной связи

Устанавливаем виджет “Кнопка”.

В настройках кнопки выбираем “Всплывающее окно” и тип окна “Обратная связь”.

Также меняем текст кнопки (в нашем примере поменяем текст на “Получить скидку”).

В настройках можно выбрать дизайн кнопки и выравнивание.

Способ 2. Форма обратной связи как призыв к действию

Устанавливаем виджет “Обратная связь”, как показано на скриншоте.

Настраиваем форму обратной связи:

○меняем название кнопки (просто кликнув по тексту на самой кнопке)

○отключаем ненужные поля

○заполняем поле с сообщением, которое будет показано клиенту после отправки формы

○указываем электронную почту, на которую будет приходить заполненная форма (по умолчанию приходит на почту вашего аккаунта в конструкторе uKit)

Пишем призыв к действию над формой. Для этого размещаем стандартный виджет “Текст”.

Способ 3. Карточка товара

Этот способ идеально подходит тогда, когда вы проводите акцию на конкретный товар. Одним движением вы ставите изображение, описание и кнопку обратной связи (настройка всплывающего окна обратной связи производится так же, как в виджете “Кнопка”).

Размещаем виджет “Карточка” и оставляем только необходимые поля. Также под таймер добавляем текст акции. Текст можно отделить виджетом “Разделитель”.

Шаг 6. Запуск акции

Чтобы таймер заработал, необходимо нажать на кнопку “Старт” в опциях таймера.

Важно! Чтобы изменения вступили в силу, не забудьте опубликовать сайт (кнопка в нижнем левом углу в конструкторе uKit).

На опубликованном сайте таймеры выглядят следующим образом:

Таймер завершившейся акции с показом текста:

На мобильных версиях:

Теперь вы знаете, как всего за 15 минут организовать акцию на сайте, созданном в конструкторе uKit, и привлечь больше клиентов.

Наши исполнители могут сделать это за вас!
Всего 3 500 рублей за 10 дней.