Adinserter Pro, незважаючи на те, що є плагіном, можливо, найкращим, призначеним для управління рекламою, може використовуватися і для інших цілей.
Цього разу ми розглянемо, як створити спливаюче вікно, в якому буде відображатися форма підписки, хоча ви можете використовувати його для додавання будь-якого іншого контенту, будь то ваша власна або зовнішня реклама, заклик до дії із зображенням або просто інформативний текст в якості попередження.
Ця опція недоступна для безкоштовної версії Ad Inserter, ви повинні використовувати його Pro-версію, яка дозволяє створювати оголошення у фіксованих позиціях з анімацією входу і виходу та кнопкою закриття.
Ось такі кроки:
1- Створіть новий блок в Ad Inserter і додайте HTML або PHP вашої форми. У моєму випадку він створений за допомогою GenerateBlocks і я просто скопіював і вставив його код.
2 - Виберіть "Записи" (або там, де ви хочете, щоб він відображався). У "Списках" ви можете виключити пости або сторінки, де ви не хочете, щоб вона відображалася.
3 - У меню "Вставка" виберіть "Нижний колонтитул".
4 - В "Вирівнювання" відзначаємо "Користувацький CSS"
5-6- Виберіть горизонтальне та вертикальне розташування.
7- За бажанням ви можете додати більше CSS, щоб зафіксувати позицію в будь-якому місці, встановити непрозорість кольору фону або що завгодно, що вам потрібно.
Кнопку закриття також можна налаштувати на власний дизайн.
9- На цьому етапі у нас є кілька способів налаштувати кількість разів, коли вона буде показана, щоб не дратувати відвідувача.
При цьому, якщо користувач закриває вікно, воно з'являється знову лише через 5 днів. Якщо ми не хочемо, щоб він з'явився знову, нам потрібно лише додати велику кількість днів. Тут ви також можете налаштувати автоматичне закриття через X секунд або показувати його лише при кожному X перегляді сторінки.
Нарешті, у вкладці "Ліміти" ви можете обмежити кількість показів та/або кліків на добу в цілому або окремо.
Перед збереженням блоку для початку відображення спливаючого вікна бажано натиснути на кнопку "Попередній перегляд" (див. перше зображення), що дозволить побачити остаточний вигляд на тестовій сторінці, подібній до цієї:
Зверніть увагу, що остаточний вигляд буде відрізнятися, оскільки прев'ю представлено без форматування, в моєму випадку це остаточний вигляд проекту з урахуванням CSS шаблону і GenerateBlocks
На завершальному етапі ви можете відшліфувати макет вікна і додати рамку, тінь, налаштувати кольори, вирівняти текст по центру, додати інтервали, відступи, поля тощо.
Деякі міркування
Спливаючі вікна, які відкриваються автоматично, різко переривають природну навігацію, можуть з'являтися при завантаженні сторінки, через певний проміжок часу або при прокручуванні, і дуже дратують пересічну людину.
Крім того, оскільки вони історично використовувалися для нав'язливої реклами, багато браузерів вже блокують їх за замовчуванням, і вони також часто караються пошуковими системами, завдаючи шкоди SEO вашого сайту.
Тому бажано не зловживати цим типом вікон і показувати їх лише один раз за один візит і лише на короткі проміжки часу в рамках конкретних кампаній. Також рекомендується налаштувати їх таким чином, щоб вони переставали з'являтися протягом досить тривалого періоду часу або не з'являлися знову після того, як користувач закрив їх.
Ad Inserter не є плагіном спеціально для створення модальних вікон, тому він має свої обмеження в плані різноманітності тригерів з умовами, які мають інші спеціалізовані плагіни. Якщо ви віддаєте перевагу чомусь більш конфігурованому і безкоштовному, ви можете використовувати цей плагін або цей.
Плюси
- Швидка і проста конфігурація.
- Ви можете встановити покази, кліки, дні та час для його показу.
- Абсолютна гнучкість у визначенні розміру, положення та зовнішнього вигляду.
Мінуси
- Варіант з річною абонентською платою.
- Погана адаптація під мобільну версію.
- Обмежена кількість тригерів.
- Неможливо налаштувати для відображення при виході зі сторінки.
