Как сделать и подключить уникальное всплывающее PopUp окно к WordPressСегодня на каждом сайте который занимается интернет бизнесом или ведёт свой бизнес через интернет стоят различные всплывающие PopUp окна, которые привлекательно делятся бонусами, предлагают узнать о проходящих акциях. Даже в социальных сетях мы постоянно видим разные PopUp окна. Различная реклама с помощью всплывающих окон стала нормой.

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

 

Ладно, это всё была лирика с ключевыми словами: как сделать всплывающее окно на WordPress, PopUp для WordPress, всплывающее окно для сайта.

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

 

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

Пример PopUp окна на сайте Александра Новикова: AleksNovikov.Ru

Решение данной проблемы для себя я нашёл давным давно, более того у меня уже очень давно есть услуга установки всплывающего окна на сайт. Буквально на прошлой неделе я как раз поставил всплывающее PopUp окно на сайт. Требования были стандартные: хочу уникальное всплывающее окно и самое главное хочу самостоятельно менять настройки вызова окна. Для меня эта проблема решается на раз, два, три, а вот для людей которые не знают даже HTML, ковыряться в кодах своего сайта это как корове пройти через помидорное поле и не испортить помидоры.

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

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

Решение есть в установке одного замечательного малоизвестного русифицированного плагина PopUp окна для WordPress под названием: Darkwing Duck Popup. 

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

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

 

В уроке я раскрыл пошаговый план создания PopUp окна:

1) Идея всплывающего окна.

2) Прорисовка фона окна в фотошоп.

3) Вёрстка html всплывающего окна с формой подписки.

4) Установка плагина Darkwing Duck Popup на сайт.

5) Закачка файлов окна через FTP на ваш хостинг.

6) Настройка параметров вызова PopUp окна.

 

Просмотреть видеоурок:
Как сделать и подключить уникальное всплывающее PopUp окно к WordPress

 

Простые видео уроки по созданию сайта в визуальном HTML редакторе: http://izi-site.ru

Скачать плагин Чёрный Плащ: Darkwing Duck Popup с облака майл

Полезный сервис по созданию красивых кнопок для сайта: http://www.bestcssbuttongenerator.com

ВНИМАНИЕ АКЦИЯ!

Видео курс с готовыми исходниками «Инструменты Увеличения Подписок»
по цене всего за 350 рублей, вместо 1900 рублей.

Видео курс с исходными файлами: ИНСТРУМЕНТЫ УВЕЛИЧЕНИЯ ПОДПИСОК

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

 

 

 

Жми на социальные кнопки поделись с друзьями:

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс

7 комментариев на «Как сделать и подключить уникальное всплывающее PopUp окно к WordPress»

  • Вячеслав Балашов говорит:

    Классный плагин!

    Пользуюсь им уже почти три года и очень доволен — перепробовал множество похожих плагинов и Popup Domination 3 в том числе, но все равно вернулся к Черному плащу.

    Единственное, что у него не работает, так это это срабатывание на выходе — он просто не работает при ухода с блога.

    Но в остальном — лучший выбор!

    Ответить
    • Александр Новиков говорит:

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

      Ответить
  • Андрей Хвостов говорит:

    Александр, по уроку трудно сделать попап. Был бы код, можно было бы под себя сделать. Смотрел урок старый с использованием сервиса буржуйского pop-in builder по генерированию попапов. Там нет кода, хотя к видеоуроку согласно написанному должен приложен быть готовый шаблон.

    Ответить
    • Александр Новиков говорит:

      Код можно собрать самому и в этом прелесть, в окне может быть всё, что угодно. Можно даже использовать за основу код окна из бесплатного урока: infopodsolnux.ru/7strategiy-email/popup-free Цель урока была показать как можно сделать именно уникальное а не шаблонное окно. Кстати в видеокурсе: «Инструменты увеличения подписчиков» есть много шаблонов всплывающих окон novikov.e-autopay.com/checkout/3/4306

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

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

    Ответить
    • Александр Новиков говорит:

      Спасибо за ваш отзыв и рекомендацию!

      Ответить
  • Константин говорит:

    Darkwing Duck установил, но он вообще не заработал на текущей версии движка. Потерял полдня, искал — есть классные, но платные и с регистрацией на стороннем сервисе. И все же откопал один простенький, но понятный — wBounce. Сейчас тестирую на своем сайте

    Ответить

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

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

Чек-Лист по YouTube

Подпишись на канал Александра

 

 


Александр Новиков,
автор этого блога.
Автор этого блога Александр Новиков  AleksNovikov.Ru

Введите email подпишись:

Каталог виджетов для Adobe Muse

Подписка на Telegram канал