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

Спорный вопрос — стоит ли использовать окно popup на сайте или блоге? Все зависит от того, для чего Вы блог используете. Если для Вас главное — популярность и посещаемость, то наверно, не стоит. Если Вы используете сайт как воронку для привлечения подписчиков в Ваш подписной лист, то для Вас выпадающее окно станет весьма полезным инструментом.

Вы сегодня узнаете, как сделать всплывающее окно на блоге WordPress. Само окно, как оно выглядит, Вы можете посмотреть по адресу: wstp.pro444.ru

Для того, чтобы поставить такое окно, Вам понадобится скачать плагин popup:

• скачать darkwingduckpopup.

Этот плагин содержит две папки: папка darkwingpopup — собственно, сам плагин, и папка всплывающего окна darkwing_templates, в которой находятся образцы выпадающих окон разных цветов.

Эти две папки Вам нужно положить в папку плагинов Вашего блога, которую Вы найдете на своем хостинге по адресу:

Ваш домен — wp-content — plugins

Положить плагин в эту папку можно самыми разными способами, например, с помощью консоли блога, выбрав Плагины — Добавить новый.

Я рекомендую пользоваться для этого программой Total Commander. С помощью этой программы Вы сможете переносить на хостинг любые файлы и папки, без всякой предварительной архивации в формате zip.

После того, как Вы перенесете плагин popup на блог, активизируете его.

После этого заходите в настройки, и настраиваете так, как Вам нужно. В настройках Вы обозначите:

URL отображаемой страницы: адрес, где находится файл index.html Вашего выпадающего окна.

Например, если Вы выбрали синий цвет, то это будет адрес: http://вашдомен/wp-content/plugins/darkwing_templates/blue/index.html
В графе Как показывать название окошка «классический вид» означает, что окно выпадет через какое-то время после захода посетителя на сайт. Время задается Вами. Если Вы выберете Exit-попап, то окно появится, когда посетитель потянется мышкой закрыть в браузере закладку с блогом.

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

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

Настройка выпадающего окна

Дальнейшие действия проделываете у себя на компьютере. Открываете файл index.html всплывающего окна в программе Dreamweaver или в блокноте. Файл находится по адресу: папка darkwing_templates — папка с окном того цвета, который Вы используете — index.html Прежде всего, если у Вас кодировка не utf-8, меняете кодировку файла выпадающего окна на свою.

И последнее, что нужно сделать — это поставить данные Вашей рассылки в форму подписки на рассылку: чтобы посетители становились именно Вашими подписчиками.

Я использую для своих рассылок Smartresponder, и потому буду показывать, как это делать, на примере этого сервиса. На сервисе Smartresponder заходите в Генератор форм и выбираете свою рассылку. Потом проделываете следующие действия:

1. В коде формы берете фрагмент от начала до закрывающего тэга </script> и ставите его вместо соответствующего фрагмента в файле index.html Вашего окна.

2. Берете четыре тэга input, которые находятся после тэга form и также меняете соответствующий фрагмент в файле index.html

3. Берете еще один тэг input, и тоже его меняете в index.html

После этого форма подписки окна будет подписывать именно на Вашу рассылку, а не на чью-либо другую.

Когда Вы все это проделаете с файлом index.html у себя на компьютере, заменяете им аналогичный файл, который находится у Вас на хостинге.

Видео по настройке всплывающего окна:

Как Вы считаете, Вашим друзьям будет интересно? Поделитесь!

Давайте будем дружить! Сетями!