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

Q2W3 Fixed Widget (Sticky Widget)

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

Modal Dialog

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

Lightbox

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

Popup

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

ITRO Popup Plugin

А плагин ITRO Popup Plugin популярный и простой в настройке, работает с WP Post Editor и позволят создавать на сайте модальные окна с дальнейшей возможностью их редактирования и изменения.

WP Popup Plugin

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

WP Notify

Скачать последнюю версию WP Notify

Скачать русскую версию плагина WP-Notify

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

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

Плагин всплывающих сообщений на сайте

Перейдем к настройке и выбору цветовой гаммы для сообщений:

WP-Notify всплывающие сообщения на сайте

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

Всплывающие сообщения на сайте

Объясню важность этих цифр и для чего нужны ( на скриншоте):

[stextbox id=»info»]1. Уже есть 3 заготовки, которые создают внешний вид всплывающего окна. Чтобы сделать окно прозрачным подойдут: стиль Safari, Facebook. Первая вкладка «Сверху ( по умолчанию)» делает форму не прозрачной.
2. Надо выбрать условие, после которого будет выводиться окно.
3. Если вы выберите пункт «Использовать произвольное сообщение», тогда вы можете сами написать, что будет показываться в сообщении. Отображается текст из пункта 4. Вместе с пунктом «Другие сообщения» подключаются пункты5,6.
5. Здесь можно выбрать показывать уже опубликованные статьи, либо, которые у вас в черновиках. В пункте 6 просто указываем цифру, сколько показывать ссылок на статьи.[/stextbox]

Стоит отметить, что в 4-ый блок можно помещать html коды, что дает возможность отображать медиа файлы.

Scroll Triggered Box

Плагин выводит маленькое окно, привлекающее внимание у пользователя в момент, когда прокручивается страница блога в самый низ, таким образом прочитав всю статью. Исчезнет окно из поля зрения, если пользователь начнёт прокручивать сайт вверх и не вызовет раздражения. Кроме данного если пользователь закроет окно, нажав на кнопку крестик, оно больше не будет отображаться даже при переходе на иные страницы сайта.
Называется такой плагин Scroll Triggered Box. Окошко, которое он выводит, может направляться для решения разных задач, к примеру, для установки формы подписки на блоге.
всплывающее окно для блога WordPress

Настройка плагина Scroll Triggered Box.


Для того, чтобы настроить плагин Scroll Triggered Box необходимо перейти в раздел «Параметры» административной панели WordPress, дальше «Scroll Triggered Box» и направляемся на страницу настройки плагина.

Страница настроек данного плагина имеет интерфейс на английском языке и дает возможность сделать следующее:
Theme — этот пункт дает возможность подобрать одну из 4-ех предложенных тем оформления окна на блоге;
Testing — отключает и включает тестовый режим данного плагина, при котором окно будет видеть дишь администратор блога;
Visible at— дает возможность указать типы страниц блога, где будет отображаться окно: Pages – на страницах сайта, Posts – в статьях, Frontpage – на основной странице;
Cookie lifetime — здесь настраивается число дней, на продолжительности которых окно будет не активно для определенного посетителя с момента его закрытия при помощи нажатия на крестик;
Show box at — в этом поле настраивается место для отображения окна в процессе прокрутки страницы пользователем, число указано
в процентах. К примеру: если указать «50» то окно появится на странице посередине при прокрутке её вниз исчезнет. Если указать «0» то окно будет отображаться постоянно на странице;
Show box at element — здесь настраивается элемент страницы (class или ID) – сигнал для отображения всплывающего окна;
Include css — включает встроенные CSS стили данного плагина;
Box position – в этом пункте настраивается позиции вывода окна. (Всплывающее окно отображается лишь внизу сайта, в левом, правом углах или посередине сайта);
Box width – ширина окошка в пикселях;


Box html – в этом поле вводится нужный текст, который будет выводится в окне на блоге;


buttons – в данном пункте можно настроить встроенные в плагин кнопки соцсетей.


Существует несколько видов вывода кнопок: вертикальные или горизонтальные со счетчиком, без счетчика.
После внесения всех нужных изменений следует нажать на кнопку «Save Changes».

Обзор платных  плагинов всплывающих окон

comments powered by HyperComments