СТАВИМ ВСПЛЫВАЮЩЕЕ ОКОШКО ОТ СЕРВИСА SMARTRESPONDER НА БЛОГ.

СТАВИМ ВСПЛЫВАЮЩЕЕ ОКОШКО ОТ СЕРВИСА SMARTRESPONDER НА БЛОГ.

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

Итак, приступим. Первым делом создадим форму подписки. Заходим в наш аккаунт на сервисе smartresponder, идем во вкладку «Формы» и выбираем пункт «Генератор форм подписки (новый)». В этом разделе создаем форму подписки или выбираем из ранее сохраненных. Здесь подробно останавливаться не будем, т. к. там все просто и, думаю, если Вы пользуетесь данным сервисом, то создавать формы умеете. После этого копируем код созданной формы.

Теперь займемся созданием непосредственно самого всплывающего окошка. Заходим в пункт меню «Формы» и выбираем пункт «Генератор всплывающих окон». В самом верху этого раздела есть строчка «HTML-код содержимого окна» и справа от этой строчки есть блок, именно в этот блок и вставляем скопированный код от нашей формы подписки smartresponder.

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

Размеры окна. Здесь лучше поставить галочку «автоопр.», она означает, что размеры всплывающего окна будут подстраиваться под размеры содержимого, т. е. под нашу форму подписки.

Окно всплывает. Здесь лучше переставить радиокнопку с «постоянно» на N раз и выставить значение «3», чтобы не надоедать этим окошком своим постоянным читателям.

Конечное положение Popover окна на странице. Если Вы ставите всплывающее окошко на блог сделанный на движке wordpress, то лучше в этой настройке ничего не менять, т. к. wordpress все равно разместит Ваше окошко с левой стороны.

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

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

После того, как Вы настроили внешний вид окна, можно переходить к его установке на Ваш сайт. Делается это в 2 этапа.

Этап 1. Копируем код созданного нами окна от smartresponder, после этого переходим в консоль управления нашим блогом, идем во вкладку «Внешний вид» и выбираем пункт «Редактор». Справа, на открывшейся странице находим файл «Подвал» или он еще называется «footer. php» и нажимаем по нему.

Перед нами откроется код этого файла, переходим в самый конец этого кода и находим тэг «</body>», ровно перед этим тэгом вставляем скопированный раннее код нашего всплывающего окошка и нажимаем кнопку «Обновить файл».

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

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

Этап 2. Возвращаемся в аккаунт smartresponder и переходим ко 2-му этапу.

Нам нужно скачать файл «popover. js», для этого нажмите по нему правой клавишей мыши и выберите пункт «Сохранить ссылку, как…», затем сохраняете этот файл у себя на компьютере.

Затем открываем файловый менеджер (например Filezilla), соединяемся с нашим сервером и закачиваем файл popover. js в корень нашего сайта (папка public_html).

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

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


Карта сайта


Информационный сайт Webavtocat.ru