Создание всплывающего окна 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 1

5-6- Выберите горизонтальное и вертикальное расположение.

7- По желанию вы можете добавить дополнительные CSS, чтобы зафиксировать положение в любом месте, установить непрозрачность цвета фона или что-либо еще.

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

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

9- На данном этапе у нас есть несколько способов настроить количество показов, чтобы не раздражать посетителя.

Создание всплывающего окна WordPress с помощью Ad Inserter Pro 3

В этом случае, как только пользователь закроет окно, оно снова появится только через 5 дней. Если мы не хотим, чтобы он появлялся снова, нам достаточно добавить большое количество дней. Здесь же можно настроить автоматическое закрытие через X секунд или чтобы оно показывалось только через каждые X просмотров страницы.

Наконец, на вкладке "Лимиты" вы можете выбрать ограничение количества показов и/или кликов в день в целом или по отдельности.

Создание всплывающего окна WordPress с помощью Ad Inserter Pro 4

Перед сохранением блока для начала отображения всплывающего окна рекомендуется нажать кнопку "Предварительный просмотр" (см. первое изображение), которая позволит нам увидеть окончательный вид на тестовой странице, подобной этой:

Создание всплывающего окна WordPress с помощью Ad Inserter Pro 5

Обратите внимание, что окончательный вид будет отличаться, поскольку предварительный просмотр представлен без форматирования, в моем случае это окончательный вид проекта с CSS шаблона и GenerateBlocks

Создание всплывающего окна WordPress с помощью Ad Inserter Pro 6

В качестве последнего шага вы можете отполировать макет вашего окна и добавить границу, тень, настроить цвета, отцентрировать тексты, добавить интервал, подложку, поля и т.д.

Некоторые соображения

Всплывающие окна, открывающиеся автоматически, резко прерывают естественную навигацию, могут появляться при загрузке страницы, через некоторое время или при прокрутке, и очень раздражают обычного человека.

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

Поэтому рекомендуется не злоупотреблять этим типом окон и показывать их только один раз за посещение и только на короткие периоды времени в определенных кампаниях. Также хорошей практикой является настройка их таким образом, чтобы они переставали появляться в течение достаточно длительного периода времени или не появлялись снова после того, как пользователь их закрыл.

Ad Inserter не является плагином, специально предназначенным для создания модальных окон, поэтому он имеет свои ограничения в плане разнообразия триггеров с условиями, которые есть у других специализированных плагинов. Если вы предпочитаете что-то более настраиваемое и бесплатное, вы можете использовать этот плагин или этот.

Плюсы

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

Cons

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

Этот пост содержит некоторые партнерские ссылки.

Подписка по электронной почте

Получайте бесплатные полные статьи без рекламы в свой почтовый ящик сразу после их публикации. Полное содержание ленты отправляется без рекламы через внешний сервис.