Вхiд

Повідомлення

Створення SMS-розсилки

Контакти

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

Форма вікового обмеження

Вікове обмеження – тип форм, який перекриває основний контент сайту, поки відвідувач не підтвердить вік.

Зверніть увагу!

Для роботи модальної форми на вашому сайті необхідно встановити скрипт eSputnik. Щоб його отримати, перейдіть у вкладку "Сайт" – "Форми" і натисніть "Отримати скрипт". Далі вкажіть домен вашого сайту, додайте скрипт у код сайту перед тегом </body>.

Скрипт має бути встановлений на всіх сторінках.

Отримати скрипт

Створення форми вікового обмеження

  1. Перейдіть у вкладку "Сайт" – "Форми".
  2. У бічному меню виберіть “Вікове обмеження”.
  3. У розділі “Вікове обмеження” натисніть кнопку “Нове вікове обмеження”:
    Форма перевірки віку
  4. Надайте формі ім'я та натисніть “Далі”:
    Ім’я для форми
  5. Виберіть кольори форми:
    Кольори для форми
  6. Щоб вибрати стиль форми, натисніть на шаблон, що сподобався. Усього є п'ять стилів: класичний, мінімалізм, м'який, декоративний і сучасний. Після цього натисніть "Далі":
    Стиль форми
  7. Виберіть зовнішній вигляд форми, усього на вибір дається три, і натисніть "Вибрати".
    Приклад оформлення форми

Оформлення та контент форми

Вкладка "Оформлення"

  1. У вкладці "Оформлення" ви зможете працювати зі стилем тексту. Стандартний шрифт – Arial, але можна вибрати будь-який інший. Він має бути завантажений на сайт:
    Стиль тексту
  2. У розділі "Адаптивність" укажіть ширину екрана, починаючи з якої відображення форми перебудовується на мобільну версію. За замовчуванням це менше, ніж 576 пікселів:
    Адаптивність

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

  1. Клацнувши на головний текст, ви побачите редактор із налаштуваннями. Тут можна задати розміри контейнера, стиль тексту, внутрішні та зовнішні відступи:
    Вкладка Контент
  2. Натисніть на зображення, щоб відкрити його параметри. Тут можна завантажити потрібне зображення або знайти його у внутрішніх джерелах, а також задати йому розмір і позиціонування:
    Налаштування зображення
  3. Перейдіть до структури, що складається з кнопок і тексту. Укажіть потрібні налаштування. Крім стандартних розмірів та відступів, ви можете вибирати розташування елементів, фон, розмір і відступи:
    Структура
  4. У полях-кнопках також можна задати всі налаштування: розміри, відступи, фон, текст тощо:
    Налаштування кнопки
  5. Після того, як ви задали всі налаштування, на кнопках можна ввімкнути ефект ховера (під час наведення на кнопку вона змінюватиметься відповідно до налаштувань):
    Ефект ховера
  6. Загальні параметри форми стандартні: підберіть фон, виберіть розташування, задайте розміри та відступи:
    Загальні налаштування форми

Верхня панель налаштувань

Верхня панель налаштувань

  1. Стрілки “Назад” і “Вперед” дозволяють скасувати або повернути внесені зміни до форми.
  2. Налаштування багатомовності:
    • налаштування зовнішнього вигляду форми виконуються лише для основної мови, звідки копіюються у решту мовних версій;
    • у мовних версіях можна змінити лише текст;
    • форма відображається мовою сайту, яка визначається за значенням атрибута lang у тезі html; якщо його немає – за мовою браузера.
  3. Загальний фон форми.
  4. Кнопки переходу на мобільну чи десктопну версію форми.
  5. Попередній перегляд форми.
  6. Закрити редагування.
  7. Зберегти.

Параметри

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

Щоб налаштувати умови показу вікна, натисніть “Редагувати” навпроти цього пункту:

Редагувати

Тут можна вибрати:

  • Частоту показу:
    Частота показу форми
  • Коли з'явиться форма:
    Коли показувати форму
  • Кому показувати:
    Кому показувати форму
  • Сторінки, на яких відображатиметься або не відображатиметься форма:
    Сторінки, де буде показана форма

Ви можете керувати відображенням форми за допомогою API: кліком на елемент сторінки або за допомогою JavaScript. Якщо ви бажаєте використовувати кастомний лаунчер для запуску форми, вставте CSS-селектор елемента виклику. Щоб показати форму за будь-якої додаткової умови, скопіюйте JavaScript-код нижче.

Показ форми за допомогою JavaScript

Дії після налаштування форми

  1. Зберігши всі налаштування, перевірте, як форма відображатиметься на сайті. Для цього натисніть на кнопку "Дивитися на сторінці":
    Дивитися на сторінці
  2. Введіть посилання на сайт і натисніть "Відкрити":
    Подивитися форму на сторінці
  3. У разі вдалого виконання всіх кроків форма відобразиться у вас на сайті згідно із заданими умовами:
    Показ форми на сайті
  4. Після тестування форми відкрийте її, натиснувши кнопку “Бачать відвідувачі сайту”, після цього натисніть “Зберегти”:
    Редагувати
  5. Щоб зупинити показ форми, натисніть на кнопку "Бачите тільки ви", після цього – "Зберегти":
    Зберегти
  6. У вкладці “Статистика” можна побачити результати форми:
    Статистика
Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email