banner ad

Darkwing Duck Popup — всплывающее окно подписки


Игорь Козлов | 2013-11-14 | 67 Комментариев

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

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

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

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

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

Сначала этот попап работал у меня на самом блоге, затем я его перенес на отдельную продающую страницу. Там реализована технология использования попапа с помощью java-скрипта.

На блоге же я использую плагин Darkwing Duck Popup.

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

Разархивируйте архив. В нем есть ещё две папки: darkwing_templates и darkwingpopup.

Начнем со второй папки. Вам нужно папку darkwingpopup через ftp закачать на хостинг в папку с плагинами wp-content/plugins/. Получится что в wp-content/plugins/darkwingpopup/ будет располагаться сам плагин, то есть вот такие файлы.

Darkwing Duck Popup - всплывающее окно подписки

Первую папку из архива — darkwing_templates можете закачать сюда же в wp-content/plugins/darkwingpopup/ или в любую другую директорию.

Итак, если вы уже сделали то, что я написал выше, теперь можно идти в админку в раздел «Плагины», найти Darkwing Duck Popup и активизировать его. Теперь в админке в меню плагины появится ссылка DD popap – заходите по ней и попадаете в настройки плагина.

darkwingduckpopup - настройки плагина

Самый первый пункт: 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 – значит на выходе из блога или классический, сразу при входе.

Читайте также:  Всплывающее окно подписки на выходе из блога

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

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

Лайтбокс  — это эффект затемнения. Смотрите сами, нужна вам эта фишка или нет.

И «когда показывать», также настройте на 1 день на 2 или не ставьте время вообще. Это как вы уже решите. Важно, чтобы попап не надоедал посетителям.

Darkwing Duck Popup - всплывающее окно подпискиПоставьте отображать попап при переходе со стороннего сайта. Если поставите при любом, попап будет все время всплывать, сколько люди будут ходить по страницам. Хотя он и на выходе, может надоедать.

Вот это и есть все настройки подключения всплывающего окна.

Darkwing Duck Popup - всплывающее окно подписки


Хочешь найти работу в Интернете?
Узнай о самых надёжных способах! 24 востребованных Интернет-профессий ждут тебя

Как подключить рассылку с помощью Darkwing Duck Popup

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

Если вы умеете немножко править html шаблоны, вы легко справитесь с этой задачей. Открываете любой шаблон или в данном случае grey, его индексный файл index.html в вебредакторе, переписываете текст под себя:

Правка шаблона всплывающего окна darkwingduckpopup

Теперь обязательно нужно подправить саму форму подписки. Сразу после строчки:

<form style="margin: 0; padding: 0;" target="_blank" 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" />

Читайте также:  Плагин Exclude Pages from Navigation и его роль

Курсивом выделены подсказки, что вам нужно в этом коде ещё изменить: Вам нужно поставить значения did и uid .

Как это сделать, где узнать параметры did и uid?

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

Там увидите код подписки на рассылку, находите в нем значения параметров did и uid. Копируете их и вставляете в код, который правите.

Сохраняете индексный файл. Закачиваете файл index.html на хостинг, в нашем случае в папку с шаблонами wp-content/plugins/darkwingduckpopup/darkwing_templates/grey/

Все, теперь попап работает на вас.

ПОДПИСАТЬСЯ НА ОБНОВЛЕНИЯ БЛОГА И ПОЛУЧАТЬ НОВЫЕ СТАТЬИ, АУИДО И ВИДЕОКУРСЫ

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

Рекомендую также книгу «Окно Попап на любом сайте»!

popap

Она идет бонусом к ЭТОМУ КУРСУ

Автор: Игорь Козлов
Чистый звук в мире инфобизнеса

Понравилась статья - поставь плюсик!


Список Прибыльных Партнерок Рунета! - Список партнерских программ плюс 3 бесплатных видеоурока по привлечению трафика



Комментарии (67)

  1. Михаил:

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

    Ответить
    • Игорь Козлов:

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

      Ответить
  2. Виталий:

    Почему-то плагин не появляется в админ-панели после закачки по FTP.

    Ответить
    • Игорь Козлов:

      Спасибо, Виталий. В описании допустил ошибку. Сейчас исправлю... Готово.

      Ответить
      • Галина, Ярославль:

        Игорь, а что Вы поправили ?

        У меня тоже плагин не появился после закачки по FTP. 😥

        Ответить
        • Игорь Козлов:

          Я сделал ошибку ранее, указав, что нужно разархивированую папку закачать в папку с плагинами. Поэтому ещё раз подчеркнул в статье, что сам плагин — это папка darkwingpopup, а не darkwingduckpopup. Именно darkwingpopup нужно в папку с плагинами поместить. А папку с шаблонами куда угодно. Важно к своему шаблону прописать потом путь. Все просто, как всегда. Путаница возникла из-за схожести названий папок. Разархивированной и самого плагина.

          Ответить
  3. Марина П.:

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

    Вообще-то такого рода окошечки не всем нравятся, я бы такое себе не поставила. Но это, конечно, дело вкуса...

    Ответить
    • Игорь Козлов:

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

      Меня устраивает окно, благодаря ему за полгода 800 человек скачали мою книгу.

      Ответить
  4. игор:

    Да такой вариант лучше, нужно взять на вооружение

    Ответить
  5. Ольга:

    Честно говоря, мне попапы тоже не нравятся.

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

    Ответить
    • Игорь Козлов:

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

      Ответить
      • Ольга:

        Флеш-уголки абсолютно бесполезны и, наверное, здорово нагружают блог.

        Видела на одном сайте такую тоненькую желтенькую полосочку с текстом.

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

        Где бы такую-же достать?

        Ответить
        • Ирина:

          Да... да... я такое встречала и у меня есть информация. Приеду из отпуска, если интерес не пропадет, могу глянуть! 😉

          Ответить
    • Галина:

      И вдобавок еще кучу рекламных писем после?

      Хотя не все это практикуют.

      А я один раз участвовала в каком-то конкурсе, и только что сделала окно подписки по этой статье.

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

      Убрала тут же. До сих пор не поняла, картинку что ли страшную поместила?

      Ответить
      • Игорь Козлов:

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

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

        Ответить
      • Владимир Волгоградский:

        Зря убрали! На закрытие уже не спугнешь, человек и так уходит 😕 Куда хуже когда сразу выскакивает окно на весь экран, даже прочесть статью не успеваешь! Вот тут чаще человек уходит и уж точно не захочет добровольно возвращаться. А если подписку «прятать» то искать ее мало кто будет ➡

        Ответить
  6. Антон:

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

    Ответить
  7. Ирина:

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

    Ответить
    • Игорь Козлов:

      Ну, да, стараюсь отвечать 😉

      Ответить
  8. Webtext:

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

    Игорь, на твоём блоге никаких попапов не вижу ни при входе, ни при выходе.

    Ответить
    • Игорь Козлов:

      Есть, есть. Настроен сейчас на показ 1 раз в сутки.

      Ответить
      • Webtext:

        на самом деле тут это не важно. хорошему блогу попап не помешает.

        Ответить
  9. Станислав:

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

    Ответить
  10. Елена:

    Здравствуйте! Установила все правильно. Три недели работал нормально. Но последние дни заметила, что вместо текста в окне одни вопросы... что это ? И как можно исправить?

    Спасибо.

    Ответить
    • Игорь Козлов:

      Всплывающее окно — это страница html. Стало быть у вас проблема в кодировкой. Я не знаю, какая у вас стоит, но нужно поэкспериментировать, если сейчас windows-1251, то и изменить на utf-8 в метатегах или наоборот. Когда будете делать utf-8, то желательно не просто метатег поменять, но и сохранить её в notepad++ как utf-8

      Ответить
  11. Елена:

    Здравствуйте! Честно говоря, я не знаю где эти метатеги находятся, которые нужно изменить.

    Нашла только в админке Параметры — Чтения — Кодировка страниц и лент -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" /> и всё получилось. УРА !!!!

        Ответить
  12. Владимир Лыга:

    Спасибо Вам Игорь за плагин. Буду ставить. Давно хотел найти и вот благодаря Вам нашёл.

    Ответить
    • Игорь Козлов:

      Пожалуйста, Владимир!

      Ответить
  13. Сергей:

    Здравствуйте, Игорь! Скажите пожалуйста, в чём может быть проблема: благополучно настроил Ваш плагин несколько месяцев назад, и он работал как часы на моём блоге. Очень радовался! И окно перестало появляться... Что делать в таком случае? Никаких плагинов новых я не устанавливал. Заранее спасибо.

    Ответить
    • Игорь Козлов:

      Не знаю, Сергей! Плагин не мой, кстати, а Свята Маслова.

      Ответить
  14. Дмитрий:

    Здравствуйте, установил себе эту штуку — поапает когда попало. Как лечить не разобрались? Кстати вопрос спертреспондер оправдывает себя. Пользуюсь рассылочным плагином, косяки есть конечно, но зато бесплатно и все «у себя»...

    Ответить
    • Игорь Козлов:

      Там есть настройки, как показывать попап. У меня 1 раз в сутки.

      Рассылочный плагин работает на вашем сервере. Если вам нужно будет отправить 20 000 писем, не создаст ли это нагрузку на него? Я так думаю, пока подписчиков мало, то можно и бесплатно и с плагином, самому обслуживать его и т.д. Со смартом вся эта забота ложится на сервис.

      Ответить
  15. Дмитрий:

    Мне кажется, что потом дешевле взять VPS и не умчаться, у меня очень все заточено на работу с группами подписчиков это GOLD или PLATINUM подписки. Сколько там 24 и более евро/месяц. Виртуальный сервер будет дешевле, да и функционала по-больше.

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

    Ответить
  16. Дмитрий:

    На правах постскриптума.

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

    Конфликтовал с WP-Table Reloaded

    Ответить
    • Игорь Козлов:

      Может быть. У меня нет WP-Table Reloaded и нет конфликтов. Впрочем, сейчас есть альтернативные плагины, заменяющие попап.

      Ответить
  17. Сергей:

    А подскажи пожалуйста, как сделать, чтобы окошко выскакивало только на странице продажи к примеру. Такой вариант есть?

    Устанавливал popupinbilder, хорошая штука, но он на разных браузерах, вылазит по разному, и в основном коряво. Ставить нельзя. Что за причина, не пойму. Если можно просвятить, буду благодарен. С Уважением Сергей

    Ответить
  18. Философ:

    Игорь, если бы на Вашем блоге попап выходил сразу, то наверняка я бы не писал этих слов :)

    А как к этим окнам относятся поисковики? Т.е. есть ли у них какие-то особые требования касательно этих всплывающих окон?

    Ответить
    • Игорь Козлов:

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

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

      Ответить
      • Философ:

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

        Ответить
        • Игорь Козлов:

          НЕ знаю, совпадение ли, но сегодня статистика по Google поднялась до 30% относительно Яши. А обычно 20-25% Надо ещё понаблюдать.

          Ответить
          • Философ:

            Ого! 30% — это не малая цифра. Хотя, тут может быть и комменты сыграли не последнюю роль 😉

            Ответить
            • Игорь Козлов:

              Пока не понятно, но вчера и позавчера и третьего дня были комменты, а процент не рос. А сегодня подскочил. Но тут все вилами по воде писано, потому что Яндекс сегодня меньше чуть дал, вот и получилось новое соотношение.

              Ответить
              • Философ:

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

                В любом случае, комменты — это как «мини-посты» (если уникальны, полезны, разумеется).

                Ответить
                • Игорь Козлов:

                  Ты знаешь, я удивился что Яша в тот же день выдал именно из комментов. Привел посетителя по запросу podster.ru. В тот же день.

                  Ответить
                  • Философ:

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

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

                    Ответить
                    • Галина:

                      А мне показалось, что я встречала:

                      blogopraktika.ru/?p=8970

                      Кстати, и Вы там есть, Философ.

  19. Emailmarketing:

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

    Ответить
    • Игорь Козлов:

      Очевидно, что всплывающее окно каждый день приводит по несколько подписчиков.

      Ответить
      • Виктор:

        Игорь добрый день, спасибо за плагин. Но у меня с ним что-то не то. Установил, настроил, а он не выходит на странице хоть убей. Пробовал по разному настроить и ничего. Смотрел даже в разных браузерах. В чем может быть причина?

        P.s: На вашем сайте кстати тоже попап у меня не появляется. Или вы его уже отключили?

        Ответить
        • Игорь Козлов:

          Работает плагин у меня. Настроен на 1 показ в сутки для посетителя, в момент выхода.

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

          Ответить
          • Виктор:

            Пусть к файлу index.html указан верно, по ссылке открывается форма. Но попап все равно не появляется. Ставил даже чтобы он на каждой странице показывался после загрузки страницы через 2 секунды, ноль результата. Возможно ли такое что его блокирует другой плагин?

            Ответить
            • Игорь Козлов:

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

              Ответить
              • Виктор:

                Жаль. В любом случае и на этом спасибо. :sad:

                Ответить
  20. Виолетта Марич:

    Нет слов, Игорь, как я благодарна за эту статью и вот эту: «Всплывающее окно подписки на выходе из блога»! Я попробовала эти два варианта и остановилась на плагине. Преимущества этого плагина в том, что он совершенно не грузит блог — я проверила.

    До этого перепробовала 3 разных плагина PopUp, но все были ужасно тяжелые. Так и жила до сих пор без всплывающего окна.

    Игорь, огромное спасибо за поддержку в личной переписке!

    Ответить
    • Игорь Козлов:

      Пожалуйста, Виолетта. Обычно попап Popin.js я использую на продающих или подписных страницах, а на блоге использовал Darkwing Popap. Сейчас временно отключил.

      Ответить
  21. stroiremo1:

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

    Ответить
    • Игорь Козлов:

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

      Ответить
  22. stroiremo1:

    а как исправить знаете? отключения Гиперкэша.

    Ответить
    • Игорь Козлов:

      Нет не знаю. )) Тут или гиперкэш или плагин.

      Ответить
  23. Анна:

    Игорь, добрый день. Установила данный плагин на 2 сайта. На одном работает без проблем. На другом вообще не отображается. Не подскажите в чем может быть дело? Может конфликт с какими то плагинами?

    Ответить
    • Игорь Козлов:

      Здравствуйте, Анна! Может быть и конфликт, а может быть, вы где-то ошиблись при настройке. Проверьте ещё раз. У меня работал он на нескольких сайтах без всяких проблем.

      Ответить
  24. Anatol Harat:

    WordPress 4.3.1 так же не заработал. И кеширование отключал, и разные настройки пробовал. Отписал разработчику, может ответит.

    Ответить
  25. Павел:

    Поставил тоже на 4.3.1 — не работает. еще автору на будущее — лучше указывать путь к js скриптам через plugins_url (), так как те пользователи, которые меняют название папки wp_content на свое, не смогут воспользоваться плагином. почему не работает посмотрю как будет время, может отпишусь, если вы раньше не успеете, сейчас спать уже хочется...

    Ответить

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

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

WordPress: 39.06MB | MySQL:76 | 0,973sec