Модальное окно wordpress плагин: 7 плагинов для легкого добавления модального окна в WordPres

Содержание

7 плагинов для легкого добавления модального окна в WordPres

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

 

Popup Maker

Popup Maker — преемник Easy Modal, является, пожалуй, самым популярным модальным оконным плагином WP, и это по причине — он полон функций. С его помощью вы можете создавать отзывчивые формы отказа, слайд-баннеры, баннеры, плавающие стикеры, уведомления, загрузочные экраны и лайтбоксы видео. Этот плагин работает с наиболее популярными плагинами для создания форм (такими как Ninja Forms, Gravity Forms и Contact Form 7) и программ для создания списков (таких как MailChimp, AWeber, InfusionSoft, GetResponse и т. д.). Плагин предлагает много с точки зрения конфигурации. Благодаря триггерам и условиям вы можете точно настроить, кто и когда видит ваши модалы. У вас также есть модуль статистики, поэтому вы знаете, какие из ваших всплывающих окон работают лучше всего.

 

Popup Builder

Popup Builder — еще один популярный плагин для модальных окон WP. Он также имеет много функций, и, на мой взгляд, с точки зрения параметров конфигурации он предлагает больше, чем большинство других плагинов. На самом деле, вы можете настроить практически любой аспект модального вида, о котором вы только можете подумать, — не только когда показывать его, кому и где показывать, но и полностью настраивать его внешний вид. Все это включено в бесплатную версию. Если вам нужны более продвинутые функции, такие как iframe, видео, произвольное отображение, всплывающие окна или планирование всплывающих окон, вы можете проверить версию Pro.

 

Popups — WordPress Popup

Если по какой-то причине вам не нравятся Popup Maker и Popup Builder и вы ищете всплывающий плагин с множеством функций, вы можете попробовать Popups — WordPress Popup . Он работает со всеми основными программами для создания форм, такими как Gravity Forms, Ninja Forms, Contact form 7 и более, но его главное преимущество — многочисленные фильтры, которые он предлагает. Благодаря этим фильтрам вы можете точно настроить, когда, где и как отображаются ваши всплывающие окна. Платная версия включает в себя больше (например, интеграция с MailChimp, Aweber и другими почтовыми программами, A / B-тестирование, больше правил отображения и т. д.).

 

Modal Window

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

 

Popup by Supsystic

Popup by Supsystic — отличный выбор, если у вас много мобильных посетителей, потому что он поставляется с тридцатью готовыми для мобильных устройств всплывающими шаблонами. Как и в случае с другими модальными оконными плагинами, этот предлагает триггеры, условия и функции настройки. Он также предлагает некоторые не очень распространенные функции для бесплатного плагина, такие как всплывающие окна в социальных сетях, блокировки ссылок или A/B-сплит-тестирование.

 

Exit Popup

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

 

SMNTCS Shortcode Popup

SMNTCS Shortcode Popup — еще один маленький и приятный плагин, который вы можете использовать в основном для всплывающих окон контактной формы. Плагин хорошо работает с Contact Form 7, Gravity Forms, TablePress и т. д., Как и в предыдущем плагине, он делает только одно, но делает это хорошо.

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

Плагины модального окна на WordPress

Модальные окна часто используются на сайтах для привлечения внимания пользователя к важным событиям или ознакомить с полезной информацией. В частности, это бонусы, бесплатный материал, подписка, «раздача лещей» и многое другое. Насколько такие меры эффективны и ненавязчивы, каждый рассматривает по-своему. Но несмотря на взвешивания за и против всплывающих окон, они применяются на ресурсах и довольно активно. Пропустим всю критику и перейдем к небольшой подборке из пяти плагинов модельных окон для WordPress.

Elegance Modal Box

Простое, адаптивное модальное окно с рядом самых необходимых настроек. Редактируется полное внешнее оформление, условия показа (даже по датам), запоминания куки, время всплытия, вставка видео, HTML кода, баннеров и прочее.

Media Modal

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

Посмотреть демо.

Ultimate Modal

Очень простое всплывающее окно с несколько основными параметрами. Возможно указать ширину, высоту, цвет фона, а также доступен предварительный просмотр.

WP Modal Popup with Cookie Integration

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

Посмотреть демо.

WP Modalplate

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

Master Popups v2.5.3 — лучший плагин модальных окон для WordPress

Master Popups – мощный плагин WordPress для создания модальных всплывающих окон, полноэкранных всплывающих окон, предупреждающих баров, всплывающих окон слайдов и всплывающих подсказок в контенте и в виджетах.

Вы можете легко создавать всплывающие окна из предварительно созданных шаблонов несколькими кликами мышки. Разработчики создали его, чтобы вы могли добавлять любые типы контента в свои всплывающие окна. Master Popups включает в себя формы для подписки по электронной почте, чтобы вы могли получать больше подписчиков и сохранять все свои данные непосредственно в WordPress или в своем любимом почтовом сервисе, например таких, как Mailchimp, GetResponse и т. д.

Что вы можете создать с помощью Master Popups?

  • Модальные всплывающие окна
  • Полноэкранные всплывающие окна
  • Панель уведомлений
  • Слайды во всплывающих окнах
  • Липкие всплывающие окна
  • Всплывающие подсказки в контенте и виджетах

Что вы можете показать в любом всплывающем окне?

  • Формы подписки
  • Контактные формы
  • Изображения
  • Видео с Youtube / Vimeo / HTML5
  • Пользовательское содержимое из WordPress
  • Шорт-коды

Ключевые особенности

Полностью настраиваемый

  • Неограниченное количество всплывающих окон, вы можете создать столько всплывающих окон, сколько вы хотите.
  • Размер всплывающего окна: ширина, высота или полноэкранное всплывающее окно
  • Настройки фона
  • Анимация при открытии/закрытии окна
  • Наложение настроек, цветов, непрозрачности
  • Настраиваемый предварительный загрузчик
  • Липкий режим
  • Параметры для загрузки файла и перенаправления пользователя после отправки формы
  • Куки, чтобы показывать всплывающее окно только один раз
  • Предустановленные подписные / контактные формы
  • Поддержка коротких кодов
  • Встроенные всплывающие окна: вставляйте свои всплывающие окна до или после контента поста / страницы. Или в области виджетов
  • Шаблоны готовых всплывающих окон
  • Сохранение данных для использования на другом веб-сайте.

Тригеры – когда запускать всплывающее окно?

  • On Click: отображение всплывающего окна путем нажатия на определенный элемент
  • On Page Load: отображение всплывающего окна автоматически через X секунд
  • On Exit Intent: отображение всплывающего окна, когда пользователь пытается покинуть ваш сайт
  • On User Inactivity: отображение всплывающего окна после X секунд бездействия пользователя
  • On Scroll: отображение всплывающего окна после прокрутки вниз расстояния X, после сообщения или после определенного элемента
  • Display Inline: встроить всплывающее окно автоматически до или после содержимого поста / страницы

Таргетинг по типу содержимого

Показывайе свои всплывающие окна в зависимости от типа содержимого: поста / страницы, категории, тегов, пользовательских типов постов и т. д.

  • Отображать всплывающее окно на всём сайте
  • Отображать всплывающее окно на главной странице
  • Отображение всплывающих окон в архивах
  • Отображать всплывающие окна на страницах
  • Отображать всплывающие окна в постах
  • Отображать всплывающие окна в категориях
  • Отображать всплывающие окна в тегах
  • Отображать всплывающие окна по определенным URL-адресам
  • Отображать всплывающие окна по типу постов
  • Отображение всплывающих окон для определенных пользователей: пользователи, которые вошли в систему или не вошли в систему
  • Отображение всплывающих окон по типу устройств: настольный компьютер, планшет, мобильник

Интеграция с плагинами и сервисами рассылки электронной почты

В плагине Master Popups есть интегрированная система, которая позволяет хранить и управлять лидами, а также он может быть легко интегрирован со многими сторонними службами рассылки электронной почты (CRM), такими как:

  • Mailster (MyMail)
  • MailChimp
  • Constant Contact
  • Hubspot
  • Infusionsoft
  • Aweber
  • Campaign Monitor
  • Autopilot
  • Mautic
  • Benchmark Email
  • Active Campaign
  • Sendinblue
  • MailerLite
  • GetResponse
  • Mad Mimi
  • Freshmail
  • Pipedrive
  • SimplyCast
  • Customer.io
  • TuNewsletter
  • Mailgunn

 

https://codecanyon.net/item/masterpopups-multipurpose-popup-plugin-for-wordpress-with-easy-email-marketing-integration/20142807

https://www.upload.ee/files/9551970/masterpopups-v253.rar.html
https://www4.zippyshare.com/v/paaRCG2f/file.html
http://www.solidfiles.com/d/M2KdDPvdyd4ve
https://uptobox.com/75ucj0f05jui
https://userscloud.com/0ntwk3imgvg9
https://openload.co/f/DkNjOvyvPxs/masterpopups-v253.rar
https://bayfiles.com/adue2at7b0/masterpopups-v253_rar
https://anonfile.com/b3u928t5b1/masterpopups-v253_rar
https://www.datafilehost.com/d/6f5de10f
https://dailyuploads.net/bw8qnev47akk
https://sendit.cloud/5ls10tqjgpgc
https://my.pcloud.com/publink/show?code=XZP0Yl7ZDfrIK1sXzSJWfm4zeMz1O7pHKkEX
https://mega.nz/#!6qZgUCiA!3_ZDEHTDVNziJdcBp2fUjaELMPBS8Dd47658ZTXEDK8

https://mir.cr/1OLAGh4N

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

Плагины для создания всплывающих окон на сайте WordPress 2018

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

В статье представлены 7 лучших бесплатных, а также премиум-плагинов WordPressЭти плагины хорошо протестированы, включая расширенные функции. Плагины поставляется с несколькими вариантами дизайна и настройки, что будет полезно для создания идеального всплывающего окна/формы/банера на вашем веб-сайте.

1.Popup Maker (бесплатно)

Popup Maker создает любые типы модальных или контентных наложений для веб-сайтов WordPress. Он поддерживает самые популярные плагины форм, такие как формы Gravity, Ninja, Contact Form 7 и другие. У Popup Maker есть полезный форум поддержки пользователей.

Используя этот плагин, вы можете легко создавать уведомления cookie ЕС, всплывающие окна, модальные формы и многое другое. Он включает в себя Auto Open Triggers, с помощью которого можно установить время и отобразить всплывающее окно в соответствии с вашими настройками. Можно диктовать частоту, когда пользователи увидят ваши всплывающие окна с помощью файлов cookie, а также редактировать файлы cookie так, как вам нужно, используя события создания файлов cookie.

Ключевые особенности:
  • Форум поддержки Awesome.
  • Идеально подходит для мобильных устройств.
  • Можно использовать редактор всплывающих окон для создания любого содержимого.
  • Автоматические открытые триггеры позволяют установить задержку.
  • Триггеры, позволяющие запускать всплывающее окно.

2.Slick Modal (Premium)

Slick Modal – потрясающий всплывающий плагин, у которого есть более 50+ настроек, 30 переходов и 41 всплывающее демо. Эти параметры можно объединить вместе и добиться эффекта броска для ваших сообщений без использования каких-либо знаний в области кодирования. Можно создать всплывающее окно за считанные минуты, используя всплывающее окно предварительного просмотра и генератор настроек.

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

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

3.Layered Popups (Premium)

Layered Popups – самый быстрый и мощный плагин WordPress для реализации всплывающих окон, доступный на рынке. Используя этот плагин, можно создавать свои собственные многослойные всплывающие окна с анимацией. Также можно использовать более 200 красиво оформленных готовых шаблонов из библиотеки. Этот плагин включает расширенную систему таргетинга, которая упрощает настройку позиции всплывающего окна на экране.

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

Ключевые особенности:
  • Расширенный таргетинг.
  • Отлично справляется с различными событиями.
  • Экспорт и импорт всплывающих окон.
  • Конструктор всплывающих окон.
  • Доступ к библиотеке всплывающих окон.

Смотрите также:

Все лучшие плагины в разделе Плагины WordPress.

4. Popups (бесплатно)

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

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

Ключевые особенности:
  • Совместим с плагином основной формы.
  • 5 видов всплывающих окон.
  • Изменение цвета шрифта, фона и т. п.
  • Шорт-коды для социальных акций.
  • Настройка непрозрачного фона.

5. ConvertPlus (Premium)

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

С помощью своевременного триггера вы можете контролировать время показа предложения. Интерактивные всплывающие окна помогают повторно задействовать неактивных посетителей, предлагая полезную информацию, руководство или какую-то услугу.

Ключевая особенность:
  • Визуальный редактор для создания форм.
  • Импорт и экспорт.
  • возможность использовать расширенные триггеры прокрутки.
  • Трассировка определенных сегментов посетителей вашего сайта.

6. Master Popups (Premium)

Master Popups идеально подходит для создания модальных всплывающих окон, панелей уведомлений, контекстных всплывающих окон и всплывающих окон Inline & widget. Всего за несколько кликов можно создавать всплывающие окна из предварительно созданных шаблонов. Плагин включает в себя систему захвата подписчиков из электронной почты и сохраняет все ваши данные непосредственно в WordPress.

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

Ключевые особенности:
  • Всплывающие окна Inline и widgets.
  • Интеграция электронной почты.
  • Всплывающие шаблоны контактной формы.
  • 40+ предварительно созданных шаблонов всплывающих окон.
  • Возможность добавить липкий элемент управления в всплывающее окно.

7. Popup Builder (бесплатно)

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

Ключевые особенности:
  • Настройка пользовательских эффектов анимации.
  • Изменение цвета фона.
  • Возможность устанавливать местоположение всплывающего окна на экране.
  • Настройка внешнего вида всплывающего окна.
  • Добавить пользовательский класс.

Источник: themegrill.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Как создать всплывающее (модальное) окно в WordPress

Здравствуйте, друзья! В этом уроке мы поговорим о создании модальных окон в WordPress. Возможности применения у модальных окон очень разнообразные. Их используют как для обычного всплывающего сообщения на сайте, так и для множества других задач, к примеру для создания всплывающей формы регистрации, объявления, акции и т.п.

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

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

Создание всплывающих окон в WordPress

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

1. Установите и активируйте плагин Popup Maker.

2. После активации плагина перейдите в Pupup Maker -> Add New.

3.  В открывшейся странице мы будем создавать модальное окно. Давайте пройдемся по пунктам настроек:

  • 1) Указываем название модального окна. Это название пользователю видно не будет.
  • 2) Заглавие модального окна.
  • 3) Отмечаем галочкой страницы, на которых будем использовать всплывающее окно. Если указываем «On Entrie Site» — модальное окно можно использовать на всех страницах и записях сайта.
  • 4) Наполнение всплывающего окна. Сюда пишем текст, вставляем изображения и т.п. В общем, делаем наполнение по желанию. В нашем примере я вставил фрейм видеозаписи с youtube.
  • 5) Указываем размер модального окна. Размер можно указать как в процентах, так и в пикселях. Значение «Auto» — автоматически подбирает размер модального окна. В случае добавления видеозаписи это лучший вариант.

  • 6) Отмечаем галочкой в том случае, если мы ходим чтобы после открытия модального окна мы видели на фоне сайт. Рекомендую отмечать.
  • 7) Настройка скорости и типа анимации. Если вы не любители экспериментировать с анимациями, то можно оставлять все по умолчанию.
  • 8) Настройка позиционирования. По умолчанию модальное окно будет появляться вверху по центру.
  • 9) Вот тут уже поинтересней. В этом поле можно указать классы или идентификаторы элементов вашего сайта, при клике на которые будет открываться создаваемое вами модальное окно. Возможность очень крутая и полезная, но требующая некоторых знаний в CSS.
  • 10) Настройка CSS свойства z-index. Обычно не нуждается в изменениях.

  • 11) Настройки закрытия модального окна. Click Overlay to Close — закрытие модального окна при нажатии мимо него. Press ESC to Close — закрытие модального окна клавишей Esc. Press F4 to Close — закрытие клавишей F4. Я отмечаю все пункты, дабы не злить пользователей сайта и упростить возможность закрытия всплывающего окна 😉
  • 12) Настройки автоматического открытия модального окна. В нашем примере его использовать не будем.

4. После того как мы выполнили настройки, нажимаем кнопку «Опубликовать». Таким образом мы создали всплывающее (модальное) окно.

Настройки внешнего вида всплывающего окна

После создания всплывающего окна можно настроить его внешний вид. Для этого переходим в Popup Maker -> Theme.

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

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

Настройка открытия всплывающего окна

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

При создании модального окна ему назначается два класса, которые являются уникальными идентификаторами модального окна. Один из идентификаторов нужно указать в элементе, при клике на который должно открываться модальное окно.

Для того чтобы узнать class-идентификатор вашего модального окна переходим в Popup Maker -> All Popups.

На открывшейся странице мы видим два класса, которые являются идентификаторами созданного нами модального окна, в нашем примере это popmake-106 и popmake-primer-vsplyivayushhego-okna. Использовать можно любой из них.

Для того чтобы модальное окно работало, нужно добавить class-идентификатор в элемент, при нажатии на который мы ходим чтобы модальное окно появлялось. Ниже примеры добавления в ссылку, кнопку и изображение.

В примере будем использовать класс popmake-106.

Открытие модального окна при клике по ссылке:

<a href="#">Открыть всплывающее окно</a>

Открытие модального окна при нажатии кнопки:

<button>Открыть всплывающее окно</button>

Открытие модального окна при клике по изображении:

<img src="popup-maker-icon.png" />

После добавления класса, модальное окно будет появляться при нажатии на элемент которому мы этот класс добавили.

Вот такое всплывающее окно в результате у нас получится:

Готово! Если у вас будут возникать вопросы или какие-либо проблемы при создании всплывающего окна — смело пишите в комментариях, постараюсь всем ответить и помочь.

Здравствуйте, друзья! В этом уроке мы поговорим о создании модальных окон в WordPress. Возможности применения у модальных окон очень разнообразные. Их используют как для обычного всплывающего сообщения на сайте, так и для множества других задач, к примеру для создания всплывающей формы регистрации, объявления, акции и т.п. В любом случае, главная задача модальных (всплывающих окон) — привлечь внимание пользователя. Также хочу сразу предупредить, что урок будет длинным. Не пугайтесь, все очень просто и делается достаточно быстро. Но для лучшего понимая я постараюсь хотя бы по пару слов написать по настройкам, которые вам смогут рано или поздно пригодиться. Создание всплывающих окон в WordPress И так,&hellip;

Проголосуйте за урок

100

Оценка

Итог : Уважаемые читатели! Не поленитесь проголосовать и оставить комментарий. Таким образом я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!

Рейтинг: 4.58 ( 22 голосов ) 100

Лучший плагин для создания всплывающих окон на wordpress

Привет друзья! Всплывающие окна или pop up wordpress – это необходимый функционал для любого современного коммерческого сайта. Благодаря им можно повысить конверсию и поведенческие характеристики своего веб-ресурса. В модальные окна можно вставить все что угодно, например, контактную форму, форму авторизации, видеоролик, коммерческое предложение при закрытии страницы, уведомление об использовании куки и даже статью. Существует много решений для создания всплывающих окон на сайте, и пользователи ищут лучшие. В этой статье я постараюсь ответить на то какой лучше плагин для создания всплывающих окон на wordpress?

Плагин Popup Maker wordpress

Не буду пытаться сохранять интригу и сразу скажу, что на мой взгляд лучший плагин это pop up maker wordpress. Ниже опишу почему этот плагин я считаю лучшим.

  • Плагин бесплатный
  • Позволяет создавать неограниченное количество поп ап окон с любым содержимым
  • Поддерживает интеграцию с contact form 7, ninja forms, mail chimp, woocommerce и другими популярными плагинами
  • Есть шесть шаблонов всплывающих окон и редактор настроек
  • Имеется настройка для скрытия и показа pop up окон на страницах и постах блога
  • Есть настройка триггеров кликов по элементам меню, кнопкам, изображениям
  • Можно сделать временную задержку показа модального окна
  • Плагин имеет более 400 000 активных установок, постоянно обновляется и есть платные расширения.

 

Плагин popup maker wordpress

 

Настройка плагина pop up maker

Устанавливаем плагин pop up maker с репозитория вордпресс и активируем его. После активации панель с настройками появится в консоли администратора сайта. Далее рассмотрим самые необходимые на мой взгляд настройки плагина popup maker. Я остановлюсь только на некоторых из них.

Темы всплывающих окон

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

  • Тема по умолчанию
  • Light box
  • Enterprise blue
  • Hello box
  • Режущий край
  • Рамка границы

Также здесь можно установить свою тему, но я не вижу в этом необходимости, поскольку в редакторе можно изменить настройки отображения любой темы под свои нужды. Для примера я выбираю тему Light box.

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

  1. Фон под всплывающим окном. То есть изменить цвет и настроить прозрачность фона. Если вы хотите, чтобы страница сайта просматривалась под модальным окном, сделайте фон слегка прозрачным, если нет, то уберите прозрачность.
  2. Во вкладке контейнер настраивается внутренний отступ от краев модального окна. Кто знает css – это свойство margin. Также здесь можно изменить радиус по периметру, свойство border-radius, а также фон под текстом, толщину и цвет границы контейнера. Обычно я изменяю только толщину и цвет контейнера, а остальное оставляю по умолчанию.
  3. Во вкладках «Заголовок» и «Содержание» настраиваются размеры шрифтов для заголовка окна и основного текста под заголовком. А также устанавливается семейство шрифтов, толщина, стиль отображения, нормальный или курсив. Опять же здесь все визуально понятно и не требует объяснений.
  4. Во вкладке «Закрыть» настраивается размер и положение кнопки закрытия модального окна.

 

Настройка темы модального окна

 

После того как вы настроили тему всплывающего окна, выберите ее как основную на вкладке «Настройки». Вы можете использовать выбранную вами тему для показа окон с контактной формой или формой авторизации на сайте. Если вам нужно будет вставить другой контент, например, большой текст, то для текста сделайте другую тему. Таким образом у вас будет несколько готовых тем под разные случаи.

 

Выбор темы popup window

 

Итак, тема создана и выбрана как основная. Теперь переходим на вкладку «Создание всплывающего окна» и жмем на «добавить новое».

 

Как сделать pop up maker contact form 7

 

Далее давайте соединим плагин popup maker с contact form 7. Необходимым полем для дальнейшей настройки является поле «Имя всплывающего окна». Назовите его, например, contact. Имя всплывающего окна используется плагином для установки триггера на отображение всплывающего окна.

Далее установите плагин contact form 7 и скопируйте шорткод готовой контактной формы созданной плагином по умолчанию. Вставьте этот шорткод в поле «Текст» в визуальном редакторе и обновите страницу настроек.

 

Интеграция popup maker с contact form 7

 

Теперь можно сказать, что плагины pop up maker и contact form 7 соединены, модальное окно создано, но теперь нужно произвести дальнейшие настройки плагина popup maker и нового модального окна.

Pop up maker настройка поля «отображения»

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

  • Нано 10%
  • Микро 20%
  • Крошечное 30%
  • Маленькое 40%
  • Среднее 60%
  • Нормальное 70%
  • Большое 80%
  • Огромное 95%

Для вывода popup с contact form 7 я использую «Маленькое» окно. Такой размер смотрится аккуратно, и я не вижу смысла делать большое. Также здесь можно настроить позицию вывода модального окна. Например, назначить ему положение «верх центр» или «низ левый», или «середина правый». Я оставляю по умолчанию позицию «верх центр».

Поле «Закрыть»

Чтобы пользователь мог закрывать модальное окно нужно кликнуть по кнопке «крестик», находящейся в верхнем правом углу. Это не всем удобно и хорошо, когда окно закрывается кликом по любому месту экрана, то есть по оверлею вне зоны окна. Чтобы сделать это зайдите во вкладку «Закрыть», далее «Альтернативные методы» и активируйте соответствующий чекбокс.

Триггеры

Триггеры – это события, вызывающие появление всплывающего окна в браузере. Для появления модального окна нужно настроить хотя бы один триггер. Нажмите на кнопку «Добавить триггер» и появится окно с выбором двух тригерров «Открыть» или «Задержка времени / Автооткрытие». Из их названия нетрудно понять, что триггер «Открыть» предназначен для открытия модального окна кликом по элементу интерфейса страницы, а триггер «Задержка времени / Автооткрытие» для автоматического открытия модального окна после определенного промежутка времени, например, через 15 секунд после захода посетителя на страницу сайта.

 

Настройка триггера для вызова модального окна

 

Настройка триггера “Автооткрытия”

Жмите на «Добавить триггер» и появится окно с настройкой триггера. Самый простой способ настроить триггер – это повесить событие вызова модального окна на css класс кнопки, ссылки или картинки. Для этого нужно узнать css класс данного элемента или назначить ему свой.

Узнать класс можно следующим способом. Наведите курсор мыши на элемент интерфейса класс которого вы хотите получить, затем нажмите на правую кнопку мыши и кликните по команде «просмотреть код». Сразу же перед вами появится консоль разработчика, посмотрев на которую вы увидите класс нужного вам элемента. Я для примера возьму класс кнопки «Read more» на первом экране сайта.

 

Получение селектора css для вызова popup окна

 

В ссылке есть два класса: lsow-button и lsow-trans. Я его сокращу до одного класса .lsow-button  и вставлю в форму настроек тригерра и сохраню.

 

Вставляем css селектор в поле настроек триггера

 

Второй способ узнать селектор нужного элемента, это скопировать его класс в админбаре wordpress, то есть в верхней панели настроек. После активации плагина popup maker wordpress, его ярлык появился в админбаре. Вам нужно навести курсор на значок Popup maker / Инструменты / Получить селектор и кликнув по команде появится alert с уведомлением что «После нажатия кнопки «ОК» выберите элемент, для которого вы хотите выбрать селектор». Далее жмите на OK и потом по элементу, селектор которого вам нужен. Затем вы снова увидите alert с css классом элемента на который вы хотите настроить событие. Скопируйте его и вставьте в поле настройки триггера.

 

Еще один способ получить класс элемента для настройки триггера

 

Таким образом я сделал красивую контактную форму во всплывающем окне на своем сайте. Вот образец.

 

Пример работы popup maker contact form 7 на сайте wp-oleg

 

Единственное что мне пришлось так это поправить некоторые стили формы. Также я сократил количество рядов в теге textarea до 6-ти, вставив в поле [textarea minlength:6 your-message]. Так же я убрал теги обертки label для каждого input и вставил текcт находящийся в них в атрибут placeholder (placeholder “Ваш Email”) чтобы текст был внутри тегов input.

Таким образом появилась аккуратная и компактная контактная форма. Можете посмотреть на моем сайте ее внешний вид. Итак, как сделать pop up maker с contact form 7 мы разобрались, теперь я хочу показать еще кое-что.

 

Нацеливание на определенные страницы

По умолчанию модальное окно будет загружаться на всех страницах и постах вашего сайта. И чтобы вывести его скажем в сайдбаре, вам нужно просто поставить в сайдбар кнопку или ссылку с определенным классом. Но что если вы не хотите, чтобы данное окно показывалось на некоторых страницах сайта или постах блога? Также возможно вам понадобиться отключить его на мобильных устройствах? Сделать это просто во вкладке «Нацеливание».

 

Настройка показа модального окна на определенных страницах

 

Нажмите на «Выберите условие» нацеливания и страницу на которой вы хотите вызвать окно. Если одного условия мало, добавьте еще одно.

 

Настройка автооткрытия модального окна

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

Например, вы хотите, чтобы через 15 секунд после открытия страницы появилась форма с интегрированным плагином mail chimp реализующим подписку на ваш сайт. Просто установите соответствующий плагин, получите его шорткод и вставьте в новое модальное окно.

 

Интеграция popup maker и mail chimp

Настройка куки в popup maker

Coockie используют для того чтобы предотвратить повторное появление окна формы. Например, пользователь уже увидел вашу форму с предложением подписаться на рассылку новостей блога. Он подписался и закрыл окно и нужно чтобы форма снова ему не показывалась, когда он зайдет на ваш сайт. Для этого используют куки при установке триггера.

Например, при создании триггера «Автооткрытие» назначьте ему куки «Форма подписки успешно» и установите время сохранения данной куки. По умолчанию здесь стоит кука на месяц, но вы можете увеличить это время. Также чтобы кука «Форма подписки успешно» сработала в настройках своего плагина включите интеграцию с сторонними плагинами. Я использую Mailchimp for WordPress (MC4WP) и у меня включена интеграция Custom «Integrate with custom third-party forms» и все работает.

 

Настройка куки в popup maker wordpress

 

 

Настройка куки в попап окне

Таким же образом в popup wordpress можно вставить форму регистрации и сделать вход в аккаунт в body press или вставить показ видео с YouTube.

Заключение

Надеюсь моя статья помогла вам разобраться какой лучше плагин для создания всплывающих окон на wordpress. Если вы знаете другое решение, то прошу поделиться им в комментариях к статье и, если материал оказался вам полезен, закрепите его на своей стене в социальной сети и поделитесь с друзьями. Удачи всем!

10 плагинов всплывающих окон и форм обратной связи для WordPress

Всплывающее окно в WordPress – практичный и быстрый способ повышения конверсии. Правильно настроенная всплывающая контактная форма в WordPress подтолкнет потенциального клиента к совершению сделки. Предлагаем просмотреть список из 10-и плагинов с необходимым функционалом и удобными настройками.

ConvertPlus
Это практически идеальный плагин, создающий всплывающее окно для WordPress буквально за минуты. Помимо стандартных всплывающих окон, ConvertPlus предоставляет массу вариантов расположения pop-up окна на странице. Плагин поставляется с сотней готовых шаблонов, которые удобно настраиваются с помощью WordPress Customizer. ConvertPlus обладает следующими преимуществами:
  1. Тонкие настройки таргетинга.
  2. Возможность импорта и экспорта.
  3. Визуальный редактор для быстрого создания форм.

Ninja Popups
Следующий предложенный к ознакомлению плагин является удобным конструктором всплывающих форм обратной связи в WordPress. С данным инструментом можно разрабатывать собственную форму или использовать более 73-х готовых шаблонов и более 74-х анимационных эффектов. Для оптимизации предусмотрена интеграция с сервисом статистики Google Analytics.

Bloom
Плагин Bloom от Elegant Themes — одно из лучших предложений на рынке, он доступен, как часть полного членства в сообществе Elegant Themes. Bloom может похвастаться продуманной и удобной в работе панелью настроек, сотней шаблонов всплывающих окон и сбором собственной статистики. Уникальные триггеры помогут вывести всплывающие окна после оформления заказов или после написания посетителем комментария.

OptinMonster
С таким универсальным инструментом легко можно создавать всплывающее окно на сайте WordPress со своим дизайном или же прибегнуть к использованию предложенных разработчиками готовых шаблонов. С использованием технологии Exit-intent можно показать pop-up окно в момент, когда посетитель уже собирается покинуть ресурс. При желании используется планировщик окон для их запуска в строго запланированное время.

Elementor Pro
Elementor — это один из самых популярных плагинов для создания страниц. Вместе с дополнением Elementor Pro, можно получить доступ к инструменту под названием Popup Builder, в котором используется один и тот же интерфейс конструктора страниц для создания всплывающих окон. Для удобства, разработчики представили более сотни стандартных шаблонов, но при желании, можно создавать свой уникальный дизайн. Минус данного плагина – отсутствие встроенного сервиса статистики.

Layered Popups
Помимо стандартного набора параметров Layered Popups обладает и собственной уникальной изюминкой в виде огромной библиотеки из более 200 шаблонов pop-up окон. Плагин разрешает интегрировать форму входа во всплывающем окне. Разработчикам понравятся такие фишки, как планировка запуска окон в заданное время, сервис встроенной аналитики. Особенностью Layered Popups является прорисовка всплывающих «слоистых» окон по аналогии с многослойным слайдером или слоями в Photoshop. Можно создавать отдельные настраиваемые слои для кнопок «отправить» или «закрыть», для поля формы электронной почты, для фона и др.

Icegram
Плагин Icegram поставляется как в бесплатной, так и в premium-версии. Free версия отлично подходит для типичных всплывающих окон, в ней pop-up окна можно создавать исключительно из предложенных разработчиками шаблонов. Pro-версия включает в себя побольше триггеров, аналитику и др., позволит отобразить pop-up окно в таких случаях:
  • распознавание намерения выйти;
  • двухступенчатая подписка;
  • отображения окна по пролистыванию.

Popup Maker
Плагин Popup Maker для WordPress превосходит конкурентов в области таргетинга и запуска окна по определенному действию. Благодаря простому интерфейсу не возникает проблем в настройке показа pop-up окон. Кроме того Popup Maker в WordPress разрешает создавать собственные уникальные cookie-файлы, настраивая всплывающие окна для групп посетителей. Это позволит проявить творческий подход к показу — например, настроить таргетинг на всплывающие окна для постоянных посетителей, которые уже что-то заказывали ранее.

WP Subscribe Pro
С помощью WP Subscribe Pro вы сумеете отображать во всплывающих окнах собственный HTML-код, формы подписки, стандартные сообщения. Этот плагин пусть и не славится гибкостью, но он удобен для тех, кто не любят возиться со сложными настройками. Встроенные в WP Subscribe Pro триггеры разрешают выводить окна в следующем случае:
  • с задержкой;
  • немедленно;
  • после скрола до конца страницы;
  • в момент выхода.

PopUp Domination
Это дополнение является больше SaaS инструментом, чем полноценным плагином. Управление окнами здесь осуществляется непосредственно из панели PopUp Domination. При его использовании вы столкнетесь с особенным ценообразованием! Плата взимается от количества просмотров pop-up окон, поэтому она может варьироваться от 9 до 29 долларов в месяц. PopUp Domination предоставляет отличный набор функций – подборку шаблонов, доступ к тестированию и аналитике, расширенные настройки таргетинга, работа практически со всеми типами всплывающих окон.

Modal Popup Box — Popup Builder — плагин для WordPress

Описание

Модальное всплывающее окно — конструктор всплывающих окон

Modal Popup Box позволяет добавлять поп-контент на ваш сайт WordPress. Вы можете добавлять и отображать любой тип контента в модальном всплывающем окне. Вы можете настроить заголовок всплывающего окна, высоту и ширину, цвет, эффект загрузки с помощью панели настроек плагина. Вы можете включить всплывающие окна при нажатии кнопки или загрузке страницы.

Вы можете встраивать и отображать во всплывающем окне все, что угодно, например изображение, видео YouTube, видео Vimeo, галерею изображений, галерею альбомов, фотоальбом, слайд-шоу, различные шорткоды плагинов, таблицы, таблицы цен, каналы социальных сетей, Facebook как поле, твиты в Twitter , Каналы Flickr, контактная форма 7, кнопки, содержимое HTML, приветственные сообщения и изображения, коды купонов, коды скидок, бесплатные и рекламные предложения, значки социальных сетей, отзывы клиентов, отзывы клиентов, общие формы, формы регистрации.

Как использовать бесплатный плагин модальных всплывающих окон?

Ссылки

Премиум версия Особенности

  • Анимационные эффекты
  • Адаптивный дизайн
  • Функциональность модальных всплывающих окон при загрузке или по щелчку
  • Настройки высоты и ширины
  • Выравнивание текста заголовка
  • Выравнивание текста кнопки
  • 20+ эффектов
  • Вставить портфолио в модальное всплывающее окно
  • Вставить iFrame во всплывающее окно
  • Вставить видео во всплывающее окно
  • Вставьте GoogleMap в модальное всплывающее окно
  • Настройки связи кнопок
  • Всплывающее окно загрузки страницы
  • Короткий код
  • Палитра цветов
  • Цвет шрифта
  • Настройки кнопок
  • Эффекты загрузки кнопок
  • Настройки наложения
  • Пользовательский CSS
  • Эффекты загрузки модального всплывающего окна
  • Вставить шорткод галереи во всплывающее окно

Установка

Установите конструктор Modal Pop Box через WordPress.org или загрузив файлы на свой сервер.

После активации Modal Pop Box maker перейдите в меню плагинов.

Щелкните «Добавить модальное всплывающее окно» и введите содержимое в текстовое поле.

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

Вот и все. Готово!

FAQ

Есть вопросы?

Задайте свой вопрос на форуме поддержки плагинов

https: // wordpress.org / плагины / модальное всплывающее окно /

Участники и разработчики

«Modal Popup Box — Popup Builder» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

История изменений

1.2.8
  • Улучшения: Да, протестировано для WordPress 5.5.1
1.2.7
  • Улучшения: Да, протестировано для WordPress 5.5
  • Исправление ошибки: исправлена ​​проблема с майнером.
1.2.6
  • Функция: Вставить паузу видео YouTube после закрытия модального окна теперь более динамично
1.2,5
  • Протестировано с последней версией WordPress 5.4.2
1.2.4
  • Функция: Вставить паузу видео YouTube после закрытия модального окна.
  • Протестировано с последней версией WordPress 5.4.2
1.2.3
  • Улучшения: Да, протестировано для WordPress 5.4.1
1.2.2
  • Улучшения: Да, протестировано для WordPress 5.3.2
1.2.1
  • Улучшения: Да, протестировано для WordPress 5.3.2
1.2,0
  • Улучшения: Да, протестировано для WordPress 5.3
  • Исправление ошибки: Да
  • Дополнительные изменения: библиотека начальной загрузки и обновление страницы настроек
1.0.10
  • Улучшения: Да, протестировано для WordPress 5.2.3
1.0.9
  • Улучшения: Да, протестировано для WordPress 5.2.3
1.0.8
  • Улучшения: Да, протестировано для WordPress 5.2.2
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0,7
  • Улучшения: Да, протестировано для WordPress 5.2.2
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0.6
  • Улучшения: Да, протестировано для WordPress 5.2.2
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0.5
  • Улучшения: Да, протестировано для WordPress 5.2.1
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0.4
  • Улучшения: Да, протестировано для WordPress 5.2,1
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0.3
  • Улучшения: Да, протестировано для WordPress 5.1.1
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0.2
  • Улучшения: Да, протестировано для WordPress 5.1.1
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0.1
  • Улучшения: Да, протестировано для WordPress 5.0.3
  • Исправление ошибки: Да
  • Дополнительные изменения: №
1.0,0
  • Улучшения: Да, протестировано для WordPress 5.0.3
  • Исправление ошибки: Да
  • Дополнительные изменения: №
0,3,2
  • Улучшения: Да, протестировано для WordPress 5.0.3
  • Исправление ошибки: Да
  • Дополнительные изменения: №
0,3,1
  • Улучшения: Да, протестировано для WordPress 5.0.2
  • Исправление ошибки: Да
  • Дополнительные изменения: №
0,3,0
  • Улучшения: Да, протестировано для WordPress 5.0,1
  • Исправление ошибки: Да
  • Дополнительные изменения: №
0,2,9
  • Улучшения: Изменены ссылки на сайты
  • Исправление ошибки: Да
  • Дополнительные изменения: добавлена ​​функция копирования шорткода custom.
0,2,8
  • Улучшения: Изменены ссылки на сайты
  • Исправление ошибки: Да
  • Дополнительные изменения: исправлена ​​ошибка изменения цвета.
0,2,7
  • Улучшения: Изменены ссылки на сайты
  • Исправление ошибки: нет
  • Дополнительные изменения: Добавлен цветной шаблон
0.2,6
  • Улучшения: Изменены ссылки на сайты
  • Исправление ошибки: нет
  • Дополнительные изменения: №
0,2,5
  • Улучшения: Да, протестировано для WordPress 4.9.8
  • Исправление ошибки: Да
  • Дополнительные изменения: №
0,2,4
  • Улучшения: Нет,
  • Исправление ошибки: нет
  • Дополнительные изменения: готов к переводу
0,2,3
  • Улучшения: Нет,
  • Исправление ошибки: Да, ошибка при загрузке исправлена ​​
  • Дополнительные изменения: Нет,
0.2,2
  • Улучшения: Да, протестировано для WordPress 4.9
  • Исправление ошибки: нет
  • Дополнительные изменения: Да, добавлена ​​страница избранного.
0,2,1
  • Улучшения: Да, протестировано для WordPress 4.9
  • Исправление ошибки: нет
  • Дополнительные изменения: Да, добавлена ​​страница темы

Улучшения функций: Версия 0.2.0
* Улучшения: Нет
* Исправление ошибки: Да
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.9
* Улучшения: Нет
* Исправление ошибки: Да
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.8
* Улучшения: Нет
* Исправление ошибки: Да, ошибка исправлена ​​и добавлена ​​ссылка
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.7
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.6
* Улучшения: Протестировано до новой версии 4.8.1
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.5
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.4
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.3
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.2
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.1
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.1.0
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.9
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.8
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0,7
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.6
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.5
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.4
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0,3
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.2
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

Улучшения функций: Версия 0.0.1
* Улучшения: Нет
* Исправление ошибки: Нет
* Дополнительные изменения: Нет

.

WP Post Popup — плагин для WordPress

Описание

Мгновенно превращайте любую страницу / сообщение / внешнюю страницу во всплывающее окно!

Идеально подходит для отображения страниц с основным содержимым без перенаправления пользователя на страницу.

Характеристики

  • Загружает только поле the_content () — исключает верхний / нижний колонтитул / боковые панели и т. Д.
  • При желании загрузить настраиваемые поля с помощью настраиваемого шаблона страницы См. Документацию
  • Всплывающее окно триггера при загрузке страницы с использованием URL-адреса и параметра
  • На странице может быть несколько всплывающих ссылок
  • Прокрутите до указанной привязки после открытия всплывающего окна
  • Показать внешние страницы во всплывающем окне
  • Показать только определенный раздел с внешней страницы
  • Работает с короткими кодами и некоторыми плагинами, включая Contact Form 7, BuddyPress, Visual Composer
  • Динамически изменить URL-адрес в адресной строке на адрес всплывающей страницы
  • Переключить простой стиль
  • Кнопка визуального редактора для легкого создания всплывающих ссылок
  • Установите точку останова, ниже которой страница будет загружаться нормально вместо всплывающего окна

Полезные ссылки

Скриншоты

  • Как выглядит модальное окно с простым текстовым содержимым страницы
  • Стиль всплывающего окна в WP Customizer
  • Доступные настройки плагина
  • Простая вставка всплывающей ссылки с помощью настраиваемой кнопки в Visual Editor

Установка

  1. Загрузить wp-post-modal.zip в каталог / wp-content / plugins / и извлеките
  2. Активируйте плагин через меню «Плагины» в WordPress
  3. Добавьте модальную ссылку класса , чтобы открыть href этой ссылки в модальном окне.

FAQ

Где документация?

См. Документацию

Будут ли эти всплывающие окна блокироваться блокировщиком рекламы?

Нет, потому что это не «всплывающие окна» в смысле рекламы.Это работает путем создания модального окна, которое представляет собой просто часть вашей страницы, которая скрыта до тех пор, пока щелчок или какое-либо другое действие не сделает ее видимой.

Откуда взялось содержимое всплывающего окна?

Контент может поступать с любой веб-страницы. Если это сообщение или страница (или любой настраиваемый тип сообщения) вашего сайта, это будет
контент, который находится в редакторе WordPress (или из настраиваемого шаблона). Другими словами, во всплывающем окне не будет отображаться
ни ваш верхний, ни нижний колонтитулы, ни боковые панели.Только первичный контент. Если это с другого веб-сайта, это обычно будет ядро ​​
или основной контент на этой странице, но вы определяете это.

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

Как запускается всплывающее окно?

См. Документацию

Могу ли я использовать якорные ссылки?

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

Использование пользовательского идентификатора div

Вы можете изменить имя идентификатора Div по умолчанию для всего сайта, которое будет использоваться в настройках плагина. Кроме того, вы можете изменить идентификатор div в каждом конкретном случае, добавив этот атрибут data-div = "DIVID" к вашим модальным ссылкам.

Что делать, если моя внешняя страница не загружается

Если ваша внешняя страница не работает, вы можете попробовать использовать метод iFrame. При использовании метода iFrame загружается вся внешняя страница.Вы не сможете указать конкретный div для загрузки.

Есть два способа использовать метод iframe:

  1. Добавьте класс iframe в вашу модальную ссылку, чтобы выборочно использовать метод iframe
  2. Включите метод iframe в настройках плагина, чтобы все внешние ссылки использовали метод iframe

Могу ли я изменить внешний вид триггерной ссылки?

Безусловно, как хотите. Вы можете превратить его в такую ​​кнопку: или сделайте это изображением.

Как мне самому изменить внешний вид всплывающего окна? Какие настройки доступны?

См. Документацию

Могу ли я иметь несколько всплывающих окон на одной странице?

Да, можно сколько угодно.

Участники и разработчики

«WP Post Popup» — программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

История изменений

3.6.2: Модальный класс с пространством имен
3.6.1: Исправлено закрытие модального окна в Firefox
3.6.0: Добавлена ​​настройка плагина для пользовательского класса модальных ссылок
3.5.8: Исправление ошибки
3.5.7: Исправление ошибки
3.5.6: Исправление ошибки
3.5.5: Исправление ошибки
3.5.4: Сделаны все ссылки интерактивными во всплывающих окнах (изображения, h-теги и т. Д.)
3.5.3: Обновлено, как отклоняются уведомления администратора
3.5.2: Исправлены мелкие ошибки
3.5.1: Добавлено перенаправление при активации плагина.
3.5.0: разрешено открытие последовательных всплывающих окон и исправление мелких ошибок.
3.4.2: Незначительное обновление, позволяющее использовать вложенные модальные ссылки.
3.4.1: добавлена ​​метка aria на модальной оболочке
3.4.0: добавлена ​​поддержка специальных возможностей для модальной оболочки
3.3.1: добавлена ​​настройка плагина для отключения встроенной упаковки содержимого
3.3.0: добавлен фильтр для изменения идентификатора div обертывания по умолчанию
3.2.6: добавлено data-div функциональность для внутренних всплывающих окон
3.2.5: Исправлена ​​ошибка с пустым всплывающим окном
3.2.4: Добавлена ​​настройка для отключения прокрутки тела
3.2.3: Отключено всплывающее окно для IE11
3.2.2: Исправлены пользовательские шаблоны для работы с URL параметр
3.2.1: Незначительное исправление ошибки
3.2.0: Добавлена ​​настройка для идентификатора контейнера, исправлена ​​незначительная ошибка JS, исправлена ​​ошибка с уведомлениями
3.1.0: Добавлена ​​настройка для переключения анимации загрузки
3.0.1: Исправлена ​​ошибка прокрутки
3.0: Много улучшений в коде плагина
2.2: Добавлена ​​функциональность в обновить URL-адрес в адресной строке
2.1.10: Разрешить предшествующую косую черту на якорных ссылках, проверить, открыто ли модальное окно перед запуском функции закрытия модального окна при щелчке по окну
2.1.9: Реорганизовать сообщение с функцией привязки
2.1.8: Незначительное исправление для перемещения тело в ранее прокрученное положение после закрытия всплывающего окна
с номером порта
2.1.7: Изменен эффект скольжения вниз для постепенного появления, предотвращена прокрутка тела при открытии всплывающего окна, распознаются URL-адреса разработки
2.1.6: Добавлена ​​поддержка якорных ссылок и открывается модальным способом через URL-адрес
2.1.5: Добавить метод iframe для загрузки более сложных внешних страницы
2.1.4: Сделана кнопка Visual Editor необязательной в настройках плагина, улучшена обработка ошибок в запросах ajax, отклонено уведомление администратора рефакторинга
2.1.3: Незначительные исправления стиля
2.1.2: Закрыть всплывающее окно с помощью клавиши esc
2.1.1: Обновить Функция удаленного уведомления администратора
2.1: Добавить устаревший метод с откатом, уведомления администратора, удаленное уведомление, добавлена ​​поддержка профилей buddypress
2.0.5: Исправить ссылку, когда используется только slug
2.0.4: Работает со всеми пользовательскими типами сообщений
2.0.3: Исправлена ​​ошибка для если Visual Composer установлен активным
2.0.2: Незначительные исправления стиля
2.0.1: Метод AJAX для загрузки внешнего контента
2.0: Версия 2.0 содержит новые настройки плагина, вставляет всплывающую кнопку в Visual Editor, переработана для использования WP Rest API и т. д. !
1.4.2: Добавить щелчок вне модальной функциональности
1.4.1: Исправление ошибки
1.4: Добавить наложение цвета
1.0: Первоначальный выпуск

.

WP Modal Popup с интеграцией файлов cookie — плагин WordPress

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

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

WP Modal Popup with Cookie Integration — это всплывающий плагин для веб-сайта WordPress, который позволяет добавлять всплывающие окна с широкими возможностями настройки.

Создание всплывающих окон для рекламы, лайтбоксов, маркетинга, продвижения, форм подписки, социальных кнопок, контактной формы, карты Google, слайдера, лайтбокса и многого другого:

  • Адаптивные мобильные Freindly Popups
  • Социальные всплывающие окна
  • Всплывающее окно с видео
  • Всплывающее окно Google Maps
  • Контактная форма со всплывающим окном
  • Всплывающее окно Facebook
  • Всплывающее окно с ограничением по возрасту
  • Всплывающее окно во весь экран
Плагин позволяет создавать всплывающие окна с любым типом контента
  • HTML-текст
  • Изображения, аудио и видео
  • Галерея изображений и видео
  • iframe, формы, подписки
Зачем использовать модальное всплывающее окно WP с плагином интеграции файлов cookie?
  • Если ваши посетители не хотят видеть ваше всплывающее окно, вы можете позволить им скрыть их для будущих посещений.
  • Вы можете решить, сколько дней до того, как пользователь снова увидит всплывающее окно.
  • Создайте свое всплывающее окно
  • Настройка на стороне администратора-1
  • Настройка на стороне администратора-2
  1. Загрузите папку плагина «WP Modal Popup with Cookie Integration» в каталог «/ wp-content / plugins /».
  2. Активируйте плагин списка плагинов «WP Modal Popup with Cookie Integration» через меню «Плагины» в WordPress.
  3. Перейдите на вкладку меню «WP PopUp» и создайте свое всплывающее окно с различными настройками.

использовал это в недавнем проекте, работал отлично — спасибо!

Честно говоря, ничего особенного в плагине, если вы не платите за версию Pro.

Идеально подходит для создания всплывающего сообщения о принятии условий

очень хорошее подключение, да и техподдержка очень хорошая. они решили мою проблему за 5 минут.Спасибо очень хорошо

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

Отличный плагин. Очень проста в использовании, и она просто работает! Не могу и просить большего! 🙂 Поддержка для него тоже потрясающая, отличная работа!

Посмотреть все 8 отзывов

«Модальное всплывающее окно WP с интеграцией файлов cookie» — это программное обеспечение с открытым исходным кодом.Следующие люди внесли свой вклад в этот плагин.

авторов
2.0 (28 мая 2019 г.)
  • [+] Обновлено уведомление о рекомендациях.
  • [-] Удалена премиум страница.
1.3 (28 мая 2019)
  • [*] Важные рекомендации: Для лучшего взаимодействия с пользователем мы переместили плагин WP Modal Popup with Cookie Integration в наш новый плагин, то есть InboundWP-A Complete Inbound Marketing Pack. Это помогает нам поддерживать наши плагины в одном пакете плагинов и предоставлять вам более качественную и быструю поддержку.Имя модуля в InboundWP: Marketing PopUp, где вы получите 5 типов PopUp Goal — 1) Сбор писем 2) Целевой URL 3) Объявление 4) Получение телефонных звонков 5) Социальный трафик.
  • [-] Убран поток подписки.
  • [-] Удалена страница найма нас.
1.2.3 (04, янв 2019)
1.2.2 (27, авг 2018)
  • [*] Следуйте некоторым подробным рекомендациям по плагинам WordPress.
1.2.1 (07, авг 2017)
  • [+] Исправлена ​​ошибка, при которой всплывающее окно не отображалось по центру сверху.
1.2 (21 окт 2016)
  • [+] Добавлены главный заголовок и подзаголовок.
  • [+] Добавлена ​​опция цвета шрифта.
  • Фиксированная опция цвета фона
1,1
1,0
.

Feedback Modal for Website — плагин для WordPress

Режим обратной связи для веб-сайта — лучший способ собрать отзывы посетителей / клиентов о вашем веб-сайте. Обратная связь помогает выявлять и устранять проблемы и проблемы, видеть, что нравится людям, а что нет. Люди, которые жалуются на ваш веб-сайт, продукты или услуги, не доставляют неудобств, они на самом деле помогают вам работать лучше.

Анализ отзывов посетителей / клиентов важен, поскольку он помогает вам не только лучше узнать своих посетителей / клиентов, но также повысить их вовлеченность и лояльность.Обратная связь может помочь в разработке веб-сайтов, продуктов и услуг, чтобы вы сосредоточили свои ресурсы на том, что ваши посетители / клиенты действительно хотят от вас.

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

Характеристики
  • Легко и легко настраивается
  • Чистый и минималистичный дизайн
  • Полностью адаптивный дизайн
  • Совместимость с несколькими сайтами
  • Архив представлений
  • Отправка на экспорт
  • Уведомления по электронной почте
  • Видимость устройства
  • Видимость страниц
  • Настраиваемые сообщения
  • Протестировано с последней версией WP
  • Высшая производительность
  • Библиотека шрифтов Google
  • Неограниченное количество цветов
  • Кроссбраузерность
  • Готово к переводу
  • Действительный и чистый код
  • Поддержка 24/7 и многое другое
  • Модальное оформление обратной связи
  • Страница настроек плагина
  • Страница отправки плагина
  1. Загрузите nedwp-feedback-modal в каталог wp-content / plugins .
  2. Активируйте плагин через меню «Плагины» в WordPress.
  3. Перейдите в режим обратной связи в админке вашего сайта, настройте его по своему усмотрению.

Можно ли скрыть модальное окно обратной связи на мобильных устройствах?

Да. Вы можете выбрать, в каких устройствах будет отображаться модальное окно обратной связи.

Могу ли я экспортировать модальные отправленные отзывы?

Да. Вы можете экспортировать данные отправленных материалов в форматы CSV или JSON.

Получу ли я уведомление, когда будет получен отзыв?

Да. Вы можете включить или отключить уведомления по электронной почте для представлений.

Есть ли отзывчивый дизайн модального окна обратной связи?

Да. Режим обратной связи адаптивен и хорошо выглядит на всех устройствах.

Можно ли настроить и стилизовать модальную обратную связь?

Да. При необходимости доступно множество параметров для редактирования.

«Модель обратной связи для веб-сайта» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов
1.0.1
  • Добавлено: совместимость с WordPress 5.5.
  • Добавлено: отображение шрифтов для замены.
  • Добавлено: Незначительные улучшения.
1.0.0
.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *