gototopgototop
Register
Вход
HomeКак это сделать?... /  Как сделать popup-модуль подписки на новости сайта. Ч. 1
Как сделать popup-модуль подписки на новости сайта. Ч. 1 E-mail
Повышаем мастерство - Как сделать?...
12.01.2012 18:43


До сих пор я не придавала значения тому, что на  Joomlalessons.ru  нет  подписки на новости сайта. Но, когда мне был задан по этому поводу вопрос, призадумалась над ним, - тем более, что сама я частенько использую данный метод получения нужной мне информации.

Я внимательно изучила несколько компонентов почтовых рассылок для Joomla!, но все они не устраивали меня отсутствием возможности сделать привлекательный подписной модуль. И  в самый разгар моих поисков чего-нибудь креативненького я вдруг получила  от Александра Новикова - по подписке, между прочим!!! - видеоописание работы всплывающего  при выходе посетителя с сайта  симпатичного информационного окна. Используя подсказки Александра, я не только сделала своё собственное всплывающее окошко, но ещё и открыла для себя, как сайтовладельца, чрезвычайно полезный сервис SmartResponder.

Резюме: подписывайтесь на рассылки по интересующей вас теме! Пусть не всё, что вы получите, покажется вам супергениальным, однако всегда остаётся возможность найти в решете какую-нибудь изюминку.

Итак, о чём сегодня пойдет наш разговор? - о том, как сделать всплывающий модуль  с формой подписки на новости сайта. Для того, чтобы увидеть его прямо сейчас, прокрутите это окошко вверх, а теперь попробуйте сделать вид, что решили уйти с сайта, закрыв в браузере его окно. Подведите к нему курсор..... и - ап! - вот вам и формочка.

Замечу, что это МОЯ формочка, а вы можете сделать свой вариант - с другой картинкой, текстом, другими размерами, местоположением и пр. Я лишь по шагам покажу путь, который прошла сама до заветного окна. Он состоит из двух частей: сначала надо зарегистрироваться в сервисе smartresponder.ru  (что само по себе очень полезно), а затем немножко потрудиться на другом сервисе - Pop-In Builder (что и полезно, и развлекательно).

До начала урока откройте в браузере страницу  http://smartresponder.ru, - так  вам будет удобнее следить за последовательностью моих шагов, просто переключаясь с одной вкладки на другую.

Шаг 1. Открытие своего аккаунта (регистрация)  на smartresponder.ru . Процесс очень простой, описывать его не буду.

Шаг 2.  Создание формы подписки на рассылку.

В интернете существует множество сайтов, рассказывающих о работе SmartResponder, что, по-моему, излишне, так как сервис позаботился о себе сам, выложив на сайте  подробнейшие инструкции. После регистрации  и входа в аккаунт вы найдёте их через кнопки меню "Помощь >> Руководство пользователя".

Я здесь обращаю ваше внимание лишь на инструкцию "Как быстро начать использовать аккаунт автора >> Создание формы подписки на рассылку". Из формы подписки мы будем брать коды, необходимые для работы модального окна. Поэтому после того, как, используя инструкции, вы создадите первую рассылку (чтобы не запутаться, назовите её для начала, например, "Новости сайта"),  перейдите  затем к созданию формы для этой рассылки. Для этого в разделе "Формы" выберите подраздел «Генератор форм подписки». И далее:

1) В разделе "Сохраненные формы подписки" дайте название форме, например, test, и сохраните его с помощью кнопки "Сохранить":

Уроки Joomla! :: Модуль подписки на новости сайта

2) Выберите  рассылку,  для подписки на которую Вы хотите создать форму. Для этого просто щёлкните кнопкой по строчке "Новости сайта";

3) Выберите, какие поля будут включены в создаваемую Вам форму подписки. Я включила только Имя и Email;

4) В визуальном генераторе форм я убрала галочку в строке "Наша ссылка", а всё остальное оставила без изменений:
Как сделать выпадающий модуль подписки

5) В самом низу раздела в специальном поле вы найдёте HTML-код формы. Выделяйте весь код в окне  и копируйте его  в Блокнот и сохраняйте. Ниже я прилагаю место в коде, где вам надо будет найти  свои значения did[]  и uid , обозначенные цифрами. Ищите их в коде после "</script>:

}
</script>

<form style="margin: 0; padding: 0;" name="SR_form" target="_blank" action="http://smartresponder.ru/
subscribe.html" method="post" onsubmit="return SR_submit(this)">
<input type=hidden name=version value="1"><input type=hidden name=tid value="0">
<input type=hidden name=uid value="122344"><input type=hidden name=lang value="ru">
<table  width="240">
<tr><td style="padding: 5px; border: 1px solid #ff0000;background-color: #eeeeee;"
align=center><table cellspacing=1 cellpadding=2 align=center>
<tr><td><input type=hidden name="did[]" value="127655"></td></tr>

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

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

Успехов!

 

 


Читайте также:
Ещё статьи:

 
ВХОД на сайт



Базовый курс создания сайта

Предисловия к Базовому курсу

Установка и настройка Joomla!

Работа с расширениями Joomla!

2011-03-11-22-16-12Работа со статьями

Создание меню

Работа с хостингом

Безопасность сайта

Ссылки для скачиваний

 

Есть ли народ на сайте?

Сейчас 57 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter