WordPress плагин окно всплывающее окно: Загрузите Divi, лучшую тему WordPress в мире!

Всплывающее окно — Плагин для WordPress

Описание

Создавайте потрясающие всплывающие окна на одном дыхании!

Плагин предоставляет вам возможность (совместно с MyPopUps.com) разместить на своём сайте привлекательные всплывающие окна для самых разных целей:

• Собирать адреса электронной почты
• Показать коды на скидку
• Получать лайки и репосты в соцсетях
• Показать уведомления о файлах cookie
• Отключить блокировщики рекламы

Благодаря мощному конструктору MyPopUps, вы можете оформлять всплывающие окна по своему усмотрению.

Вы можете включить или отключить всплывающие окна прямо в этом плагине (не покидая своей панели управления WP)!

Скоро: определите более подробные правила, когда и как должны отображаться всплывающие окна (с использованием параметров WordPress, внутри этого плагина)

Попробуйте! Если вы найдете способы его улучшить, сообщите нам об этом через форум поддержки, мы всегда стараемся ответить быстро:)

Примечание: Этот плагин использует сторонний сервис MyPopUps, доступ к которому можно получить по адресу https://mypopups.com. Всплывающие окна создаются на MyPopUps и отображаются на вашем веб-сайте с помощью этого плагина. Соединение с MyPopUps устанавливается только после нажатия кнопки «Да» в плагине, (на этой кнопке также есть упоминание об этом). Для сохранениния конфиденциальности при обработке ваших личных данных, ознакомьтесь с политикой конфиденциальности MyPopUps, соответствующей GDPR, по адресу https://mypopups.com/privacy, а также с условиями использования по адресу https://mypopups.com/terms. Если у вас есть какие-либо вопросы по этому поводу, не стесняйтесь обращаться к нам по адресу https://mypopups.com/contact-us. Спасибо!

Отзывы

Thank you for creating this wonderfully easy-to-use plugin. It’s awesome!

Easy to use and many cool designs to choose from. Great plugin indeed.

Beautiful pop-ups easy to set up

This product has been an immense help to me as I can post affiliate products on it, and it pops up when customers come to my site, I would highly recommend it to anyone and for someone who might be a Newbie at affiliate marketing this product would be a clever idea for you to put on your site

Apart from no text in Elementor edit window so severely limiting Elementors use, it is good.

I was looking for way to help me with PopUs and I saw this Plugin. I am very Satisfied.

Посмотреть все 22 отзыва

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

«Всплывающее окно» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Журнал изменений

1.0.6

• Updated banners
• Tested on WordPress 5.7.2

1.0.5

• Support for WordPress 5.7
• Fixed few notices in PHP 8
• Modified insert function, which should work with less popular themes.

1.0.4

• Support for WordPress 5.6.2
• Fixed issues: «Orgin Response Error»
• Added backup method for verification when ABSPATH is write-protected

1.0.3

• Support for WordPress 5.6.1
• Fixed icon issues
• Changed name on plugins list to MyPopUps from Pop-up Pop-up
• Added support for PHP 8
• Fixed issues with dynamic domain names (Nginx)

1.0.2

• Support for WordPress 5.5
• Fixed some visual issues

1.0.1

• Support chat auto open — for better UX
• Improved visual effects
• Removed error_log debug info

1.0.0

Всплывающее окно WordPress — всплывающее окно вордпресс плагин

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

Bloom

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

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

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

Подробнее

OptinMonster

В самом начале своего существования плагин предоставлялся пользователям как инструмент для создания всплывающей формы WordPress, а сейчас представляет собой целую платформу, включающую в себя ряд инструментов SaaS. Однако плагин не забыл свои корни WP, поэтому пользователям всё еще предоставляется возможность скачивания специального плагина WordPress, который значительно упрощает интеграцию.

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

Плагин имеет ряд отличительных особенностей:

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

Подробнее

Elementor PRO

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

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

Расширенная версия этого плагина обладает рядом преимуществ:

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

Подробнее

Layered Popups

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

Также этот плагин всплывающего окна WordPress обладает рядом особенностей:

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

Подробнее

Icegram

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

Также этот инструмент имеет ряд особенностей:

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

Подробнее

Popup maker

Popup maker wordpress – самый популярный плагин для создания всплывающих окон. На WordPress он предлагает бесплатную версию, которая окупается пятизвездочным рейтингом и огромным количеством положительных отзывов.

Попап вордпресс выделяется своими необычными правилами запуска. Особенно ярко это выражено в платной версии программы. Более того, плагин имеет максимально простой и интуитивно понятный интерфейс, который основан на обычном редакторе. Кроме всего перечисленного, этот maker wordpress позволяет работать с Вашими собственными cookie файлами.  Если вы являетесь разработчиком, то для Вас в плагине присутствует огромное количество разных фишек, которые позволят настроить работу сайта так, как вам хочется.

Подробнее

WordPress Subscribe PRO

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

Этот плагин обладает рядом особенностей:

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

Подробнее

Заключение

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

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

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 предоставляет отличный набор функций – подборку шаблонов, доступ к тестированию и аналитике, расширенные настройки таргетинга, работа практически со всеми типами всплывающих окон.

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

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

Часто ли Вы замечали на сайтах всплывающие окна? Так, большинство интернет-ресурсов, особенно новостные и блоговые сайты, показывают посетителям всплывающие или попап-окна с той или иной информацией. Зачем они нужны вообще? Обычно их наличие помогает конвертировать посетителей в подписчиков (т.е. в постоянных пользователей). По данным интернет-маркетологов, наибольший процент конверсии приходится именно на всплывающие окна, если, конечно, они настроены правильно. Конечно, если такие окна будут “вылетать” час за часом перед глазами посетителя, то понятно, что он уйдет из такого сайта и не захочет больше возвращаться.

Как настроить всплывающие окна в WordPress?

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

Плагин Popup Maker

Итак, после установки и активации плагина, сразу видим окно приветствия. Для начала работы нажимаем кнопку Skip.

В итоге Вы попадаете в основное окно создания всплывающих окон.

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

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

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

Дальше, в самом большом текстовом блоке нужно ввести контент, который будет отображаться в окне. Тут может быть как простой текст и изображения, так и медиаданные (например, ролик с YouTube).

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

Блок Показать настройки позволяет задать размеры попап-окна.

Настройка Отключить фон позволяет отображать или скрывать фон под всплывающим окном.

Блок Анимация позволяет задать Вашему окну скорость, а также эффекты анимации (затухание, увеличение и др.)

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

Итак, после того, как все настройки были внесены, следует нажать кнопку Опубликовать.

Наше всплывающее окно создано, и теперь можно смотреть на сайте.

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

Мне нравится4Не нравится5

Если Вам понравилась статья — поделитесь с друзьями

Всплывающее popup окно при закрытии страницы WordPress плагин

На чтение 3 мин.

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

Установить плагин Uji Popup вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

Далее, после установки и активации плагина, перейдите на страницу: Uji Popup — Popup Options. Здесь вы сможете настроить основные параметры плагина.

— Top Bar Background Color, цвет слоя, который отображается поверх страницы, на фоне всплывающего окна.

— Top Bar Text Color, цвет текста в popup окне.

— Content Background, цвет фона popup окна.

— Close Button Style, стиль закрывающей кнопки всплывающего окна.

— Cache Plugin, включите данную функцию, если используете плагины для кэширования — WP Super Cache или W3 Total Cache. После включения данной функции и сохранения настроек, очистите кэш сайта.

— Show countdown, можно добавить к всплывающему окну обратный отсчёт. Не обязательно. Можно будет указать сколько окно будет отображаться в секундах после открытия. Можно указать время задержки в секундах, перед открытием всплывающего окна.

— Translate texts, если вы будете использовать функцию «Countdown», то здесь можно перевести заголовки, которые используются в данной функции.

— Сохраните изменения.

Далее, чтобы добавить содержание в popup окно, перейдите на страницу — Add New Popup.

Далее, на странице создания popup окна, укажите заголовок окна, включите popup окно, переведя параметр «Include this Popup» в зелёное положение. Добавьте содержание всплывающего окна.

Справа в настройках «Popup Style»:

— Enable Autosize, включите авто-определение размера окна, либо укажите свои размеры ширины и высоты окна.

— Position, выберите расположение popup окна.

— Content Spaces, можно указать размер отступов от края окна до края сайта. Не обязательно.

— Show Close Button, показать кнопку для закрывания всплывающего окна.

— Close Click Outside, закрывать окно при нажатии по странице.

Where to show.

— Enable on Home Page, показывать окно только на Главной странице.

— Enable on All Pages, показывать окно на всех страницах.

— Enable on Custom Pages, вы сможете выбрать на каких конкретно страницах показывать popup окно.

— Link or Button, вы сможете указать текст, при нажатии на который будет появляться popup окно. Скопируйте шорткод, добавьте на страницу, в запись или в виджет и т.д., вставьте в шорткод свой текст.

Settings.

— Exit-intent, поставьте здесь галочку, чтобы всплывающее окно появлялось только при попытке закрыть страницу сайта. Иначе окно будет появляться сразу при открытии страницы.

— Вверху справа нажмите на кнопку — Опубликовать.

Всё готово ! Перейдите на сайт, попытайтесь закрыть страницу. До того как вы закроете страницу у вас появится всплывающее popup окно.

всплывающее окно с помощью плагина WP Super Popup — Профессиональное создание и продвижение интернет-проектов

Всплывающие окна – удобный инструмент для размещения рекламы, размещения предложения подписаться на рассылку и другой важной информации, к которой вы хотели бы привлечь внимание пользователей. Для wordpress всплывающие окна можно организовать с помощью плагина WP Super Popup. Он доступен и в бесплатной, и в платной версии. За последнюю разработчики просят 39,95$. Впрочем, для большинства проектов достаточно будет и бесплатной версии, о настройке которой мы поговорим в данной статье.

Установка и настройка WP Super Popup

Через «Плагины»→«Добавить новый» ищем и устанавливаем WP Super Popup (или скачиваем его с сайта разработчика http://wppluginspro.com/wp-super-popup-pro/), активируем. Далее переходим на вкладку «Super Popup», которая появилась в главном меню админки.

Здесь имеется три группы настроек:

• · Base Settings – базовые параметры;
• · Popup Content – настройки содержания всплывающего окна нашего сайта;
• · Visual Effects Settings – различные визуальные эффекты.

Рассмотрим более подробно каждую из указанных групп.

Базовые параметры (Base Settings)

Status – галочка возле этого пункта означает, что плагин подключен.

Enable on mobile browsers – если вы хотите, чтобы всплывающие окна появлялись и при открытии сайта с мобильных устройств, активизируйте «Yes».

Paths inclusion/exclusion – здесь можно указать, на каких страницах сайта wordpress всплывающие окна показывать, а на каких – нет.

Show the popup – настройки длительности (Every и число дней) и периодичности (сколько раз показывать окно одному пользователю).

Содержание всплывающих окон (Popup Content)

Здесь имеется 4 пункта «Embed the following» для настройки содержания вашего всплывающего окна. Выберите тот вариант, который вам подходит:

• · URL content – здесь указывается адрес, по которому можно взять готовое содержимое всплывающего окна.
• · WYSIWYG content – редактор для самостоятельного формирования содержания. Принцип работы сходен с добавлением обычной статьи на ваш сайт.
• · plain HTML content – поле для вставки готового содержимого в html-формате.
• · page content – используйте данный способ, если во всплывающем окне вы собираетесь использовать материал с определенной страницы своего блога. Разметка и форматирование при этом не переносятся.

Настройка визуальных эффектов Visual Effects Settings

Background Opacity – указывается непрозрачность заднего плана (число от ноля до единицы).

Popup Height – высота (в пикселях) всплывающего окна.

Popup Width – соответственно ширина.

Popup Delay – через какое время показывать всплывающее окно, задается в миллисекундах.

Popup Speed – скорость появления окна.

Close Popup when clicking on the background – нужно ли закрывать окно, если пользователь кликнул за его пределами.

После внесения настроек нажимаем «Сохранить изменения». В некоторых случаях чтобы посмотреть, как работает на сайте wordpress всплывающее окно, необходимо сохраняться с очисткой кук – кнопка «Save Changes and Reset Cookies».

Popup Maker – топовый плагин для всплывающих окон

Делаем всплывающие окна с помощью Popup Maker на WordPress Делаем всплывающие окна с помощью Popup Maker на 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. После того как мы выполнили настройки, нажимаем кнопку «Опубликовать». Таким образом мы создали всплывающее (модальное) окно.

Источник: http://wp-lessons.com/kak-sozdat-vsplyivayushhee-modalnoe-okno-v-wordpress

Описание плагина

Popup Maker доступен бесплатно, в репозитории WordPress. Количество функций, доступных в бесплатной стандартной версии, впечатляет. В зависимости от ваших потребностей, вы сможете расширить Popup Maker за пределы своей основной функциональности. Для этого, на данный момент – доступно 17 дополнительных платных расширений.

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

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

Изначально, в плагине нет собственной формы подписки по электронной почте. Но это можно будет с легкостью исправить. Например, объединить его с формой подписок Contact Form 7 или Ninja Forms!

Источник: http://yrokiwp.ru/cms-wordpress/plagin/vsplyvayushhee-okno-popup-maker/

Пример 1 Рекламное всплывающее окно, появляющееся само по себе

1. 1. Заходим в раздел PopUp Maker. Нажимаем ссылку «Добавить всплывающее окно»
   2. В открывшемся редакторе создаем само окно
      • Задаем название PopUp (нигде кроме административного раздела оно отображаться не будет, поэтому может быть любым)
      • Создаем контент (для примера разместил рекламу скидок к празднику).
   3. Настраиваем условия отображения всплывающего окна:
   4. Сохраняем настройки. Любуемся результатом.

Источник: http://n-wp.ru/popup-okna-v-wordpress-chast-1/

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

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

Можете вставлять все, что угодно.

Теперь переходим к настройкам.

Источник: http://myobzors.ru/wp_blog/popup-wordpress.html

Назначение и основные функции всплывающих окон

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

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

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

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

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

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

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

Источник: http://pro-wordpress.ru/chast-1-nastraivaem-svoj-blog/plaginy/plaginy-vsplyvayushhego-okna-wordpress.php

Для чего нужны попап окна

Причин много, перечислю основные:

1. Чтобы задержать клиента на сайте.
2. Сообщение про акции и предложения.
3. Наращивание подписной базы с помощью формы подписки, актуально для блогов.
4. Реклама платных курсов.
5. Сбор подписчиков в социальные группы.

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

Источник: http://wpsovet.ru/plaginy/plagin-vsplyvayushhego-okna-wordpress.html

Основные причины

• Вы создали окно но не указали класс окна на кнопку в коде
• Вы указали класс окна в кнопке но он не оказался верным
• Вы указали верный класс окна в кнопке  но  ограничили показ окна на некоторых страницах.

Эти настройки находятся в самом окне, по умолчанию нужно оставить именно так

Источник: http://allwordpress.ru/popup-maker-ne-rabotaet-v-wordpress/

Overview

Fixing a popup that won’t display, or no longer displays can be complicated. It requires helpful tools, and a systematic approach to evaluate and eliminate possible root causes.  

This article introduces users to several debugging tools, and a progressive approach to problem solving.

Источник: http://docs.wppopupmaker.com/article/265-my-popup-wont-work-how-can-i-fix-it

Триггер

Выберите раздел Триггеры и справа нажмите кнопку Добавить новый триггер.

В окне 1, выбираем Auto Open (Отрывать автоматически) (1), нажимаем Добавить. В окне 2, ставим задержку (2), через сколько миллисекунд появится окно.

Источник: http://myobzors.ru/wp_blog/popup-wordpress.html

Таргетинг

Оставьте все по умолчанию или поставьте нужные галочки. Чуть выше я уже упоминал об этом пункте.

Источник: http://myobzors.ru/wp_blog/popup-wordpress.html

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

После установки модуля в консоли блога слева отобразится раздел Popup Maker. Клик по нему выводит меню, где необходимо выбрать функцию Добавить всплывающее окно.

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

Я буду показывать на примере. Вы будете использовать свой вариант.

Второе поле заполнять не обязательно.

Далее обратите внимание на зеленый значок в панели инструментов, при наведении на который отображается подсказка Шорткоды Popup Maker.

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

Источник: http://denezhnye-ruchejki.ru/ustanovka-vsplyvayuschego-okna-na-sayte/

Отображение

Здесь настроек много, мы рассмотрим основные, а с остальными вы разберетесь сами, без труда.

Источник: http://myobzors.ru/wp_blog/popup-wordpress.html

Анимация

В этой вкладке, всего две настройки:

Тип анимации – имеется 3 типа анимации – Движение, Затухание и Затухание и движение.

Скорость анимации — установите скорость анимации всплывающего окна.

Источник: http://myobzors.ru/wp_blog/popup-wordpress.html

Позиция

Здесь настроек побольше.

(1) – Расположение – выберите, где будет отображаться всплывающее окно
(2) – Верх – расположение от верхнего края экрана
(3) – Лево – расположение от левого края экрана
(4) – 2 чек-бокса оставьте по умолчанию

Во вкладке Advanced, я ничего не менял.

Источник: http://myobzors.ru/wp_blog/popup-wordpress.html

Обзор

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

Оценка

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

Источник

Источник: http://allomart.ru/nastroyka-plagina-popup-maker-dlya-wordpress/

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

WP Popups Maker — это бесплатный плагин для WordPress. Он чрезвычайно универсален и гибок. Создавайте мощные модальные всплывающие окна и управляйте ими для вашего блога или веб-сайта WordPress. Мощный, но простой в использовании 🙂

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

• Создавайте и управляйте любым количеством всплывающих окон
• Настройка внешнего вида всплывающего окна
• Установка пользовательских эффектов анимации
• Настроить эффект анимации всплывающих окон
• Всплывающее окно iframe — вы можете установить URL-адрес, который хотите загрузить в iframe, и всплывающее окно загрузит этот iframe
• Всплывающее окно для видео — вставляйте видео с YouTube и Vimeo во всплывающее окно.
• Всплывающее окно выхода. Привлекайте внимание пользователей, когда они решают покинуть ваш сайт, не выполняя каких-либо действий, которые вы от них хотите. Всплывающие окна выхода могут ненадолго прервать их всплывающим сообщением, направляя их к единственному призыву к действию.
• Выберите одну из нескольких тем для всплывающих окон
• Возможность показывать всплывающее окно один раз для каждого посетителя
• Возможность запретить закрытие всплывающих окон
• Установить расположение всплывающего окна на экране
• Всплывающее окно автоматического закрытия через X секунд
• Изменить цвет фона содержимого
• Настроить цвет и непрозрачность наложения
• Добавить собственный класс для всплывающего окна
• Добавить собственный класс для всплывающего содержимого
• Повторяющееся всплывающее окно — показывать всплывающее окно каждые X периода времени
• Перенаправлять пользователя на другую страницу, когда он / она нажимает на всплывающее содержимое
• Показать / скрыть всплывающее окно для выбранных ролей пользователей (панель администратора)
• Звук открытия всплывающего окна
• Адаптивное всплывающее окно
• Масштабировать всплывающее окно для размеров рабочего стола
• Сеть / Мультисайт
• Всплывающее окно при нажатии
• Открыть всплывающее окно из URL-адреса с помощью iframe
• Открыть всплывающее окно после отправки формы
• Всплывающее окно Html
• Всплывающее изображение
• Поддержка шорткода

Требования

• WordPress 3.8+
• PHP 5.2+ (или 5.5+, если вы используете файл данных Browscap)
• MySQL 5.0.3+
• Не менее 20 МБ свободного веб-пространства
• Не менее 5 МБ свободного места в БД
• Не менее 32 Мб свободной памяти PHP для трекера (пиковое использование памяти)
• IE9 + или любой браузер, поддерживающий HTML5, для доступа к отчетам

Поддержка

Мы будем рады помочь. Вот несколько вещей, которые необходимо сделать, прежде чем обращаться к нам:

• Вы также можете связаться с нами по адресу wp @ wp-buy.com, если у вас есть какие-либо вопросы.

• Всплывающее окно по умолчанию
• Всплывающее окно Youtube

1. Загрузите пакет.
2. Загрузите пакет с помощью страницы плагинов> добавьте новый> загрузите или извлеките содержимое папки .zip в папку wp-content / plugins /
3. Активировать плагин через страницу плагинов
4. Очистите кеш вашего сайта (если у вас включен какой-либо плагин кеширования)

Спасибо!

Я установил POPUP сегодня, и он не работал, я деактивировал плагин и получил сообщение от моего хостинга о том, что в нем есть вредоносная программа.Из-за этого я оказался заблокирован для доступа к моему каталогу WP и панели инструментов. Я удалил плагин и удалил КОНТЕНТ БЛОКА с сообщением об ошибке на странице, в которую был вставлен КОД. Проблема решена. Пожалуйста, проверьте, почему он отправляет следующее ВРЕДОНОСНОЕ сообщение.

{HEX} Malware.Expert.generic.eval.21

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

Хотя выход есть.Можно найти много опечаток («cooki» вместо «cookie»). Пользовательский интерфейс серверной части неуклюж и должен быть более лаконичным и удобным для пользователя.

Я действительно вижу здесь потенциал! 🙂

рекомендуется

Я использую этот плагин и наслаждаюсь им 🙂

Спасибо.

Читать все 3 отзыва

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

авторов

= 1,8 =
1. исправления

1.7

1. исправлений
2. Улучшения CSS

1,6

1. Улучшения CSS

1,5

1. Исправление ошибки в бутстрапе плагина

1,4

1. добавление сообщения голосования

1,3

1. Проверить совместимость с PHP 7.x
2. Исправить орфографические ошибки

1,2

1. убрать рекламу

1,1

1. Начальная версия

Как легко создать всплывающую форму WordPress (шаг за шагом)

Хотите добавить контактную форму во всплывающее окно на вашем сайте WordPress?

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

Зачем нужна всплывающая форма WordPress?

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

Кроме того, вы также можете использовать всплывающую форму WordPress для:

• Обратная связь — Собирайте отзывы, задавая вопросы о комментариях или даже создавая опрос.
• Контактная информация — Получите более подробную информацию о своих читателях, получив их контактную и личную информацию.
• Подписка — Создайте список рассылок по электронной почте, упростив подписку одним щелчком ссылки.

Итак, теперь, когда вы знаете, почему вы хотите использовать всплывающую форму WordPress, давайте перейдем к тому, как именно ее создать!

Как создать всплывающую форму WordPress

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

Если вы предпочитаете письменные инструкции, вы можете прочитать ниже:

Шаг 1. Установите необходимые плагины WordPress

Для начала вам нужно установить и активировать 2 плагина.

Во-первых, вам понадобится Popup Maker. Хотите знать, бесплатен ли создатель всплывающих окон? Да, вы можете использовать бесплатную версию этого руководства и с WPForms.

Нажмите синюю кнопку загрузки и узнайте, как установить плагин в WordPress.

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

Шаг 2. Создайте простую контактную форму

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

Чтобы создать форму, перейдите на страницу WPForms »Добавить новый и выберите шаблон. В этом примере мы воспользуемся простой формой обратной связи. Рекомендуется упростить работу со всплывающими формами WordPress, чтобы вы могли максимизировать коэффициент конверсии форм.

После загрузки формы в ней будет все необходимое для начала, в том числе:

• Имя
• Фамилия
• Электронная почта
• Комментарий

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

Когда вы закончите создание формы, вам нужно нажать кнопку «Сохранить», чтобы сохранить изменения.Ваша контактная форма готова к работе!

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

Шаг 3. Создайте всплывающее окно в Popup Maker

Отлично, ваши плагины установлены и активированы. Затем мы перейдем к плагину Popup Maker, чтобы создать ваше всплывающее окно. Этот бесплатный плагин WordPress позволяет легко создавать всплывающие окна с нуля.

Перейдите в панель управления WordPress и перейдите к Popup Maker » Добавить всплывающее окно , и вы увидите всплывающий экран редактирования.

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

А теперь пора вставить форму во всплывающее окно. Нажмите кнопку «Добавить форму», чтобы выбрать форму.

Появится экран «Вставить форму». Здесь вы можете выбрать форму, которую хотите вставить в это всплывающее окно, выбрав ее из раскрывающегося меню.

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

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

Отличная работа. Давайте настроим некоторые параметры всплывающих окон, прокрутив вниз и начав с триггеров.

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

В появившемся окне параметров триггера откройте раскрывающийся список и выберите Time Delay / Auto Open .Это приведет к тому, что всплывающее окно откроется после того, как посетители вашего веб-сайта будут находиться на странице в течение определенного времени.

Вы можете установить время как угодно, но мы рекомендуем начинать с 5 секунд (5000 миллисекунд). Когда будете готовы, нажмите кнопку Добавить , чтобы продолжить.

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

Затем давайте улучшим внешний вид вашего всплывающего окна, нажав Display под настройками всплывающего окна.

В раскрывающемся списке «Тема всплывающего окна» выберите тему для своего всплывающего окна.

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

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

Прокрутите страницу вверх и нажмите кнопку Опубликовать , чтобы активировать всплывающую форму WordPress.

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

Чтобы сделать больше всплывающих окон контактной формы, вы можете повторить этот процесс и настроить параметры и правила отображения, чтобы они отображались в разных сообщениях или страницах и т. Д. Или вы можете проявить творческий подход и сделать всплывающий опрос WordPress.

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

Кроме того, если вы настроили Google Analytics на своем веб-сайте, вы можете отслеживать Popup Maker с помощью пользовательского отслеживания событий.

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

В заключение

Хорошо, все готово. Мы надеемся, что эта статья помогла вам узнать, как создать всплывающее окно контактной формы WordPress в WordPress.

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

И если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter, чтобы получить больше бесплатных руководств по WordPress.

17 замечательных плагинов для всплывающих окон WordPress, которые можно использовать бесплатно

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

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

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

Одна из лучших частей платформы WordPress — это огромное количество доступных плагинов. И нет недостатка в потрясающих плагинах для всплывающих окон.

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

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

Пользовательский опыт

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

Фактически, я и многие другие посетители покидаем веб-сайт, если всплывающее окно — это первое, что я вижу.

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

Вместо этого вы должны использовать их ответственно.

Например, представьте, что вы впервые перешли на веб-сайт.

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

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

Производительность

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

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

Совместимость

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

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

17 замечательных плагинов всплывающих окон WordPress

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

1. Popup Maker

Popup Maker — лучший бесплатный плагин для всплывающих окон WordPress. У него более 400 000 активных установок и очень впечатляющий 5-звездочный рейтинг. Это благодаря невероятному количеству функций, которые он предлагает.

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

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

На странице плагина указано:
Этот всплывающий плагин имеет безграничный потенциал без ограничений.

Если вы ищете лучший плагин для всплывающих окон в WordPress, не ищите дальше.

2. Popup Builder

Popup Builder — отличный выбор для тех, кому нужен простой плагин для всплывающих окон. Он имеет более 100 000 активных установок и имеет рейтинг 4,5 из 5 звезд.

Он имеет простой, но мощный интерфейс для создания всплывающих окон.

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

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

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

3. HubSpot

Вам нужен плагин, который может бесплатно обрабатывать маркетинг, создание форм и всплывающие окна? Тогда плагин HubSpot All-In-One Marketing — это именно то, что вы ищете.

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

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

Это отличный плагин как для новичков, так и для экспертов.

4. Easy Facebook Like Box

Вы хотите увеличить количество лайков на Facebook? Использование плагина Easy Facebook Like Box — отличный выбор.

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

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

Если ваша цель — увеличить количество лайков на Facebook, это отличный выбор.

5. Всплывающие окна — всплывающие окна WordPress

Всплывающие окна — всплывающие окна WordPress — отличный выбор, если вы ищете простой интерфейс, дающий результаты.

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

Он совместим со многими основными плагинами для создания форм и списков, такими как MailChimp, Gravity Forms, Jetpack и Contact Form 7.

Он имеет функции, которые вы ожидаете от плагина всплывающих окон, такие как определенные параметры таргетинга и времени.

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

6. Согласие GDPR с файлами cookie

В 2018 году ЕС принял Закон о конфиденциальности Общего регламента защиты данных (GDPR).Этот закон требует, чтобы веб-сайты четко давали понять, когда они собирают данные.

С тех пор вы, вероятно, заметили, что подавляющее большинство веб-сайтов информируют вас о том, что они используют файлы cookie. Это связано с GDPR.

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

Вместо этого плагин GDPR Cookie Consent позволяет легко отображать необходимые предупреждения. Однако важно понимать, что простая установка этого плагина не делает вас полностью совместимым с GDPR.

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

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

7. Всплывающее окно с видео

Вы создаете много видеоконтента для своего веб-сайта? Если да, вы можете поместить это во всплывающее окно.

Плагин Video PopUp делает именно то, что звучит; создает всплывающие окна с видео.Он поддерживает собственные видео YouTube, Vimeo, Soundcloud и MP4.

Он имеет множество параметров настройки, включая видео-лайтбоксы, неограниченное количество всплывающих окон, перевод, настраиваемые параметры YouTube (время начала, время окончания, отключение связанных видео) и многое другое.

Если вы хотите продвигать свой видеоконтент, этот плагин вам непременно поможет.

8. Уведомления о продажах в реальном времени

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

Однако плагин Live Sales Notification может помочь увеличить продажи, и он совершенно бесплатный.

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

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

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

9. Всплывающее окно с условиями WP

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

WP Terms Popup позволяет создать всплывающее окно, которое требует от посетителей согласия с условиями, политикой конфиденциальности, возрастом или любым другим типом проверки.

Всплывающее окно содержит две кнопки: Я согласен и Не согласен. Вариант «Я согласен» переводит их на ваш веб-сайт.

Однако, если они не согласны, они будут перенаправлены на другую страницу или веб-сайт.

Он чрезвычайно интуитивно понятен в использовании и идеально подходит для веб-сайтов, требующих такого рода проверок.

10. WP Post Popup

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

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

WP Post Popups позволяет вам делать это с помощью чрезвычайно простого интерфейса.

Превратите любой пост или страницу во всплывающее окно менее чем за минуту.

11. Модальное окно

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

Плагин Modal Window предоставляет вам простую, но полностью настраиваемую среду для создания этих окон и их отображения.

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

Это отличный инструмент в использовании.

12. Ad Blocker Notify Lite

Многие веб-сайты полагаются на доход от рекламы для получения дохода, но Ad Blocker не позволяет посетителям видеть эту рекламу. Понятно, что посетители не хотят просматривать рекламу, но это необходимость для многих предприятий.

Сообщите вашим посетителям, что контент, создаваемый вашим веб-сайтом, зависит от дохода от рекламы с помощью подключаемого модуля Ad Blocker Notify Lite.

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

Примечание: Этот плагин не запрещает пользователям AdBlocker просматривать контент.

13. Всплывающее окно Anything On Click

Плагин Popup Anything On Click заставляет все на вашем веб-сайте появляться во всплывающем окне при нажатии.

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

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

14. Slide Anything

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

Что, если бы у вас было слайд-шоу в виде всплывающего окна?

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

Идеально подходит для учебных пособий или любой другой информативной информации.

15. ARI Fancy Lightbox

Иногда посетитель может просто захотеть насладиться просмотром изображения или видео без необходимости видеть что-либо еще.

Вот где приходит на помощь плагин ARI Fancy Lightbox. Он позволяет добавить на ваш сайт лайтбокс любого цвета.

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

Самое приятное то, что он создан для мобильных устройств.

16. Всплывающее окно выхода

Вы хотите, чтобы посетители не покидали ваш веб-сайт или хотя бы замедляли его покидание? Если да, подумайте о добавлении всплывающего окна выхода.

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

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

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

17. Icegram

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

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

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

Создайте своих подписчиков

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

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

Но из-за их результатов веб-сайты по-прежнему их используют.

Главное — найти баланс между удобством использования и эффективностью.

Лучшие бесплатные плагины для всплывающих окон WordPress для вашего веб-сайта

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

На что обращать внимание

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

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

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

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

Список наших любимых плагинов для всплывающих окон:

1. Popup Maker
2. Popup Builder
3. Hustle by WPMU DEV
4. Popup by OptinMonster
5. Brave Popup Builder
6. MailOptin
7. Popup by Supsystic

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

Начнем с простейшего плагина для всплывающих окон WordPress: Popup Maker. Он невероятно гибкий с огромной и лояльной пользовательской базой, насчитывающей более 600 000 активных установок. Вы можете создать любой тип модального оверлея или оверлея контента для своего сайта WordPress с помощью Popup Maker. Плагин обладает огромным потенциалом без каких-либо скрытых ограничений.Есть много функций, включая слайд-аут, баннерные панели, плавающие стикеры, уведомления, загрузочные экраны, лайтбоксы для видео и многое другое. С его помощью вы можете создавать автоматически открывающиеся формы подписки, формы возрастных ограничений, создавать всплывающие окна подтверждения и многое другое. Вы можете использовать уникальный всплывающий редактор для создания темы. Все всплывающие окна, созданные с помощью Popup Maker, также полностью адаптивны.

Popup Builder, которого приветствует самый симпатичный бобр на изображении баннера, считается одним из лучших бесплатных плагинов для всплывающих окон на WordPress.Он превышает 200 000 активных установок. Он очень мощный и в то же время простой в использовании, который может помочь вам привлечь внимание посетителей и улучшить взаимодействие. Вы можете знакомить посетителей со своими предложениями, скидками или другими рекламными объявлениями. Для каждого всплывающего окна есть эффективная панель настроек. Таким образом, вы можете напрямую настраивать темы, цвета, размеры и многие другие параметры всплывающих окон. Самое приятное то, что он может интегрироваться с такими громкими именами, как WooCommerce, WPML, Divi, а также с выделенным всплывающим окном для MailChimp.

Hustle от WPMU DEV

Hustle входит в наш список с более чем 100 000 активных пользователей, а также кое-что совершенно уникальное: шаблоны. Это также поможет вам быстрее выполнять свою работу, добавив несколько мгновенно импортируемых шаблонов, которые действительно могут помочь намного быстрее развернуть новые кампании. Просто настройте свой контент и добавьте свои собственные изображения, чтобы выполнить свою работу! Помимо создания всплывающих окон для WordPress, вы также можете создавать подписки, виджеты или размещать всплывающие окна в любом месте с помощью шорткодов.

Всплывающие окна от OptinMonster

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

Brave Popup Builder

Brave Popup builder имеет очень чистый интерфейс с возможностью создавать потрясающие всплывающие окна за считанные минуты. С его помощью вы можете создавать подписки на рассылку новостей, контактные формы, объявления, уведомления о файлах cookie и многое другое. Поскольку его пользователи очень высоко оценивают, это не проблема. В нем также есть один из самых чистых конструкторов с 9 элементами, которые служат строительными блоками для ваших всплывающих окон.

MailOptin

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

Всплывающее окно от Supsystic

всплывающих плагинов WordPress Popup от Supsystic также является одним из полезных всплывающих плагинов WordPress, которые позволяют создавать функциональные всплывающие окна на вашем сайте WordPress.С помощью всплывающих окон конструктора всплывающих окон Supsystic вы можете получать подписчиков на рассылку новостей, продвигать новые продукты, доставлять специальные предложения и получать больше подписчиков в социальных сетях. Этот плагин может предложить множество вещей, таких как 30+ шаблонов всплывающих окон для мобильных устройств, триггеры всплывающих окон и т. д., когда показывать / закрывать всплывающее окно, кого показывать, показывать на следующих страницах, время для отображения, различные типы всплывающих окон, размещение всплывающих окон, модальное всплывающее окно, полноэкранное всплывающее окно, информационная панель, всплывающее окно, всплывающее окно и многое другое .

Завершение

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

НОВИНКА! 8 сравниваемых плагинов для всплывающих окон WordPress (большинство из них бесплатные)

Хотите добавить на свой сайт потрясающие всплывающие окна для увеличения конверсии?

Плагины

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

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

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

1. OptinMonster
2. TrustPulse
3. Bloom
4. ThriveSuite
5. Hello Bar
6. Elementor Pro
7. Popup Press
8. Sumo

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

Что искать в подключаемом модуле всплывающих окон?

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

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

При выборе всплывающего плагина обратите внимание на следующее:

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

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

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

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

1. OptinMonster

OptinMonster — плагин №1 для всплывающих окон WordPress. У него есть мощные функции для увеличения списка подписчиков и увеличения конверсии.

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

Вот несколько примеров кампаний, которые покажут вам, насколько творчески вы можете быть с OptinMonster:

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

• Exit-Intent®: Восстановите уходящих посетителей с помощью призыва к действию, прежде чем они покинут ваш сайт
• Таргетинг на страницы: Показать кампании на определенных страницах и сообщениях
• Геотаргетинг: Настроить всплывающие окна в зависимости от области или страна пользователя
• Источник реферала: Отображение всплывающего окна в зависимости от канала, по которому пришел посетитель, например Facebook или Google
• При нажатии: Встраивание всплывающих окон в кнопки и ссылки на вашем сайте, которые появляются при нажатии

OptinMonster также позволяет подключать всплывающее окно к популярным поставщикам услуг электронной почты, таким как Constant Contact и Mailchimp.Таким образом, все новые потенциальные клиенты будут автоматически отправляться на ваш адрес электронной почты.

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

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

Особенности

• Простота использования с шаблонами и конструктором перетаскивания
• Расширенные триггеры кампании и правила таргетинга
• Да / нет и двухэтапные всплывающие окна с подпиской
• Встроенная аналитика и A / B-тестирование для оптимизации результатов
• Высокая скорость и производительность, чтобы он не замедлял работу вашего сайта

Минусы: OptinMonster не предлагает бесплатную версию.Однако существует 14-дневная 100% безрисковая гарантия возврата денег.

Стоимость: OptinMonster от 9 долларов в месяц. Вы можете получить хорошую скидку на этот плагин, используя наш купон OptinMonster.

Платформы: OptinMonster работает на любом веб-сайте, включая WordPress, WooCommerce, Shopify, BigCommerce и даже сайты HTML. Если вы когда-нибудь решите перенести свой сайт на другую веб-платформу, OptinMonster легко интегрируется с любым сайтом, поэтому вы никогда не потеряете всплывающие окна и маркетинговый прогресс.

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

Подпишитесь на OptinMonster прямо сейчас!

2. TrustPulse

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

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

Вы получаете полный контроль над тем, какая активность отслеживается и отображается. Так, например, вы можете продемонстрировать активность, такую ​​как недавние подписки на информационные бюллетени, продажи, регистрации на веб-семинары / мероприятия и многое другое.

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

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

Прочтите наш полный обзор, чтобы узнать больше об этом плагине: TrustPulse Review: Повышение конверсии с помощью приложения Social Proof

Особенности

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

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

Стоимость: TrustPulse предлагает 4 тарифных плана от 5 долларов в месяц. Каждый из этих планов включает 14-дневную гарантию возврата денег без каких-либо вопросов. Для эксклюзивной скидки используйте наш купон TrustPulse.

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

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

Начните работу с TrustPulse прямо сейчас!

3. Блум

Bloom — это всплывающий плагин WordPress, созданный Elegant Themes. Он позволяет создавать красивые всплывающие формы прямо из панели управления WordPress.

Bloom включает более 100 встроенных шаблонов и 6 типов кампаний для создания настраиваемых всплывающих окон.Хотя при ближайшем рассмотрении большинство шаблонов выглядят одинаково с небольшими изменениями.

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

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

Хотите узнать больше об этом создателе всплывающих окон? Смотрите наш обзор Bloom.

Особенности

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

Минусы: Bloom не является отдельным плагином для всплывающих окон.Вместо этого он поставляется вместе с подпиской на Elegant Themes. Если вы не продлите лицензию на пакет, вы потеряете доступ и к своим всплывающим окнам.

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

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

Стоимость: Bloom доступен в пакете Elegant Themes по цене от 89 долларов в год или 249 долларов за пожизненный доступ.

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

Платформ: Работает на сайтах WordPress.

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

Начни работу с Блум!

4.ThriveSuite

ThriveSuite — это встроенный плагин WordPress, похожий на Elegant Themes. Внутри пакета вы получите доступ к плагину ThriveLeads, который позволяет создавать всплывающие окна для вашего сайта.

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

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

Подробнее об этом плагине читайте в нашем обзоре ThriveLeads: Thrive Leads Review 2021: это лучший плагин для построения списков WordPress?

Особенности

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

Минусы : С этим плагином нужно научиться.Это означает, что вначале вам может быть трудно привыкнуть к панели инструментов.

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

Стоимость: ThriveSuite стоит 19 долларов в месяц. Вы также можете выбрать ежеквартальные платежи из расчета 30 долларов в квартал.

Платформы: ThriveSuite работает только с WordPress.

Сравнение: ThriveSuite позволяет создавать красивые всплывающие окна, не касаясь кода.У них также есть приличное количество вариантов таргетинга. Это отличная альтернатива плагину Bloom, но не соответствует тому, что предлагает OptinMonster.

Начните работу с ThriveSuite!

5. Бар Hello

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

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

Особенности

• Основные параметры таргетинга
• Пользовательские отчеты и аналитика данных
• A / B-тестирование для поиска лучших кампаний
• Пользовательская страница с благодарностью

Минусы: Бесплатный план ограничивает вас до 10 всплывающих окон и 5000 просмотров в месяц. Вы также увидите логотип Hello Bar во всплывающих окнах. Если вы хотите удалить брендинг, вам нужно будет перейти на премиум-план.

Стоимость: Hello Bar предлагает бессрочный план до 5000 сеансов в месяц. Профессиональная версия стоит от 29 долларов в месяц.

Платформы: Hello Bar работает на всех платформах.

Сравнение: Hello Bar — отличный вариант для тех, кто ищет бесплатный тарифный план для небольших сайтов. Но по мере роста вашего сайта вам потребуется создавать больше кампаний и получать больше просмотров страниц. Когда вы переходите на премиальный план, это довольно дорогой инструмент.

Кроме того, он не предлагает столько функций и вариантов таргетинга, сколько вы ожидаете по этой цене.

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

Начните работу с Hello Bar!

6. Elementor Pro

Elementor Pro — лучший конструктор перетаскиваемых страниц для WordPress. Его любят миллионы владельцев веб-сайтов по всему миру в основном из-за его многофункционального бесплатного плана.

Если вы уже используете Elementor Pro на своем веб-сайте, вы можете создавать всплывающие окна без дополнительных затрат.

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

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

Особенности

• Получите доступ к более 100 красивым адаптивным шаблонам
• Создавайте неограниченное количество всплывающих окон
• Используйте триггеры, условия отображения и расширенные настройки
• Добавляйте настраиваемые формы во всплывающие окна
• Интегрируйте с инструментами маркетинга и CRM

Минусы: Вам нужно купить конструктор страниц Elementor, чтобы получить доступ к конструктору всплывающих окон.

Стоимость: Elementor Pro начинается с 49 долларов в год. На все планы действует 30-дневная гарантия возврата денег.

Платформы: Elementor — конструктор страниц WordPress.

Сравнение: Elementor Pro — это в основном лучший конструктор страниц с перетаскиванием. Он невероятно прост в использовании и отлично подходит для всплывающих окон, если вы уже используете Elementor Pro.

Начните работу с Elementor Pro!

Popup Press позволяет создавать элегантные всплывающие окна для вашего сайта WordPress.Он выходит за рамки лидогенерации и позволяет создавать любые всплывающие окна, которые вам нравятся.

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

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

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

Особенности

• Простота использования
• Эффекты слайдера и лайтбокса
• Совместимость с HTML, аудио, изображениями, видео, iframe, формами и PDF
• Также работает с короткими кодами

Минусы: Popup Press создана для создания общих всплывающие окна. Это не сильно поможет в увеличении числа потенциальных клиентов и конверсий.

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

Стоимость: Popup Press стоит 39 долларов США за 6 месяцев поддержки (не включая налоги). Вы можете продлить лицензию до 12 месяцев за дополнительную плату в размере 12,75 доллара США.

Платформы: Popup Press работает только с WordPress.

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

Начните работу с Popup Press прямо сейчас!

8. Сумо

Sumo — это плагин WordPress, который позволяет создавать всплывающие окна с акцентом на расширение списка адресов электронной почты.

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

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

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

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

Особенности

• Настройка за считанные минуты
• Функция уменьшения количества брошенных корзин
• Интеграция с почтовыми сервисами и маркетинговыми платформами
• Экспорт списка подписчиков

Минусы: Возможности настройки ограничены.Для расширенных возможностей настройки вам понадобится CSS.

Стоимость: Существует бесплатная версия с базовыми функциями. Профессиональный план стоит 49 долларов в месяц на 100 000 посетителей. Существует 30-дневная гарантия возврата денег, и вы можете сэкономить 120 долларов, если будете ежегодно платить за подписку на плагин.

Стоимость Sumo зависит от посещаемости вашего сайта. С бесплатным плагином всплывающие окна не всегда появляются, если ваш сайт привлекает большое количество трафика.

Платформ: Работает на WordPress.

Сравнение: Бесплатное приложение очень ограничено в том, что оно предлагает. Кроме того, он создает синюю строку меню сбоку от вашей панели wp-admin. Если вы хотите удалить его, вам нужно будет купить премиум-версию.

Имейте в виду, что Sumo — это широкий продукт, ориентированный только на расширение списка адресов электронной почты. По сравнению с другими плагинами всплывающих окон в нем отсутствуют некоторые функции всплывающих окон и не так много параметров таргетинга.

Начни заниматься сумо прямо сейчас!

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

Наш выбор: какой плагин для всплывающих окон является лучшим для WordPress?

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

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

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

Чтобы создать свое первое всплывающее окно с помощью OptinMonster, см. Наше руководство: Как создать всплывающее окно в WordPress (шаг за шагом).

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

Мы надеемся, что этот список помог вам найти лучший плагин для всплывающих окон WordPress для вашего сайта.Для следующих шагов вам пригодятся следующие ресурсы:

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

Какой лучший плагин для всплывающих окон WordPress? 4 лучших решения по сравнению с

Однако по той же причине Elementor не так силен, когда дело доходит до аналитики и A / B-тестирования, потому что… ну, их нет. Так что это своего рода компромисс, который вы увидите еще несколько раз — вы получите свободу дизайна, но за счет встроенного отслеживания.

Elementor Pro: Popup Builder — функции

Elementor Popup Builder является частью основного плагина Elementor Pro, а не какой-то отдельной функцией, которую вам нужно устанавливать.

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

После того, как вы выберете начальную точку, вы попадете в обычный интерфейс конструктора страниц Elementor с одной новой функцией — специальной областью Popup Settings , где вы можете настроить свое всплывающее окно…

• Позиция
• Поведение
• Размер
• и т. Д.

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

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

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

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

Помимо таргетинга на конкретный контент WordPress (, например, категории, отдельные сообщения, ваша домашняя страница и т. Д. ), вы также можете настроить подробные триггеры :

И расширенные правила дают вам больше контроля над тем, кто видит ваши всплывающие окна, например, таргетинг на определенных источников перехода или ограничение того, как часто отдельный пользователь видит всплывающее окно:

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

Опять же, единственным заметным недостатком здесь является отсутствие какой-либо аналитики или A / B-тестирования.

Elementor Pro: Popup Builder — плюсы и минусы

👍 Плюсы

• Создавайте всплывающие окна с помощью визуального редактора перетаскивания
• Абсолютно лучший плагин для всплывающих окон WordPress, когда дело доходит до вариантов дизайна (, потому что вы можете использовать полнофункциональный интерфейс Elementor )
• Вы можете использовать все обычные виджеты Elementor (, включая дополнительные виджеты, добавленные с помощью сторонних плагинов, таких как Sizzify )
• Вы можете создавать всплывающие окна любого типа, включая лайтбоксы, двухэтапные окна, слайды, панели уведомлений и т. Д.
• Он имеет солидный выбор правил таргетинга и триггеров, включая возможность запускать всплывающие окна нажатием кнопки в ваших обычных дизайнах Elementor
• Вы получаете доступ ко всем остальным функциям Elementor Pro по той же цене (, как создание темы )

👎 Минусы

• Нет встроенной аналитики
• Нет встроенного A / B-тестирования

Кому следует использовать Elementor Pro: Popup Builder?

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

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

Итак, если вы цените эти две вещи, Elementor сделает вас счастливыми.

Однако, если Elementor Pro — это , а не , лучший плагин для всплывающих окон WordPress — это когда дело доходит до аналитики и A / B-тестирования.Если вы хотите быстро видеть коэффициенты конверсии всплывающих окон прямо на панели инструментов и / или запускать A / B-тесты, Elementor Pro, вероятно, не для вас. Вы, , можете сделать это с помощью , используя Google Analytics или Google Optimize, но это далеко не так удобно, как другие инструменты.

Elementor Pro стоит от 49 долларов за использование на одном сайте и до 199 долларов за использование на неограниченном количестве сайтов.

ЧИТАЙТЕ ТАКЖЕ 👉 Обзор нашего Elementor // 30+ тем и шаблонов Elementor

2.OptinMonster (optinmonster.com)

Как добавить модальное всплывающее окно в WordPress за 3 простых шага

Знаете ли вы, что недавнее исследование 2 миллиардов модальных всплывающих окон показало коэффициент конверсии 9,28% среди 10% лучших?

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

Вы также хотите добавить модальные окна на свой веб-сайт и воспользоваться преимуществами, которые он предлагает?

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

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

Модальные всплывающие окна очень распространены, и маловероятно, что вы их не встречали. Но знаете ли вы определения модального всплывающего окна? Давайте посмотрим.

Модальное окно (также называемое модальным окном или лайтбоксом) — это элемент веб-страницы, который отображается перед всем остальным содержимым страницы и деактивирует его.Чтобы вернуться к основному контенту, пользователь должен взаимодействовать с модальным окном, выполнив действие или закрыв его.

— точка доступа

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

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

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

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

Зачем использовать всплывающее окно на своем веб-сайте WordPress

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

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

По данным Sumo, менее чем за два года они собрали около 23 645 948 адресов электронной почты с помощью всплывающего модального окна.Во многих случаях коэффициент конверсии доходил до 50,2%!

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

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

Распространенное использование модального окна в современном веб-дизайне

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

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

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

Итак, приступим.

Настройка, необходимая для начала работы

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

1. Elementor (бесплатная версия)
2. ElementsKit ( как бесплатная, так и профессиональная версия, )

Elementor — бесплатный конструктор страниц, а ElementsKit — один из лучших всплывающих плагинов WordPress.

Установка завершена? Теперь приступим к основному процессу.

Как добавить модальное всплывающее окно в WordPress за 3 шага в Elementor с помощью ElementsKit

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

Шаг 1. Включение модального всплывающего виджета

• Перейти к ElementsKit > Виджеты > Включить Popup Moda l> Щелкните Сохранить изменения

Включить модальный виджет

Шаг 2: Добавить модальный

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

Виджет перетаскивания

Шаг 3. Завершите настройку параметров

Щелкните значок «Редактировать» во всплывающем разделе, чтобы перейти к параметрам редактирования.

• Чтобы изменить текст кнопки, перейдите к Content > Toggle Button > Label and edit

Изменить текст кнопки переключателя

• Чтобы изменить заголовок и субтитры перейдите к Content > Content > Content > Content > Content > Заголовок и измените параметры своим собственным текстом.

Изменить заголовок и подзаголовок

• Чтобы изменить содержимое тела, разверните раздел содержимого и отредактируйте текст.

Изменить основной текст

• Перейдите к Content> Footer> Button> CTA и измените CTA-метку и URL-адрес

Изменить CTA и URL-адрес

• Наконец, нажмите Update для сохранения.

Готово. Теперь нажмите кнопку предварительного просмотра, чтобы увидеть результаты.

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

Well Done! Вы создали модальное всплывающее окно.

Дополнительные настройки для модального окна

Дополнительные настройки

Теперь давайте посмотрим на дополнительные модальные настройки, которые вы можете настроить:

Планировка:

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

Тип переключателя:

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

.

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

• Перейти к содержимому> Тип переключателя > Выбрать изображение
• Перейти к изображению переключателя> Выбрать изображение , размер изображения и выравнивание

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

• Перейти к содержимому> Тип переключателя > Время
• Добавить время в Переключить через (в секундах)

Тип всплывающего окна:

У вас есть два варианта типа всплывающего окна: модальное и слайд-шоу.

Позиция всплывающего окна:

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

• Вверху слева
• Вверху по центру
• Вверху справа
• По центру слева
• По центру
• По центру справа
• Внизу слева
• Внизу по центру
• Внизу справа

Всплывающее окно:

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

Накладка:

Если вы не хотите заставлять пользователя нажимать на ваше модальное окно, чтобы закрыть его, включите опцию Close Popup OnClick Overlay . Таким образом, пользователь может щелкнуть в любом месте окна, чтобы закрыть модальное окно.

Значок закрытия:

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

Заголовок:

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

Нижний колонтитул:

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

Как добавить индивидуальный дизайн в модальном окне с помощью ElementsKit Popup Builder

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

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

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

• Перейдите в Content> Content> Включите Enable Template
• Нажмите на модальную кнопку и после открытия модального окна нажмите на опцию редактирования , чтобы открыть область виджетов

Enable Template

• Once the widget area открыт, вы можете искать для любого виджета> перетащить > обновить до сохранить.

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

Предварительный просмотр модального окна с видео

Используйте готовые разделы ElementsKit для красивого модального окна

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

Откройте раздел виджетов ElementsKit

Чтобы использовать встроенные виджеты из ElementsKit, выполните следующие действия:

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

• Перейдите в> Разделы> Выберите нужный раздел> Вставить

Найти и вставить

• После вставки вы можете изменить изображение, текст или цвет фона в соответствии с вашими предпочтениями и обновить .

И вот окончательный результат!

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

Добавьте контактную форму 7 в модальном режиме с помощью ElementSkit

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

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

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

Перед тем, как выполнить эти шаги, убедитесь, что вы создали контактную форму на своем веб-сайте с помощью контактной формы 7, Elementor Page Builder и ElementsKit.

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

Приступим.

• Перейдите к Content> Content> Включите Enable Template
• Нажмите на опцию редактирования , чтобы открыть область виджетов
• Search Contact Form, перетащите в нужный раздел чтобы добавить это.
• Разверните опцию стиля в форме обратной связи 7
• Выберите из готовой формы и обновления .

Модальное окно с контактной формой 7 Предварительный просмотр

Здесь у вас есть модальное всплывающее окно с контактной формой для увеличения вашего списка адресов электронной почты.

Заключение

Поздравляем! Теперь вы знаете, как создавать всплывающие модальные окна, создавать всплывающие окна контактных форм и выполнять любую настройку на сайте WordPress без особых усилий с помощью простого плагина для создания всплывающих окон ElementsKit Pro и Elementor Page Builder.

Не останавливайтесь на достигнутом. Продолжайте экспериментировать, сколько способов можно использовать на своем веб-сайте. И если вам нужна помощь, оставьте комментарий ниже.

Чтобы узнать больше и прочитать больше блогов о плагинах WordPress, присоединяйтесь к нашему сообществу в Facebook и Twitter.