Pop-up — це вікно, яке з’являється на екрані відвідувачів, коли вони виконують певну дію на сайті — інакше кажучи, після дії тригера, який ви встановили (наприклад, натискання кнопки, прокрутка сторінки або просто відкриття сайту). За допомогою спливаючих вікон ви можете просувати свій бізнес, залучати нову аудиторію та отримувати більше потенційних клієнтів.

Опісля додавання pop-up вікна на свій сайт, налаштуйте для нього тригер, який буде його відкривати. На Weblium ви можете налаштувати параметри відображення спливаючого вікна — тобто яким чином воно буде зображено на сайті, на яких сторінках буде відкриватися тощо.

Перш ніж перейти до роботи, майте на увазі наступне:

Спливаючі вікна зазвичай переривають роботу відвідувача на сторінці. Тому ми рекомендуємо зважати на кількість спливаючих вікон та ретельно продумувати їх призначення.
Дотримуйтесь загального дизайну сайту та максимально спростіть структуру спливаючих вікон, аби надати користувачам лише необхідну інформацію.
Оберіть правильний час для відображення спливаючих вікон, щоб надати цінності їхньому вмісту.

Важливо: можливість додавання спливаючого вікна доступна лише для вебсайтів з Pro підпискою.

Налаштування тригерів спливаючого вікна

Існують різні способи зробити так, щоб ваші спливаючі вікна з’являлися на вебсайті. Наприклад, ви можете відобразити спливаюче вікно одразу після завантаження сторінки, запланувати відображення спливаючого вікна (наприклад, через 30 секунд перебування на сторінці), відображати спливаючі вікна після прокручення певної частини сторінки або ж тоді, коли відвідувач має намір закрити ваш сайт. Також спливаюче вікно може відкриватися після натискання на зображення, кнопку, іконку. Крім того, ви можете налаштувати відображення спливаючих вікон лише для певної аудиторії.

Важливо: коли спливаюче вікно автоматично відображається відвідувачеві, ця дія зберігається у файлах cookie браузера. Якщо користувач видалить дані веб-перегляду, наступний його візит на сайт буде розцінено як візит нового користувача, тож для нього знову буде відображено спливаюче вікно. Обов’язково змініть частоту спливаючих вікон відповідно до статті Зміна частоти появи спливаючого вікна (pop-up).

Щоб перейти до цих налаштувань, наведіть курсор на блок у режимі редагування та натисніть Налаштування pop-up:



... або натисніть на «шестерню» біля спливаючого вікна в меню Pop-ups:



Перейдіть на вкладку Тригери та встановіть відповідний тригер:



Підказка: кожне спливаюче вікно на вашому сайті налаштовується індивідуально — налаштування між вікнами не синхронізуються.

Не забудьте обрати, на яких сторінках відображатиметься ваше спливаюче вікно. Для цього увімкніть параметр Показувати на сторінках та вкажіть потрібні сторінки в полі Вибрані сторінки:



Примітка: якщо ви не зазначили сторінки показу, то спливаюче вікно з’явиться, коли користувач вперше відвідає будь-яку сторінку вашого сайту.

У разі, якщо ваше спливаюче вікно має повноекранну ширину, ми радимо увімкнути опцію Не показувати на менших екранах, аби не дратувати відвідувачів:



Відкриття спливаючого вікна після завантаження сторінки

Для цього увімкніть опцію Показувати після завантаження сторінки на вкладці Тригери:



Якщо ви хочете, щоб спливаюче вікно з’являлося після того, як користувач проведе деякий час на сторінці, налаштуйте параметр Затримка, де ви можете встановити таймер для свого спливаючого вікна:



Важливо: максимальний період затримки становить 300 секунд.

Відкриття спливаючого вікна під час прокрутки сторінки

Коли ви активуєте опцію Показати при прокручуванні вниз на вкладці Тригери, на сайті з’явиться спливаюче вікно, коли користувач прокручує сторінку вниз:



Після цього з’явиться опція Глибина прокрутки, де ви можете вибрати, в який саме момент прокручування буде зображено блок — цей параметр вимірюється у відсотках.



Відкриття спливаючого вікна під час наміру покинути сторінку

Аби показати спливаюче вікно, коли відвідувач збирається залишити сайт у браузері, увімкніть опцію Показувати перед виходом на вкладці Тригери:



Відкриття спливаючого вікна як дія при натисканні

У редакторі ви можете налаштувати відкриття спливаючого вікна після натискання на певний елемент. Наприклад, опісля натискання кнопки «Зв’язатися з нами» відкриється блок для заповнення контактної форми користувачем.

Важливо: наразі немає можливості відкрити спливаюче вікно, натиснувши на текстовий елемент.

Щоб додати pop-up дію до елемента, натисніть на нього та перейдіть до його налаштувань, натиснувши на «шестерню» у новому вікні:



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

У новому вікні перейдіть на вкладку Дія та виберіть зі спадного меню пункт Відкрити pop-up, опісля чого оберіть необхідне спливаюче вікно:



Відкриття спливаючого вікна для цільової аудиторії

За допомогою цієї функції ви можете встановити цільову аудиторію для свого спливаючого вікна. Це дозволяє персоналізувати поточні пропозиції для кожного відвідувача та відстежувати ефективність вашої рекламної кампанії.

Для фільтрації відвідувачів цей тригер використовує UTM-мітки — теги, додані до URL-адреси поточної сторінки або сайту з інформацією про джерело трафіку. Таким чином, коли сторінка завантажується, система аналізує поточні UTM-теги користувача — і якщо ці параметри поза націлюванням, спливаюче вікно не відображатиметься для цього відвідувача.

Наприклад, ви зможете відобразити спливаюче вікно, лише якщо користувач зайшов на ваш сайт із Google Adwords. У цьому випадку буде виглядати така URL-адреса: yourwebsite.com/?utm_source=google.

Щоб встановити відкриття для певної цільової аудиторії, перейдіть у налаштуваннях на вкладку Тригери та увімкніть параметр Показувати цільовій аудиторії:



У відкритому полі натисніть Додати фільтр:



Оберіть необхідну UTM-мітку та додайте її Значення:



Доступні UTM-мітки та їхні можливі значення:

UTM Source — цей тег визначає джерело трафіку. Наприклад, ви можете додати Google, Facebook або будь-яку іншу назву соціальної мережі, на якій рекламуєте свій сайт.
UTM Campaign — назва вашої рекламної компанії. Завдяки цій мітці можна дізнатися, яка рекламна кампанія або оголошення залучили найбільшу кількість трафіку. Так, у значенні до цієї мітки можна вказати, який продукт рекламувався, з яким промокодом або який слоган використовувався.
UTM Term — ключове слово в пошуку, яке веде користувача на ваш сайт. Цінність цього поля залежить від послуг, які ви надаєте — наприклад, якщо ви розробляєте вебсайти, згадайте в цьому полі вебдизайн, вебсайти тощо.
UTM Content — використовується для розрізнення подібного вмісту або посилань в межах однієї реклами. Наприклад, для значення цього тегу ви можете додати text, banner, article.

Важливо: значенням тегу може бути будь-який текст довжиною від 1 до 100 символів.

До спливаючого вікна можна додати більше одного параметра — кожен із них буде використовуватися окремо. Наприклад, якщо ви вказали utm_source=google та utm_term=free, спливаюче вікно відображатиметься, якщо користувач потрапляє на сайт від Google як шляхом пошуку слова «free», так і без нього (або навпаки).

Відкриття спливаючого вікна за графіком

Якщо ви проводите рекламну кампанію за допомогою спливаючого вікна, ви можете показати його за графіком. Ви можете встановити дату та час початку й кінця відображення спливаючого вікна. Після закінчення вказаного терміну спливаюче вікно не буде відображатися автоматично.

Примітка: функція попереднього планування спливаючого вікна наразі недоступна. Інакше кажучи, датою початку може бути лише сьогоднішня або завтрашня дата.

Для цього увімкніть параметр Показувати за графіком на вкладці Тригери:



Не забудьте встановити дату початку та закінчення, а також часовий пояс:



Закриття спливаючого вікна

Існує декілька способів закрити спливаюче вікно на сайті. Ви можете додати елемент до спливаючого вікна, який закриє спливаюче вікно після натискання на нього — ця опція зазвичай використовується для кнопок. Для цього натисніть на саму кнопку та відкрийте її налаштування, клацнувши на «шестерню»:



На вкладці Дія у випадному меню виберіть дію Закрити pop-up.



Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.

Примітка: якщо ви хочете поєднати деякі тригери для вашого спливаючого вікна, переконайтеся, що вони будуть працювати належним чином. Детальніше про це вам розповість стаття про Сценарії та обмеження спливаючих вікон (pop-up).
Чи була ця стаття корисною?
Скасувати
Дякуємо!