Налаштування віджета вікового обмеження

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

Створення віджета

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

Налаштування віджета

Давайте розберемо основні можливості на 3 панелях налаштувань у редакторі ліворуч, праворуч та зверху.

Ліва панель налаштувань

Перетягуйте базові елементи віджета з лівої панелі й розміщуйте їх у шаблоні віджета. 

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

Верхня панель налаштувань містить такі кнопки для роботи з елементами віджета:

• Копіювати
• Дублювати
• Вирізати
• Вставити
• Вставити з заміною

Щоб перейти до батьківського елемента віджета, натисніть на значок стрілки вгору.

Якщо натиснути на елемент із текстом, зверху з’являться інструменти редагування тексту.

Права панель налаштувань

На правій панелі розміщені вкладки “Оформлення”, “Контент”, “Загальні”, які дозволяють робити налаштування для десктопу та мобільних девайсів.

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

• Стиль тексту – за замовчуванням для віджета буде використовуватися набір шрифтів сайту як основний; аби вибрати інший шрифт, введіть його назву.
• Адаптивність – укажіть ширину екрана, починаючи з якої віджет почне відображатися в мобільній версії; за замовчуванням це менше, ніж 576 пікселів.

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

Задайте вигляд віджета: ширину та висоту, відстань між елементами, відступи, поля, фон тощо.

Вкладка “Загальні”

Виберіть дію по кліку:

• Відкрити URL
• Закрити віджет
• Відкрити сторінку віджета

Після збереження налаштувань ви потрапите до вкладки “Параметри віджета”. 

Параметри віджета

У цій вкладці ви можете змінити вигляд віджета та правила його виклику.

Виклик віджета

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

• Частоту показу
  
• Коли показувати
  
• Кому показувати
  
• На яких сторінках показувати 
  

Таким же чином як і під час створення умовних груп, тут можна обрати сторінки для відображення вікового обмеження.

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

Публікування вікового обмеження на сайті

Зберігши всі налаштування, перевірте, як форма відображатиметься на сайті. Для цього натисніть кнопку "Тестувати віджет":

Введіть посилання на сайт і натисніть "Відкрити":

У разі вдалого виконання всіх кроків форма відобразиться у вас на сайті згідно із заданими умовами:

Після тестування форми відкрийте її, натиснувши кнопку “Опубліковано”, після цього натисніть “Зберегти”:

Щоб зупинити показ форми, натисніть на кнопку "Не опубліковано", після цього – "Зберегти":

Щоб задати дату початку та закінчення відображення віджета, натисніть на значок календаря.

Аналіз результатів віджета

Перейдіть у “Сайт” – “Віджети” – “Вікове обмеження” – “Статистика”, щоб побачити статистику свого віджета:

• Перегляди
• Переходи
• Конверсія 

Ці ж показники відображені на графіку “Динаміка активності”. За потреби дані можна фільтрувати за датою.