Popup Maker + форма обратной связи

Дневник разработчика

После того как вы установили плагин, в боковом меню вашей админки появится новый раздел с одноимённым названием.

Popup Maker + форма обратной связи

В этом разделе будут дополнительные разделы:

  • Создать всплывающее окно,
  • Посмотреть все созданные всплывающие окна, которые вы уже сделали на этом сайте
  • Обновить
  • Подписчики
  • Темы для всплывающих окон
  • Настройки
  • Инструменты
  • Помощь и поддержка по работе с плагином

Давайте детальней взглянем не на меню, а на интерфейс создания нового модального окна. Тут нам предлагают заполнить следующие поля:

  1. Название модального окна: необходимо для идентификации модального окна в списке прочих. Называйте его так, что бы из названия было понятно для чего оно на сайте и какую информацию выводит.
  2. Заголовок всплывающего окна: этот заголовок показывается в верхней части модального окна на страницах вашего сайта. Тут следует вставить заголовок, который описывает информацию, размещённую в модальном окне — озаглавливаем контент.
  3. Поле для добавления контента — тут все как мы привыкли — область ввода любой нужной нам информации, которая должна содержаться в модалке: картинки, списки, таблицы, формы обратной связи, шорткоды и прочее.

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

Popup Maker + форма обратной связи
Блок персональных настроек модального окна.

Настройка НАЦЕЛИВАНИЕ (странный перевод опции)

Позволяет настроить опции показа модального кона — указать на каких страницах, в каких записях или категориях записей нужно выводить это модальное окно.

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

  • Основные
    • Главная страница
    • Страница результатов поиска
    • Страница ошибки 404
  • Страницы
    • Все Страницы
    • Страницы: Выбранный
    • Страницы: ID
    • Страницы: Дочерний из
    • Страницы: Исходный из
    • Страницы: С шаблоном
  • Сообщения
    • Индекс блога
  • WooCommerce
    • Все WooCommerce
    • Страница магазина
    • Страница корзины
    • Страница оформления заказа
    • Страница аккаунта
    • Является конечной точкой
  • Записи
    • Все Записи
    • Записи: Выбранный
    • Записи: ID
    • Записи: С Рубрика
    • Записи: С Метка
    • Записи: С Формат
  • Медиафайлы
    • Все Медиафайлы
    • Медиафайлы: Выбранный
    • Медиафайлы: ID
  • Товары
    • Товары Архив
    • Все Товары
    • Товары: Выбранный
    • Товары: ID
    • Товары: С Тип товара
    • Товары: С Видимость товара
    • Товары: С Категория
    • Товары: С Метка
    • Товары: С Класс доставки
  • Рубрики
    • Рубрики: Все
    • Рубрики: Выбранные
    • Рубрики: IDs
  • Форматы
    • Форматы: Все
    • Форматы: Выбранные
    • Форматы: IDs
  • Метки
    • Метки: Все
    • Метки: Выбранные
    • Метки: IDs
  • Категории товаров
    • Категории товаров: Все
    • Категории товаров: Выбранные
    • Категории товаров: IDs
  • Метки товаров
    • Метки товаров: Все
    • Метки товаров: Выбранные
    • Метки товаров: IDs
  • Классы доставки товаров
    • Классы доставки товаров: Все
    • Классы доставки товаров: Выбранные
    • Классы доставки товаров: IDs

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

Обращаю ваше внимание, что при создании модального окна и настройки параметров «подключения» это модальное окно подключается к соответствующим страницам и выводится в разметке страницы в самом низу, перед скриптами и закрывающим тегом </ body>.

Это очень гибкое и функциональное решение, потому что вы не засоряете сайт ворохом ненужных модалок, подключая их точечно — только на тех страницах сайта, на которых действительно нужны эти модальные окна.

Popup Maker + форма обратной связи
Любую модалку можно отключать на мобильных устройствах и планшетах, за счёт соответствующих опций.

Теперь по поводу настроек ОТОБРАЖЕНИЕ

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

Popup Maker + форма обратной связи
Настройки отображения модального окна.

Лично я выбираю такие параметры внешнего вида:

тему Light Box

автоматический размер окна, который подстраивается под содержимое.

Анимацию — Затухание

ставлю звук Сигнал, что бы тыдынькало каждый раз когда окошко открывается,

Позиция — середина Центр

И всё!

Popup Maker + форма обратной связи
У Popup Marker есть еще продвинутые надстройки внешнего вида, но я их не трогаю, так как не было необходимости.

Блок статистики модального окна

Popup Maker + форма обратной связи
блок статистики показывает количество взаимодействий посетителей с вашим модальным окном.

блок статистики показывает количество взаимодействий посетителей с вашим модальным окном. А еще он позволяет отслеживать успешные отправки данных из формы (если в модальном окне есть форма). Кому то эта опция покажется интересной, хотя, как по мне — фигня. Проще глянуть в Яндекс метрике (при условии что вы настроили цели на сайте).

Триггеры и Cokie

Для начала стоит внести ясность в то что такое триггеры и что такое cokie.

Что такое триггеры и зачем они нужны

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

Триггеры на сайте — это всевозможные фишки и приемы, которые приковывают внимание посетителей и мотивируют их совершить полезное для владельца сайта действие.

К ярким и часто встречающимся примерам триггеров можно отнести такие фишки как :

Exit Popup — показ всплывающего окна при попытке уйти с сайта,

Заказ обратного звонка с сайта через форму,

Показ предложения с акцией, при попытке закрыть какой ни будь блок на сайте.

Cookie — это история посещений сайтов через веб-браузер, которая записывается автоматически в специальный текстовый файл, хранящийся на вашем компьютере.

К примеру, всякий раз, когда вы заходите с вашего компьютера в социальную сеть, ваш веб-браузер подгружает из cookie-файла информацию — регистрационные данные и прочие сохраненные ранее настройки для этого сайта. Благодаря этому вам не нужно по 100500 раз регистрироваться в соц. сети и перенастраивать интерфейс под себя с нуля.

Как осуществляется настройка триггеров и cookie в опциях модального окна

Теперь про наш плагинчик с модальными окнами. Как я говорил ранее, есть в настройках модального окна блок с настройками триггеров и cookie. Эти опции позволяют настраивать показ и закрытие модального окна в зависимости от действий посетителя на сайте. На данный момент плагин позволяет запрограммировать ДО ТРЁХ триггеров на одну форму. Т е по сути вы можете показывать одно и то же модальное окно в трёх случаях:

  • При нажатии на кнопку или ссылку на странице,
  • Автоматически после того как прошёл определённый промежуток времени с момента перехода на сайт,
  • А так же в случае успешной отправки заявки с сайта.
Popup Maker + форма обратной связи
Три типа триггеров в настройках модального окна.
Popup Maker + форма обратной связи
Опции настройки прекращений показа модального окна в настройках.

А с cookie еще проще. Вы можете управлять сохранением записей cookie и в дальнейшем показывать посетителям те или иные модальные окна на ваш выбор. Думаю из скриншота ниже вам все понятно без лишних слов.

Popup Maker + форма обратной связи

Юрий Ронин