Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

 

Adinserter Pro, незважаючи на те, що є плагіном, можливо, найкращим, призначеним для управління рекламою, може використовуватися і для інших цілей.

Цього разу ми розглянемо, як створити спливаюче вікно, в якому буде відображатися форма підписки, хоча ви можете використовувати його для додавання будь-якого іншого контенту, будь то ваша власна або зовнішня реклама, заклик до дії із зображенням або просто інформативний текст в якості попередження.

Ця опція недоступна для безкоштовної версії Ad Inserter, ви повинні використовувати його Pro-версію, яка дозволяє створювати оголошення у фіксованих позиціях з анімацією входу і виходу та кнопкою закриття.

Ось такі кроки:

1- Створіть новий блок в Ad Inserter і додайте HTML або PHP вашої форми. У моєму випадку він створений за допомогою GenerateBlocks і я просто скопіював і вставив його код.

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

2 – Виберіть “Записи” (або там, де ви хочете, щоб він відображався). У “Списках” ви можете виключити пости або сторінки, де ви не хочете, щоб вона відображалася.

3 – У меню “Вставка” виберіть “Нижний колонтитул”.

4 – В “Вирівнювання” відзначаємо “Користувацький CSS”

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

5-6- Виберіть горизонтальне та вертикальне розташування.

7- За бажанням ви можете додати більше CSS, щоб зафіксувати позицію в будь-якому місці, встановити непрозорість кольору фону або що завгодно, що вам потрібно.

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro
8- У наступному вікні ви можете задати тип анімації (або жодної), % відвіданої сторінки, на якій ви хочете, щоб спливаюче вікно з’являлося, а також вирішити, де у вікні буде з’являтися кнопка закриття.

Кнопку закриття також можна налаштувати на власний дизайн.

9- На цьому етапі у нас є кілька способів налаштувати кількість разів, коли вона буде показана, щоб не дратувати відвідувача.

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

При цьому, якщо користувач закриває вікно, воно з’являється знову лише через 5 днів. Якщо ми не хочемо, щоб він з’явився знову, нам потрібно лише додати велику кількість днів. Тут ви також можете налаштувати автоматичне закриття через X секунд або показувати його лише при кожному X перегляді сторінки.

Нарешті, у вкладці “Ліміти” ви можете обмежити кількість показів та/або кліків на добу в цілому або окремо.

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

Перед збереженням блоку для початку відображення спливаючого вікна бажано натиснути на кнопку “Попередній перегляд” (див. перше зображення), що дозволить побачити остаточний вигляд на тестовій сторінці, подібній до цієї:

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

Зверніть увагу, що остаточний вигляд буде відрізнятися, оскільки прев’ю представлено без форматування, в моєму випадку це остаточний вигляд проекту з урахуванням CSS шаблону і GenerateBlocks

Створіть спливаюче вікно для WordPress за допомогою Ad Inserter Pro

На завершальному етапі ви можете відшліфувати макет вікна і додати рамку, тінь, налаштувати кольори, вирівняти текст по центру, додати інтервали, відступи, поля тощо.

Деякі міркування

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

Крім того, оскільки вони історично використовувалися для нав’язливої реклами, багато браузерів вже блокують їх за замовчуванням, і вони також часто караються пошуковими системами, завдаючи шкоди SEO вашого сайту.

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

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

Плюси

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

Мінуси

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

Ця публікація містить деякі партнерські посилання.

Suscríbete por email para recibir las viñetas y los artículos completos y sin publicidad
Artículos relacionados

Este blog se aloja en LucusHost

LucusHost, el mejor hosting

Grandes personan que patrocinan.

Patreon

Recibe contenido extra y adelantos desde sólo un dolarcito al mes como ya hacen estos amables lectores:

César D. Rodas - Jorge Zamuz - David Jubete Rafa Morata - Sasha Pardo - Ángel Mentor - Jorge Ariño - Vlad SabouPedro - Álvaro RGV - Araq