Ninja Popups — ваш верный ниндзя
Всем привет! Согласитесь, часто бывает такая ситуация, когда вроде и посетителей на сайте уже довольно много, и даже, комментарии частенько оставляют.., но вот, ну никак не хотят «жмакать» на социальные кнопки или подписываться на ваши рассылки. Даже обидно за труды становится. Знакомо, правда?
Сегодня я расскажу вам о замечательном плагине — Ninja Popups, который призван эту несправедливость по мере сил, исправлять. Разумеется, с помощью всплывающих окон или говоря на басурманском – «popups».
Вообще конечно, злоупотреблять такими окнами не стоит, иначе не то, что пользы, больше вреда будет. Я уж не говорю про плагины, которые и вовсе закрывают часть контента, пока «лайком не заплатишь». Это уже скорее из серии извращений. Я на таких сайтах особо не задерживаюсь. А вот иногда просто напомнить читателю, бывает полезно.
Что умеет плагин?
Умеет выводить разнообразные, всплывающие (popups) окна с заданными вами текстами, картинками и заготовленными шаблонами. Это может быть предложение подписаться на рассылку, отметится в фейсбуке или вывести кнопки социальных сетей. Может просто выводить окна с любыми вашими картинками и информацией. Например, о наступающих скидках для магазина ил о наступлении Нового года. Еще он умеет показывать интерактивную popup гугл карту.
Что особо приятно, в плагине имеется масса готовых, симпатичных заготовок всех основных цветов и расцветок. Вам остается только вписать туда свою информацию, настроить вывод и готово.
Установка и настройка Ninja Popups
Загружаем файлы плагина на свой сервер и активируем. Заходим в меню Ninja Popups и можем перейти на любую из трех страниц с настройками:
Popups
Список со всеми созданными ранее всплывающими окнами. Если таковых еще нет, то переходим на вторую страницу или кликаем в самом верху — Add New Popup.
Add new Popups
Создание нового всплывающего окна. Наверху нужно задать заголовок. Ниже выбираем шаблон. Всего 13 шаблонов. Среди них формы подписки, кнопки социальных сетей, группа в фейсбуке, и просто формы под любой ваш креатив. Многие имеют несколько цветовых вариаций.
Еще ниже идут детальные настройки. Для разных форм они могут немного изменяться в зависимости от того, что было выбрано наверху. В большинстве случаев вы указываете размер окна, расположение текстовых блоков и колонок, размеры шрифтов, прозрачность окна и прочее.
В специальных полях заполняете на русском языке не изменяемый текст типа «Your E-mail…», который увидят читатели.
Отдельно возможно еще настроить даты начала показа вашего Popup окна и завершения, настроить вид кнопки – Закрыть или убрать ее вообще (окно может автоматически закрываться через указанный промежуток времени). Кроме этого, определяете — сколько дней не будет снова выскакивать ваше окно, если пользователь уже использовал его по назначению (проголосовал в сетях или подписался) или просто закрыл. Можно дополнительно настроить страницу редиректа для тех, кто решил подписаться.
Ну и наконец, вы можете принудительно выводить окно, даже если пользователь решил вообще выйти с вашего сайта.
Справа, наверху от настроек присутствует большая кнопка предпросмотра, для того что вы могли всегда взглянуть как это будет работать и кнопка сброса Cookies для вашего сайта.
В целом как я уже отмечал, настройки могут частично меняться, в зависимости от типа шаблона который вы используете.
Settings
Тут общие настройки на шести вкладках.
- Включить/выключить работу плагина и отображение на мобильных устройствах.
- Выбрать какой Popup будет показываться после входа на сайт и где (страницы, записи, домашней или в категориях).
- Выбрать какой Popup будет отображаться при выходе пользователя с сайта и при необходимости слинковать его с другими страницами.
- Mailing List Manager на тот случай если вы захотите использовать плагин в рассылке.
- Отображать ссылку на автора плагина.
- А так же, настроить дополнительные параметры отображения CSS классов, отключить jQuery для разных сервисов.
Очень качественный, гибкий в настройках и возможностях плагин, для вывода практически любых Popups на вашем сайте. Можно сделать при желании, как очень навязчивую «призывалку» к действиям, так и легкое и ненапряжное напоминание для читателей о том, что считаете наиболее важным.
Как поднять попап по нажатию ссылки или кнопки? Вставьте в ссылку #ninja-popup-POPUPIDHERE, где укажите в POPUPIDHERE нужный ID вашего попапа.
Как поднять попап на отдельной странице или в посте? Все настройки для этого есть в каждом посте или странице. Внизу в разделе Ninja Popups выберите нужный для появления при загрузке или на выходе.
Приобрести плагин можно на официальной странице. Версия плагина на момент написания (обновления) статьи – 1.7
Достаточно полезный плагин. Но некоторых посетителей такие всплывающие окна пугают.
Плагин безусловно интересный, надо будет приобрести пожалуй. Спасибо за подробную инфу.
Жаль все на английском. Настроек там полно я чувствую. А так конечно, социалки рулят.
а как его интегрировать с нашими сервисами типа justclick и smartresponder? а то не понятно 🙁
Я думал это мануал, а это просто описание плагина((
Хотелось бы узнать как редирект на форму ставить, что в ссылке должно быть, что бы форма показывалась по нажатию на неё.
Совершенно верно, это описание. Поднять попап по ID в ссылке можно так — #ninja-popup-POPUPIDHERE
Мануал автора тут — _http://docs.arscode.pro/ninja-popups/#!/documenter_cover
Подскажите более подробно как выводить его по кнопке?
Я вот создал так: #ninja-popup-153
Но ничего не происходит!
Спасибо
Василий, я описал как это работает у меня. Какая у вас версия плагина и дайте ссылку на ваш живой пример. Я посмотрю.
Дмитрий то же пытаюсь как вы сказали в «link_to_page=»#ninja-popup-706» прописал к своей ссылочке но ничего не открывается. Как Вы думаете в чем может быть проблема?
Да я уже давно этот вопрос решил ,ничего сложного там нет ,просто сразу ступил был…
Просто к хештегам добавляйте
А вот примеры самих хеш тегов :
Изображением:
[ninja-popup ID=25] [/ninja-popup]
Ссылкой:
[ninja-popup ID=45] Click Here for Extra Bonus [/ninja-popup]
Хех… а нет пример показать не смогу тут форма обрезает код,так что только в личку!
Благодарю, сделал и вроде появилось выглядит так http://alphatok.ru/home/glavnaya-demo-slajder , на середине страницы под кнопкой заказать звонок ЖМИ.
Только вот как сделать для этой кнопки «ЗАКАЗАТь ЗВОНОК ЖМИ»?
Если у нее код
Да все так же,заключите саму кнопку в хештег.
чего то я совсем юзер, тогда получается, что преподает оформление кнопки, а выдает он все текстом, получилось так http://alphatok.ru/home/glavnaya-demo-slajder#prettyPhoto справа над кнопкой скачать презентацию pdf.
ведь так нужно было написать, я правильно понял?
[ninja-popup ID=706]
Заказать звонок. ЖМИ!?
[/ninja-popup]
У вас разные стили, кнопка это class=»ka_button medium_button medium_cherry» а окно class=»snppopup-content» так вот с ними и поиграйтесь ,а лучше всего создать отдельный стиль и прописать его да и все, 10 мин .работы.
Вы так и не ответили на вопрос: как же все таки интегрировать данный плагин с Smartresponder?
Вам стоит спросить у автора. В списке оф. поддерживаемых сервисов такого нет.
Прошу прощения, не туда написал. Имею ввиду Layered Popup
Дмитрий, хочу в попапе вместо карты, которая стоит для примера, вставить свою карту, но не выходит. Зашел в google карты, указал адрес, копирую в соответствующее поле попапа — пусто. Не работает. Не подскажите, где брать ссылку для вставки карты?
Решил вопрос открытия Ninja popups по нажатию на кнопку:
когда вставляю в ссылку кнопки #ninja-popup-POPUPIDHERE как пишет автор ничего не работает, но когда на странице присутствует шорткод [ninja-popup ID=25]. [/ninja-popup] все отлично.(для незаметности в тексте на странице вставил шорткод вокруг точки и кнопка заработала)
Здравствуйте, не могу понять как настроить чтобы попап появлялся, например, вверху справа. Или как прописать нужно расположение попапа на странице? Буду очень признательна!
Можно ли сделать так, чтобы окно показывалось только если посетитель перешел по 3 страницам сайта? Или не показывалось в течении какого-то времени после того как пользователь закрыл окно.
Ninja Popups — крутые попапы для WordPress — WordPress — Форум по обмену приватной информацией и различным видам заработка А кто-нить знает как интегрировать этот плагин с русскими сервисами рассылки типа Justclick, smartresponder? а то в нете ничего найти не могу
Не совсем корректно работает этот плагин на мобильных устройствах.