[phpBB Debug] PHP Notice: in file /viewtopic.php on line 1026: date() [function.date]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/Helsinki' for 'EEST/3.0/DST' instead
[phpBB Debug] PHP Notice: in file /viewtopic.php on line 1026: getdate() [function.getdate]: It is not safe to rely on the system's timezone settings. You are *required* to use the date.timezone setting or the date_default_timezone_set() function. In case you used any of those methods and you are still getting this warning, you most likely misspelled the timezone identifier. We selected 'Europe/Helsinki' for 'EEST/3.0/DST' instead
infopodsolnux.ru • Просмотр темы - Красивая форма подписки в сайтбар для сайта - видеоурок.



Красивая форма подписки в сайтбар для сайта - видеоурок.

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

Модератор: Дмитрий

Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение Александр » Пн ноя 07, 2011 20:35

Как сделать привлекательную форму подписки для вашего сайта?

Этот вопрос мучает многих. Но по нехватке времени и знаний, многие оставляют простые формы подписок которые предлагает им сервис рассылок.

Уважаемые, неужели вы думаете такие формы будут востребованы?
Я уверен, что толку от них будет мало, если они не призывают получить панацею от всех болезней после подписки! 36-)

Немного поработал и сделал видеоурок о том как можно сделать красивую форму подписки для сайта или блога в сайтбар.
К самому уроку есть приложения с файлами для правки и работы.




Замените некрасивую форму подписки в сайтбаре или боковом блоке на вашем сайте и посетитель станет чаще становиться вашим подписчиком.
Примеры красивых форм и урок как их поменять под свои нужды.


1) Красивая форма подписки для сайтбара или бокового блока на сайт.
HTML код простой формы с коробкой стрелками и с формой на голубом фоне в рамке:


Код: выделить все
<div align="center">
<p style="font-family: Tahoma; font-size: 16px; color:#cc0000; font-weight:bold;">Как заработать на своей<br />
  E-mail рассылке?</p>
<p><img src="http://you-sayt.narod.ru/images/e-mail-marketing.gif" alt="Подписка Видеокурс Денежный E-mail Маркетинг. Автор Александр Новиков." title="Подписка Видеокурс Денежный E-mail Маркетинг. Автор Александр Новиков." width="150" height="182" /><br />
  <img src="http://you-sayt.narod.ru/images/arrow.gif" height="18" /><img src="http://you-sayt.narod.ru/images/arrow.gif" /><img src="http://you-sayt.narod.ru/images/arrow.gif" /></p>
<noindex>
<!-- SmartResponder.ru subscribe form code (begin) --><script language="javascript" type="text/javascript">
function SR_IsListSelected(el)
{
  for (var i = 0; i < el.length; i ++)
    if (el[i].selected ||
      el[i].checked)
      return i;
  return -1;
}
function SR_trim(f)
{
  return f.toString().replace(/^[ ]+/, '').replace(/[ ]+$/, '');
}
function SR_submit(f)
{
  f["field_name_first"].value = SR_trim(f["field_name_first"].value);
  f["field_email"].value = SR_trim(f["field_email"].value);
  if ((SR_focus = f["field_name_first"]) && f["field_name_first"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1 || (SR_focus = f["field_email"]) && f["field_email"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1) { alert("Укажите значения всех обязательных для заполнения полей (помечены звездочкой)"); SR_focus.focus(); return false; }
  if (!f["field_email"].value.match(/^[\+A-Za-z0-9][\+A-Za-z0-9\._-]*[\+A-Za-z0-9_]*@([A-Za-z0-9]+([A-Za-z0-9-]*[A-Za-z0-9]+)*\.)+[A-Za-z]+$/)) { alert("Некорректный синтаксис email-адреса!"); f["field_email"].focus(); return false; }
return true;
}
</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="71404"><input type=hidden name=lang value="ru">
<table  width="220">
<tr><td height="125" align=center style="padding: 5px; border: 3px dashed #cc0000; background-color: #88ccff;" background-color: #9dd3ff;"><table cellspacing=1 cellpadding=3 align=center>
<tr><td><input type=hidden name="did[]" value="101379"></td></tr>
<tr><td align="center"><input style="font-family: Georgia; font-size: 16px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " name="field_name_first" value="Ваше имя" onFocus="if (this.value=='Ваше имя') this.value=''" onBlur="if (this.value=='') this.value='Ваше имя'" type="text">
</td></tr>
<tr><td align="center"><input style="font-family: Georgia; font-size: 16px; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " name="field_email" onFocus="if (this.value=='Ваш e-mail адрес') this.value=''" onBlur="if (this.value=='') this.value='Ваш e-mail адрес'" value="Ваш e-mail адрес" type="text"></td></tr>
<tr><td align="center"><input name="SR_submitButton" type=submit style="font-family: Georgia; font-size: 14pt; color: #000000;" value=" Получить видео! "></td></tr>
</table></td></tr></table>
</form><!-- SmartResponder.ru subscribe form code (end) --></noindex>
<p style="font-family: Georgia; font-size: 14px;"><strong>Нажми на ссылку ниже:</strong><br />
  <a href="http://blog.seonovichok.ru/go/7strategiy-email-free.html" target="_blank">Узнать подробнее...</a></p>
</div>




2) HTML форма для правки красивой формы подписки для вашего сайта с красивыми полями с картинкой и оранжевой кнопкой.

Код: выделить все

<!--Форма:начало-->
<script language="javascript" type="text/javascript">
function SR_IsListSelected(el)
{
  for (var i = 0; i < el.length; i ++)
    if (el[i].selected ||
      el[i].checked)
      return i;
  return -1;
}
function SR_trim(f)
{
  return f.toString().replace(/^[ ]+/, '').replace(/[ ]+$/, '');
}
function SR_submit(f)
{
  f["field_email"].value = SR_trim(f["field_email"].value);
  f["field_name_first"].value = SR_trim(f["field_name_first"].value);
  if ((SR_focus = f["field_email"]) && f["field_email"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1 || (SR_focus = f["field_name_first"]) && f["field_name_first"].value.replace(/^[ ]+/, '').replace(/[ ]+$/, '').length < 1) { alert("Укажите значения всех обязательных для заполнения полей (помечены звездочкой)"); SR_focus.focus(); return false; }
  if (!f["field_email"].value.match("^[A-Za-z0-9][A-Za-z0-9\._-]*[A-Za-z0-9_]*@([A-Za-z0-9]+([A-Za-z0-9-]*[A-Za-z0-9]+)*\.)+[A-Za-z]+$")) { alert("Некорректный синтаксис email-адреса!"); f["field_email"].focus(); return false; }
return true;
}
</script>
<table cellpadding="5" style="border:2px dashed #999999" bgcolor="#eeeeee"><tr><td>
<form name="SR_form" target="_blank" action="http://smartresponder.ru/subscribe.html" method="post" onsubmit="return SR_submit(this)"><input name="version" value="1" type="hidden" /><input name="tid" value="0" type="hidden" /><input name="uid" value="71404" type="hidden" /><input name="lang" value="ru" type="hidden" />
<input name="did[]" value="101379" type="hidden" />
<div class="clr" style="height:5px;">&nbsp;</div>
<div style="background-image:url(http://you-sayt.narod.ru/images/name-01.png); background-repeat:no-repeat; width:200px; height:33px;"><input style='font-family: Verdana; border:1px solid #FFF; margin:10px 0 0 15px; font-size:12px; width:145px; height:14px; color:#333;' onblur="if(this.value=='')this.value='Ваше имя';" onfocus="if(this.value=='Ваше имя')this.value='';" name="field_name_first" value="Ваше имя" type="text" /></div>
<div class="clr" style="height: 1px;">&nbsp;</div>
<div style="background-image:url(http://you-sayt.narod.ru/images/email-01.png); background-repeat:no-repeat; width:200px; height:33px;"><input style='font-family: Verdana; border:1px solid #FFF; margin:10px 0 0 15px; font-size:12px; width:145px; height:14px; color:#333;' onblur="if(this.value=='')this.value='Ваш e-mail';" onfocus="if(this.value=='Ваш e-mail')this.value='';" name="field_email" value="Ваш e-mail" type="text" /></div>
<div class="clr" style="height: 1px;">&nbsp;</div>
<input name="SR_submitButton" value="Получить Бонус!" style='display: block; height: 40px; width: 200px;   font: bold 14px Verdana; color: white; text-shadow: 1px 1px 0px black; background-image:url(http://you-sayt.narod.ru/images/botom-01.png); background-repeat:no-repeat; border: 0; cursor: pointer; outline: none;' type="submit">
<div class="clr" style="height: 1px;">&nbsp;</div>
  <table cellspacing="5">
    <tr>
      <td><a href="http://infopodsolnux.ru/7strategiy-email/free.html" target="_blank"><img src="http://you-sayt.narod.ru/images/lock-01.png" border="0"/></a></td>
      <td style="font-family:Verdana, Times New Roman, Times, serif; font-size:10px;">Конфиденциальность<br />
        гарантируется!</td>
    </tr></table>
</form></td></tr></table>
<!--Форма:конец--> 



Ссылка на визуальный редактор онлайн который использовался в уроке: http://www.vulk.ru/page/view/11/


Теги для урока: красивая форма подписки на сайт, форма подписки для сайтбара, форма подписки для бокового блока, html код красивой формы подписки, красивая email форма на сайт, видеоурок красивая форма подписки


Если у вас нет пока своей рассылки, то советую просмотреть видеоурок про то Как сделать рассылку для сайта на сервисе Smartresponder.ru?

Урок находится на форуме: viewtopic.php?f=14&t=155


Изображение



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

Имя файла: formpodriski.mp4;
Размер: 45.2 МБ;
Формат видео: mp4;
Время урока: 22 мин. 04 сек.
Размер экрана: 640х378 px.

Скачать урок с Яндекс Народ можно здесь…

Файлы разобранные в уроке качаем с форума см приложение.
Вложения
form-podpiski.zip
Приложенный архив для работы: (формы внутри)
Нажмите ссылку для скачивания.
(7.96 KiB) Скачиваний: 609



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение Александр » Пн ноя 07, 2011 23:13

Совсем забыл дать ссылочку на сервис с которого можно взять картинки и графику для сайта бесплатно.
В видео выше я рассказывал о буржуйском сайте сервисе: http://www.iconfinder.com 33-)

Надеюсь он вам поможет! 31-)



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение fiktor » Сб ноя 12, 2011 22:16

Саша!У Вас был видео-урок с LG gentrator ?! Где его можно посмотреть? Отличный сервис!



По бизнесДоход и бизнес подробнее
Аватар пользователя
fiktor
Студент
Студент
 
Сообщений: 10
Зарегистрирован: Вт июл 12, 2011 20:10
Пункты репутации: 0

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение aleks362 » Вс ноя 13, 2011 12:04

Здравствуйте Александр.
Я по вопросу формы подписки. Дело в том, что у меня почему — то архив с формами разархивируется с ошибками.
Точнее я получаю пустую папку.
С уважением, Александр.



aleks362
Студент
Студент
 
Сообщений: 1
Зарегистрирован: Вс ноя 13, 2011 11:58
Пункты репутации: 0

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение Александр » Вт ноя 15, 2011 00:12

aleks362 писал(а):Здравствуйте Александр.
Я по вопросу формы подписки. Дело в том, что у меня почему — то архив с формами разархивируется с ошибками.
Точнее я получаю пустую папку.
С уважением, Александр.


Спасибо за ошибку! Перезалил архив имена дал на латинском теперь проблем не должно возникать, качаем. Ссылка в посте внизу под видеоуроком.



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение Александр » Вт ноя 15, 2011 00:29

fiktor писал(а):Саша!У Вас был видео-урок с LG gentrator ?! Где его можно посмотреть? Отличный сервис!


Данный урок лежит на страницах этого форума здесь: viewtopic.php?f=2&t=220

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

Примеры ниже:

Изображение

Изображение

Изображение

Изображение

Изображение





Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение fiktor » Пт ноя 18, 2011 18:39

Пользователь пользуется,но объяснить не смогла-говорит-Не помню,повторить не могу…Ссылку взял: Пример монитора Смотрится привлекательно !



По бизнесДоход и бизнес подробнее
Аватар пользователя
fiktor
Студент
Студент
 
Сообщений: 10
Зарегистрирован: Вт июл 12, 2011 20:10
Пункты репутации: 0

Re: Красивая форма подписки в сайтбар для сайта - видеоурок.

Сообщение Александр » Сб ноя 19, 2011 02:45



Интересное решение. Мне понравилась идея с фоновым изображением монитора компьютера.

Изображение


Обычная html вёрстка. Фоновое изображение подгоняем под размер видео, далее вставляем видео.

Есть правда и не достаток у такой формы подписки.
Люди не любят переходить лишний раз по ссылкам. Многие уйдут так и не досмотрев первое видео.
Те же кто останутся не нажмут на кнопку. А даже если и нажмут их внимание должно привлечь второе видео.

Итог: Потеря подписчика в три этапа. Эффективность такой страницы подписки на автомате снизилась в 2-3 раза.

Моя статистика последних наблюдений показала эффективность связки: Минимум текста максимум выгод + всплывающее модальное окно
которое всё время открывается при уходе со страницы. Пример: http://infopodsolnux.ru/7strategiy-email/free.html

Эффективность выросла минимум на 30-40% чем раньше. 40-)



Аватар пользователя
Александр
Администратор
Администратор
 
Сообщений: 897
Зарегистрирован: Вс янв 30, 2011 16:24
Откуда: КРЫМ
Пункты репутации: 151
ПрофессорПрофессор




Вернуться в Создание простых HTML сайтов и страниц

Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1