💸 Как сделать бизнес проще, а карман толще?Darkwing Duck Popup — всплывающее окно подписки
У меня на блогопрактике реализована такая фишка, как, всплывающее окно при выходе с блога. Именно такой вариант использования попапа мне нравится. Я против использования всплывающего окна сразу, с первых секунд пребывания на сайте посетителя.
Не знаю, как кто к этому относится, я же сразу закрывают такие окна. Причина одна: я хочу прежде познакомиться с автором блога, понять его, его стиль написания статей, а уж потом принимать решение, нужно мне подписываться на его рассылку или нет. Таковая моя логика.
Попап на выходе вписывается в вышесказанную концепцию. После того, как человек уже побывал на страницах, в момент выхода за пределы блога, перед ним появляется всплывающее окно с предложением получить подарок.
Все демократично, без навязывания. Человек уже собрался уходить, но вот у него появился выбор. Воспользуется — хорошо. Нет — попап никак не препятствует ему нажать на крестик и удалиться прочь...
Сегодня я хочу рассказать и показать, как это все делается. Сразу хочу оговориться, что эта фишка сделана у меня 2-мя разными способами. Один из них я уже описывал вот в статье: «Всплывающее окно подписки на выходе»
Сначала этот попап работал у меня на самом блоге, затем я его перенес на отдельную продающую страницу. Там реализована технология использования попапа с помощью java-скрипта.
На блоге же я использую плагин Darkwing Duck Popup.
Он очень прост в использовании в настройках, верой и правдой служит уже долгое время. Давайте познакомимся с ним поближе. Для этого скачиваем архив по этой ссылке.
Разархивируйте архив. В нем есть ещё две папки: darkwing_templates и darkwingpopup.
1. Первая – это шаблоны, которые вы можете использовать или править под себя. В данном случае – это и будет шаблон всплывающего окна.
2. А вторая папка darkwingpopup – это сам плагин.
Начнем со второй папки. Вам нужно папку darkwingpopup через ftp закачать на хостинг в папку с плагинами wp-content/plugins/. Получится что в wp-content/plugins/darkwingpopup/ будет располагаться сам плагин, то есть вот такие файлы.
Первую папку из архива — darkwing_templates можете закачать сюда же в wp-content/plugins/darkwingpopup/ или в любую другую директорию.
Итак, если вы уже сделали то, что я написал выше, теперь можно идти в админку в раздел «Плагины», найти Darkwing Duck Popup и активизировать его. Теперь в админке в меню плагины появится ссылка DD popap – заходите по ней и попадаете в настройки плагина.
Самый первый пункт: url отображаемой страницы. Здесь нужно указать путь к одному из шаблонов, которые находятся по адресу wp-content/plugins/darkwingpopup/darkwing_templates/ (У меня на картинке шаблоны загружены в другую директорию, так что не обращайте внимания).
Поскольку в этой папке есть несколько шаблонов blue, grey, purple, и другие. Выбираете любой из них. Они все одинаковы, только по цвету разняться. Например, возьмем grey
Пишем в «url отображаемой страницы» полный путь к шаблону, например, https://site.ru/wp-content/plugins/darkwingpopup/darkwing_templates/grey/index.html
Поздравляю! Вы уже подключили шаблон попапа. То есть плагин работает по такому принципу: он во всплывающее окно выводит шаблон подключенной вами html страницы. Замечу, что шаблон вы можете сделать и свой, но в данном случае мы рассматриваем стандартные шаблоны.
В следующих 2 пунктах задаем ширину и высоту попапа. У меня 740 на 450
Затем указываете, на каких страницах выводить всплывающее окно.
На главной, на страницах постов или на статичных. Я поставил на всех. А можно отключить. Например, на главной не показывать.
Потом важный параметр, как показывать окно, exit – значит на выходе из блога или классический, сразу при входе.
Я поставил на выходе, почему так уже объяснил в начале поста. Если же вам хочется сделать на входе, тогда нужно будет выставить задержку в секундах. Через сколько секунд появится окно.
Лайтбокс — это эффект затемнения. Смотрите сами, нужна вам эта фишка или нет.
И «когда показывать», также настройте на 1 день на 2 или не ставьте время вообще. Это как вы уже решите. Важно, чтобы попап не надоедал посетителям.
Поставьте отображать попап при переходе со стороннего сайта. Если поставите при любом, попап будет все время всплывать, сколько люди будут ходить по страницам. Хотя он и на выходе, может надоедать.
Вот это и есть все настройки подключения всплывающего окна.
Хочешь найти работу в Интернете? Узнай о самых надёжных способах! 24 востребованных Интернет-профессий ждут тебя
Как подключить рассылку с помощью Darkwing Duck Popup
Однако те шаблоны, которые у нас есть и которые мы подключили, они ведь не заточены под вашу рассылку и под ваш продукт. Сейчас мы просто подключили плагин и настроили его на работу. Следующий этап — нужно подправить саму страницу окна.
Если вы умеете немножко править html шаблоны, вы легко справитесь с этой задачей. Открываете любой шаблон или в данном случае grey, его индексный файл index.html в вебредакторе, переписываете текст под себя:
Теперь обязательно нужно подправить саму форму подписки. Сразу после строчки:
<form style="margin: 0; padding: 0;" action="https://smartresponder.ru/subscribe.html" method="post" onsubmit="return SR_submit (this)">
<input name="version" value="1" type="hidden" /><!--Меняем номер маркированной формы name="tid" value="ЗДЕСЬ_ВАШ_НОМЕР" по умолчанию ноль--><input name="tid" value="0" type="hidden" /><!--Меняем номер идентификатора аккаунта на Smartresponder: name="uid" value="ЗДЕСЬ_ВАШ_НОМЕР"--><input name="uid" value="51034" type="hidden" /><input name="lang" value="ru" type="hidden" /><!--Меняем номер рассылки на Smartresponder: name="did[]« value=»ЗДЕСЬ_ВАШ_НОМЕР"--><input name="did[]« value=»125544" type="hidden" />
Курсивом выделены подсказки, что вам нужно в этом коде ещё изменить: Вам нужно поставить значения did и uid .
Как это сделать, где узнать параметры did и uid?
Сейчас стоят мои параметры, вам нужно поставить свои. Идете на Смартреспондер, в разделе «Генератор форм подписок», находите свою, кликаете по ней, и опускаетесь вниз страницы.
Там увидите код подписки на рассылку, находите в нем значения параметров did и uid. Копируете их и вставляете в код, который правите.
Сохраняете индексный файл. Закачиваете файл index.html на хостинг, в нашем случае в папку с шаблонами wp-content/plugins/darkwingduckpopup/darkwing_templates/grey/
Все, теперь попап работает на вас.
ПОДПИСАТЬСЯ НА ОБНОВЛЕНИЯ БЛОГА И ПОЛУЧАТЬ НОВЫЕ СТАТЬИ, АУИДО И ВИДЕОКУРСЫ
Если вы умеете создавать свои формы подписки, вы можете легко и просто создать уникальный попап. Вставить картинки и прочее. Суть подключения от этого не меняется. Вам нужно будет все также прописать путь к индексному файлу, отвечающему за шаблон попапа.
Рекомендую также книгу «Окно Попап на любом сайте»!
Она идет бонусом к ЭТОМУ КУРСУ
Автор: Игорь
Чистый звук в мире инфобизнеса
Странно, у меня на вашем блоге попап выскакивает сразу же как загружается страница. Раздражает неимоверно. Не отписался до сих пор только в силу лени.
Действительно, странно. У меня не выскакивает сразу. Только после того, как мышкой выйду за пределы блога.
Почему-то плагин не появляется в админ-панели после закачки по FTP.
Спасибо, Виталий. В описании допустил ошибку. Сейчас исправлю... Готово.
Игорь, а что Вы поправили ?
У меня тоже плагин не появился после закачки по FTP. 😥
Я сделал ошибку ранее, указав, что нужно разархивированую папку закачать в папку с плагинами. Поэтому ещё раз подчеркнул в статье, что сам плагин — это папка darkwingpopup, а не darkwingduckpopup. Именно darkwingpopup нужно в папку с плагинами поместить. А папку с шаблонами куда угодно. Важно к своему шаблону прописать потом путь. Все просто, как всегда. Путаница возникла из-за схожести названий папок. Разархивированной и самого плагина.
У меня окошечко с подпиской тоже появляется, когда захожу на ваш блог, а когда выхожу, то нет. Несколько раз проверяла.
Вообще-то такого рода окошечки не всем нравятся, я бы такое себе не поставила. Но это, конечно, дело вкуса...
Странно, почему разные результаты. У меня окошечко все время появляется при движении мышкой за пределы блога. Само по себе оно не выскакивает, только при движении в сторону вкладки.
Меня устраивает окно, благодаря ему за полгода 800 человек скачали мою книгу.
Да такой вариант лучше, нужно взять на вооружение
Честно говоря, мне попапы тоже не нравятся.
Единственный их плюс — возможность получить какую-либо действительно стоящую бесплатность на продающих страницах гуру.
Согласен. Кроме попапов есть и другие решения, например, всплывающие панели, флеш уголок
Флеш-уголки абсолютно бесполезны и, наверное, здорово нагружают блог.
Видела на одном сайте такую тоненькую желтенькую полосочку с текстом.
Внимание привлекает, не раздражает, если текст заинтересует, можно кликнуть.
Где бы такую-же достать?
Да... да... я такое встречала и у меня есть информация. Приеду из отпуска, если интерес не пропадет, могу глянуть! 😉
И вдобавок еще кучу рекламных писем после?
Хотя не все это практикуют.
А я один раз участвовала в каком-то конкурсе, и только что сделала окно подписки по этой статье.
Из моего комментария на сайте конкурса пришел человек и посоветовал убрать всплывающую подписку на выходе, а то, говорит, больше к тебе люди не придут. Ты их распугаешь сама.
Убрала тут же. До сих пор не поняла, картинку что ли страшную поместила?
Всплывающие окна подписки — это техника привлечения подписчиков. Кто-то использует её, другой — нет. Я использовал окно на выходе из сайта, так более логично мне кажется. Тут каждый сам за себя решает, как быть.
А на счет того, придут люди на сайт или нет, все-таки в конечном итоге зависит от контента, а не от всплывающего окна. Хотя, соглашусь, что оно может раздражать. Но я просто закрываю такое окно (на входе), чтобы не мешало, вот и все дела. ))
Зря убрали! На закрытие уже не спугнешь, человек и так уходит 😕 Куда хуже когда сразу выскакивает окно на весь экран, даже прочесть статью не успеваешь! Вот тут чаще человек уходит и уж точно не захочет добровольно возвращаться. А если подписку «прятать» то искать ее мало кто будет ➡
Я знаю что это сейчас модно, на каждом 20 сайте это есть, но мне кажется простому посетителю это не нравится. Подозрений не вызывает это только у блогеров и владельцов сайтов.
Игорь, как приеду из отпуска, обязательно сделаю такое окно подписки. Не скажу, что встретила эту информацию впервые, но так ни разу и не попробовала сделать. По твоим статьям у меня все получается прилично, потому, что у тебя на блоге очень понятная подача материала и если не получается, всегда можно задать вопрос на который ты обязательно отвечаешь. Спасибо, тебе, Игорь!
Ну, да, стараюсь отвечать 😉
Я против любых всплывающих окон. Блоги с попами при входе закрываю сразу — это элементарное неуважение к посетителю. При выходе можно использовать, но я никогда этого не делал и не буду.
Игорь, на твоём блоге никаких попапов не вижу ни при входе, ни при выходе.
Есть, есть. Настроен сейчас на показ 1 раз в сутки.
на самом деле тут это не важно. хорошему блогу попап не помешает.
спасибо Вам большое за плагин. Пол интернета перелопатил — везде либо ерунда с кучей багов, либо нужно платить кучу денег. Все сделал, все работает!
Вот и хорошо!
Здравствуйте! Установила все правильно. Три недели работал нормально. Но последние дни заметила, что вместо текста в окне одни вопросы... что это ? И как можно исправить?
Спасибо.
Всплывающее окно — это страница html. Стало быть у вас проблема в кодировкой. Я не знаю, какая у вас стоит, но нужно поэкспериментировать, если сейчас windows-1251, то и изменить на utf-8 в метатегах или наоборот. Когда будете делать utf-8, то желательно не просто метатег поменять, но и сохранить её в notepad++ как utf-8
Здравствуйте! Честно говоря, я не знаю где эти метатеги находятся, которые нужно изменить.
Нашла только в админке Параметры — Чтения — Кодировка страниц и лент -UTF-8. ( так что ничего не меняла).
Нет, это не в админке. Это нужно в файле index.html (darkwing_templates/папка/index.html) поправить кодировку. Она там стоит нужно попробовать utf-8 и файл перекодирвоать в utf-8. Это первое что приходит на ум попробовать сделать. Если кряокзабры или знаки вопроса — это проблемы с кодировкой.
Файл index.html сохраняешь в кодировке utf-8 а в файле оставить строчку meta https-equiv="Content-Type" content="text/html; charset=windows-1251" /> и всё получилось. УРА !!!!
Спасибо Вам Игорь за плагин. Буду ставить. Давно хотел найти и вот благодаря Вам нашёл.
Пожалуйста, Владимир!
Здравствуйте, Игорь! Скажите пожалуйста, в чём может быть проблема: благополучно настроил Ваш плагин несколько месяцев назад, и он работал как часы на моём блоге. Очень радовался! И окно перестало появляться... Что делать в таком случае? Никаких плагинов новых я не устанавливал. Заранее спасибо.
Не знаю, Сергей! Плагин не мой, кстати, а Свята Маслова.
Здравствуйте, установил себе эту штуку — поапает когда попало. Как лечить не разобрались? Кстати вопрос спертреспондер оправдывает себя. Пользуюсь рассылочным плагином, косяки есть конечно, но зато бесплатно и все «у себя»...
Там есть настройки, как показывать попап. У меня 1 раз в сутки.
Рассылочный плагин работает на вашем сервере. Если вам нужно будет отправить 20 000 писем, не создаст ли это нагрузку на него? Я так думаю, пока подписчиков мало, то можно и бесплатно и с плагином, самому обслуживать его и т.д. Со смартом вся эта забота ложится на сервис.
Мне кажется, что потом дешевле взять VPS и не умчаться, у меня очень все заточено на работу с группами подписчиков это GOLD или PLATINUM подписки. Сколько там 24 и более евро/месяц. Виртуальный сервер будет дешевле, да и функционала по-больше.
Теперь главное — все настроил все работает, кроме одного — несмотря на то, что в настройках указано вылазить на главной, на постах и на страницах — вылазит он только на главной...в чем проблема пока что выяснит не могу
На правах постскриптума.
Плагин имеет свойство немного конфликтовать с другими. Из-за этого возникают прецеденты некорректной работы. У меня оказалось что на уровне страниц он не «попапал» из-за конфликта с плагином, который организует таблицы разного уровня. После того как конфликт был устранен — заработало. В постах правда по-прежнему не попапает...копаемся дальше )
Конфликтовал с WP-Table Reloaded
Может быть. У меня нет WP-Table Reloaded и нет конфликтов. Впрочем, сейчас есть альтернативные плагины, заменяющие попап.
А подскажи пожалуйста, как сделать, чтобы окошко выскакивало только на странице продажи к примеру. Такой вариант есть?
Устанавливал popupinbilder, хорошая штука, но он на разных браузерах, вылазит по разному, и в основном коряво. Ставить нельзя. Что за причина, не пойму. Если можно просвятить, буду благодарен. С Уважением Сергей
Вот здесь есть вариант всплывающего окна на выходе, может работать на продающей странице
Игорь, если бы на Вашем блоге попап выходил сразу, то наверняка я бы не писал этих слов 🙂
А как к этим окнам относятся поисковики? Т.е. есть ли у них какие-то особые требования касательно этих всплывающих окон?
Вот я хочу проверить. Решил отключить на недельку. У меня когда-то посещаемость с Google была большей чем с Яндекса. Сейчас Google мало дает трафика. Вполне может быть, что есть какая-то связь с плагином, хотя трафик просел после Пингвина.
Но, тем не менее, этот момент не исследован. Точно могу сказать, что этот плагин дает большой кусок кода вначале страницы. Контент двигается вниз. Имеет это значение для поисковика или нет, не знаю. Слышал, что не очень хорошо, если вначале много всякого кода от разных плагинов. Вот проверю.
Вот и у меня есть какие-то смутные предчувствия касательно того, что попапы каким-то образом негативно влияют на блог. Если не сложно, потом отпишись как-нибудь о том каков результат теста.
НЕ знаю, совпадение ли, но сегодня статистика по Google поднялась до 30% относительно Яши. А обычно 20-25% Надо ещё понаблюдать.
Ого! 30% — это не малая цифра. Хотя, тут может быть и комменты сыграли не последнюю роль 😉
Пока не понятно, но вчера и позавчера и третьего дня были комменты, а процент не рос. А сегодня подскочил. Но тут все вилами по воде писано, потому что Яндекс сегодня меньше чуть дал, вот и получилось новое соотношение.
Игорь, ну тут опять же рановато судить... Ведь комменты не сразу могут «выстрелить» скажем так. Сам ведь знаешь, что страницы не всегда сразу влетают в индекс.
В любом случае, комменты — это как «мини-посты» (если уникальны, полезны, разумеется).
Ты знаешь, я удивился что Яша в тот же день выдал именно из комментов. Привел посетителя по запросу podster.ru. В тот же день.
Понимаю твое удивление. Зато не понимаю вебмастеров, которые категорически недооценивают роль комментов на сайтах.
В принципе, об этом даже можно книгу написать, такое некое мини-исследование. Лично я нигде пока ничего подобного не встречал, только лишь отдельные фразы, разговоры.
А мне показалось, что я встречала:
blogopraktika.ru/?p=8970
Кстати, и Вы там есть, Философ.
Неплохой вариант для увеличения количества подписчиков. Вы не проверяли темпы прироста и время на сайте до и после установки всплывающего окна?
Очевидно, что всплывающее окно каждый день приводит по несколько подписчиков.
Игорь добрый день, спасибо за плагин. Но у меня с ним что-то не то. Установил, настроил, а он не выходит на странице хоть убей. Пробовал по разному настроить и ничего. Смотрел даже в разных браузерах. В чем может быть причина?
P.s: На вашем сайте кстати тоже попап у меня не появляется. Или вы его уже отключили?
Работает плагин у меня. Настроен на 1 показ в сутки для посетителя, в момент выхода.
Не знаю, в чем причина, Виктор, если у вас не работает. У меня он на 3-х блогах применяется, конфликтов с темами не наблюдалось. Проверьте правильность указанного пути к индексному файлу.
Пусть к файлу index.html указан верно, по ссылке открывается форма. Но попап все равно не появляется. Ставил даже чтобы он на каждой странице показывался после загрузки страницы через 2 секунды, ноль результата. Возможно ли такое что его блокирует другой плагин?
Возможно, что-то ведь затрудняет работу. Увы, я не разработчик плагина, чтобы дать точный ответ.
Жаль. В любом случае и на этом спасибо. 🙁
Нет слов, Игорь, как я благодарна за эту статью и вот эту: «Всплывающее окно подписки на выходе из блога»! Я попробовала эти два варианта и остановилась на плагине. Преимущества этого плагина в том, что он совершенно не грузит блог — я проверила.
До этого перепробовала 3 разных плагина PopUp, но все были ужасно тяжелые. Так и жила до сих пор без всплывающего окна.
Игорь, огромное спасибо за поддержку в личной переписке!
Пожалуйста, Виолетта. Обычно попап Popin.js я использую на продающих или подписных страницах, а на блоге использовал Darkwing Popap. Сейчас временно отключил.
Спасибо за плагин!!! Установил все работает, не могу настроить тайм аут после показа попапа, у меня стоит 10 дней, а он выскакивает каждый раз когда заходиш на сайт. Подскажите как это исправить.
Если стоит Гиперкэш, таймаут работать не будет. У меня, по крайней мере, не работал. Каждый раз выскакивал.
а как исправить знаете? отключения Гиперкэша.
Нет не знаю. )) Тут или гиперкэш или плагин.
Игорь, добрый день. Установила данный плагин на 2 сайта. На одном работает без проблем. На другом вообще не отображается. Не подскажите в чем может быть дело? Может конфликт с какими то плагинами?
Здравствуйте, Анна! Может быть и конфликт, а может быть, вы где-то ошиблись при настройке. Проверьте ещё раз. У меня работал он на нескольких сайтах без всяких проблем.
WordPress 4.3.1 так же не заработал. И кеширование отключал, и разные настройки пробовал. Отписал разработчику, может ответит.
Поставил тоже на 4.3.1 — не работает. еще автору на будущее — лучше указывать путь к js скриптам через plugins_url (), так как те пользователи, которые меняют название папки wp_content на свое, не смогут воспользоваться плагином. почему не работает посмотрю как будет время, может отпишусь, если вы раньше не успеете, сейчас спать уже хочется...