Всплывающие окна Maker Popup
Наверное самый известный плагин для создания бесплатных всплывающих окон Popup Maker. Настройки описывать не буду, их полно в интернете, вот например https://n-wp.ru/popup-okna-v-wordpress-chast-1/, но при установке по умолчанию, причем на разных темах, у меня стабильно возникают два глюка:
Первый глюк- это после отправки сообщения c сайта через всплывающее окно, использую форму отправки сообщения WPForms, сайт наглухо зависает, т.е. никак не реагирует и для оживления необходимо сделать обновление страницы F5+Ctrl, т.е. необходимо очистить кэш в браузере. Данная проблема решается в настройках, как показано ниже, нужно отметить галочкой принудительно закрыть окно при отправке формы.
Второй глюк возникает на многих темах, при нажатии на окно возникает рамочка черная или другого цветы выделения, которая не мешает и исчезает при нажатии в поле ввода сообщения, но выглядит не эстетично. Данная проблема решается с помощью настройки…
Два этих глюка это даже не глюк, а настройка по умолчанию, не удачно выбранная для отправки сообщения, поэтому необходимо ручками настройки исправить, чтобы не портить впечателние о замечательном плагине.
Чтобы окно было красивое, использую тему для всплывающих окон Enterrprise Blue, тлоько делаю фон задний не черный, а белый, чтобы не было так мрачно, делается это в настройках темы для всплывающего окна, как показано ниже.
А так же фон для кнопки закрывания меняю с голубого на красный привычный.
Что касается саой системы настройки всплывающего окна для отправки сообщения, то логика простая. Сначала ставим плагин Popup Maker, создаем всплывающее окно, в нем пишем в поле, где собощение окна вводится шорткод для вызова WPForms (он конечно тоже должен быть установлен), его можно посмотреть нажав в консоли управления сайтом на пункт WPForms, где для каждой формы отправки есть свой шорткод), его и копируем и вставляем. После создания записи для всплывающего окна копируем уже его CSS класс и его указываем на кнопке, если она сделана с помощью Elementor. Если же кнопка стандартная используется WorPress, то в ней в дополнительных свойствах так же нужно вставить скопированный класс CSS (тема kadence), для других тем может быть по разному, если память не изменяет в теме Astra нужно в настройках кнопки выбрать всплывающее окно (если их несколько) и сохранить изменения, как обычно…
Размер окна выбираю 40%, по умолчанию стоит 60%, как по мне избыточно. На сотовом при 40% всё отлично отображается…