Вход

Первые шаги

Сообщения

Работа с емейл-редактором
Создание SMS-рассылки

Контакты

Автоматизация

Интеграция

Форма ограничения возраста

Ограничение возраста – тип форм, который перекрывает основной контент сайта до тех пор, пока посетитель не подтвердит возраст.

Обратите внимание!

Для работы модальной формы на вашем сайте необходимо установить скрипт eSputnik. Для его получения перейдите во вкладку “Сайт” – “Формы” и нажмите “Получить скрипт”. Далее укажите домен вашего сайта, добавьте скрипт в код сайта перед закрывающим тегом body.

Скрипт должен быть установлен на всех страницах.

Получение скрипта

Создание формы ограничения возраста

  1. Перейдите во вкладку “Сайт” – “Формы”.

  2. В боковом меню выберите “Ограничение возраста”.

  3. В разделе “Ограничение возраста” нажмите на кнопку “Новое ограничение возраста”:

Форма проверки возраста

  1. Присвойте форме имя и нажмите “Далее”:

Имя для формы

  1. Выберите цвета формы:

Цвета формы

  1. Чтобы выбрать стиль формы, нажмите на понравившийся шаблон. Всего доступно пять стилей: классический, минимализм, мягкий, декоративный и современный. После этого нажмите “Далее”:

Стиль формы

  1. Выберите внешний вид формы, всего на выбор дается три, и нажмите “Далее”:

Вид формы

Оформление и контент формы

Вкладка “Оформление”

  1. Во вкладке “Оформление” вы сможете поработать со стилем текста. Стандартный шрифт – Arial, но можно выбрать любой другой. Он должен быть загружен на сайт:

Стиль текста

  1. В разделе “Адаптивность” укажите ширину экрана, начиная с которой отображение формы перестраивается на мобильную версию. По умолчанию это менее 576 пикселей:

Адаптивность

Вкладка “Контент”

  1. Кликнув на главный текст, вы увидите редактор с настройками. Здесь можно задать размеры контейнера, стиль текста, внутренние и внешние отступы:

Вкладка Контент

  1. По клику на изображение откроются его настройки. Здесь можно загрузить нужную картинку или найти ее во внутренних источниках. А также задать ей размер и позиционирование:

Настройки изображения

  1. Перейдите к структуре, состоящей из кнопок и текста. Задайте ей нужные настройки. Кроме стандартных размеров и отступов, вы можете выбирать расположение элементов, фон, размер и отступы:

Структура из кнопок и текста

  1. В полях-кнопках тоже можно задать все настройки: размеры, отступы, фон, текст и т. д.:

Настройки кнопки

  1. После того, как вы задали все настройки, на кнопках можно включить эффект ховера (при наведении на кнопку она будет меняться согласно заданным настройкам):

Эффект ховера

  1. Общие настройки формы стандартные: подберите фон, выберите расположение, задайте размеры и отступы:

Общие настройки формы

Верхняя панель настроек

Верхняя панель настроек

  1. Стрелки “Назад” и “Вперед” позволяют отменить или вернуть внесенные изменения в форму.

  2. Настройки мультиязычности:

  • настройки внешнего вида формы выполняются только для основного языка, откуда копируются во все остальные языковые версии;
  • в языковых версиях можно поменять только текст;
  • форма отображается на языке сайта, который определяется по значению атрибута lang в теге html; если его нет – по языку браузера.
  1. Общий фон формы.

  2. Кнопки перехода на мобильную или десктопную версию формы.

  3. Предпросмотр формы.

  4. Закрыть редактирование.

  5. Сохранить.

Параметры

Параметры формы

Чтобы настроить условия показа окна, нажмите “Редактировать” напротив этого пункта:

Редактировать вызов формы

Здесь можно выбрать:

  • Частоту показа:

Частота показа форм

  • Когда покажется форма:

Когда показывать форму

  • Кому показывать:

Кому показывать форму

  • Страницы, на которых будет или не будет показываться форма:

Страницы, где будет показываться форма

Вы можете управлять отображением формы с помощью API: по клику на элемент страницы или с помощью JavaScript. Если вы хотите использовать кастомный лаунчер для запуска формы, вставьте CSS-селектор элемента вызова. Чтобы показать форму при каком-либо дополнительном условии, скопируйте JavaScript-код ниже.

Показ формы с помощью JavaScript

Действия после настройки формы

  1. Сохранив все настройки, проверьте, как форма будет отображаться на сайте. Для этого нажмите на кнопку “Смотреть на странице”:

Смотреть на странице

  1. Введите ссылку на сайт и нажмите “Смотреть на странице”:

Просмотреть форму на странице

  1. При удачном выполнении всех шагов форма отобразится у вас на сайте согласно заданным условиям:

Показ формы на сайте

  1. После тестирования формы откройте ее, нажав на кнопку “Видна посетителям сайта”, после этого нажмите “Сохранить”:

Форма видна только посетителям сайта

  1. Чтобы остановить показ формы, нажмите на кнопку “Видна только вам”, после этого – “Сохранить”:

Форма видна только вам

  1. Во вкладке “Статистика” можно увидеть результаты формы:

Статистика формы

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email