Урок 6. Как сделать форму подписки на сайте

Урок 6. Как сделать форму подписки на сайте
5 (100%) 1 vote

Как я и обещала, будем по-тихому осваивать различные методы раскрутки нашей рассылки. Начнем с фундамента: как сделать форму подписки на сайте. Ибо без нее, как Вы понимаете, в "Серебряные" нам не прорваться.

Итак … у вас есть html-код подписной формы для вашей рассылки. Что с ним делать и куда его вставить?
И вот тут как раз и выясняется: насколько удобнее готовый движок против самодеятельности.


Пальму первенства по установке всяких интересных фичей держит WordPress

Работать в нем легко и комфортно, в том числе и с кодами рассылок.

1. Заходим в админку и в Меню находим раздел «Дизайн». В разделе «Дизайн» выбираем «Виджеты»

2. Среди виджетов находим простой и незамысловатый виджет  «Текст», который, честно глядя на Вас правдивыми буквами, убеждает в том, что умеет управляться и с html кодом тоже. Легко!

3. Хватаем его мышкой за шкирку и перетаскиваем на наш сайдбар (звучит ужасно, но когда у Вас будет стоять WordPress, Вы сразу увидите, о чем это я тут говорю)

4. Угнездившись в сайдбаре, наш доброжелательный виджет распахивает свои объятия и любезно приглашает что-то в них добавить. Чтобы было все элегантно и пристойно, мы для начала добавим центрирование (чтобы наши формочки размещались по центру, а не как им вздумается). Для этого мы добавим в пустое поле виджета <center></center>

5. За сим между этими тегами мы поместим код формы подписки, которую нам любезно прислали службы рассылок (ну, или мы сами у них ее отважно взяли)

6. Выглядеть это стало примерно так:

<center>
<FORM TARGET=_top ACTION=http://subscribe.ru/member/quick METHOD=POST>
<INPUT NAME=action VALUE=quick>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2><TR><TD ALIGN=CENTER>
<INPUT NAME=grp VALUE='psychology.leaders'>
<A HREF=http://subscribe.ru/catalog/psychology.leaders
TARGET=_top><b>Законы Лидерства В Иллюстрациях</b></A><BR>
<INPUT NAME=email SIZE=20 MAXLENGTH=100 VALUE='ваш e-mail'>
<BR><INPUT TYPE=image NAME=Подписаться BORDER=0
SRC=http://image.subscribe.ru/subut/blue.gif WIDTH=88 HEIGHT=31>
</TD></TR>
<TR><TD align=center>
<A HREF='mailto:[email protected]?subj=subscribe'>Подписаться письмом</A>
</TD></TR>
</TABLE>
<INPUT NAME=src VALUE='list_psychology.leaders'>
</FORM>
</center>

7. Если мы хотим добавить все формы рассылок, которые есть в нашем распоряжении, чтобы нашему потенциальному подписчику не заводить аккаунт на Maillist.ru если он уже имеет аккаунт подписчика в SubScribe.ru достаточно после окончания формы подписки (до нашего замыкающего тега </center>) поставить перенос строки, который на язык html переводится как <br> - брейк.

8. После того, как мы управились с добавлением кодов в поле виджета, можно еще использовать поле «Заголовок» в котором сделать мини (очень мини) рекламу. Что-то вроде: «Подписаться на рассылку» или "Получить подарок" (буде таковой имеется)

9. Нажимаем «Сохранить» и радуемся жизни - наша форма подписки на рассылку стоит в сайдбаре, как влитая.

Точно таким же манером Вы можете сделать форму подписки на рассылку абсолютно любого сервиса рассылок. А вот как сделать форму  подписки уникальной и красивой, поговорим в другой раз.

Лола Пирхал

Сертифицированный коуч, бизнес-тренер, интернет-предприниматель, веб-разработчик

+38 067 7923605 KartaUspeha.ru

QR:  '.get_the_title().'

Что Вы об этом думаете?

Подарок

Оставьте Ваш первый комментарий и получите замечательный подарок!


31 комментарий

  • Количество подписчиков с блога или сайта увеличиться, как минимум в несколько раз, если форму подписки разместить еще и внизу статей. У меня, во всяком случае, конверсия примерно в 5 раз выросла. Рекомендую попробовать.
    😉

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

  • Лола, очень боюсь давать технические советы. Я чайник в том что касается технической части. У себя форму (что бы автоматом подгружалась) размещал методом тыка в исходный код шаблона wordpress. Это было весело, но получилось!
    %)

  • Надежда

    а как же быть с рассылкой сформированной на Smartrespondere? она так гарненько не вставляется и глаз совсем не радует!!!

  • @Надежда: На днях я сделаю урок и по этой теме, Надежда. Не думаю, что со Смартом есть какие-то проблемы

  • Надежда

    проблемы не со Smartresponderом а с WordPressом. На другие движки вставляется оч красиво. А вот на WordPress я ни одной подписки такой не видела ни на чьем блоге. :(

  • @Надежда: Завтра попробую. Кто знает, может Вы и правы

  • Уважаемая Лола! Судя по всему- решения по Вордпрессу и Смартреспондеру пока нет?
    На платном хостинге все работает нормальносм. http://samolod.info
    в сайдбаре стоит форма и в статьях- где нужно тоже.
    а вот например тут :http://samolod.wordpress.com/ - это жуть...

  • @Cветлана Молодежникова: Светлана, мне казалось, что мы эту тему уже закрыли. Как оказалось, мы с Надеждой друг друга не поняли: она сказала движок, я и рассматривала движок, а на деле речь шла о бесплатном сервисе wordpress.com. Мне в тот момент и в голову не пришло, что кто-то может вести бизнес на бесплатных сервисах.

    Выяснили мы это здесь: https://mailbird.kartauspeha.ru/archives/317 и в ходе разбирательств стало ясно, почему не становится форма Смарта (и никакая другая) на wordpress.com

  • Надежда

    Я не говорила что веду бизнес на бесплатном сервере :)
    Я его тестировала.

    Лола, а разве есть принципиальная разница платный сервис или бесплатный для вставки формы?
    Я например попробовала протестировать на бесплатном Юкозовском сайте и все красиво встало.

  • @Надежда: Ребята, ну что вы, в самом деле?
    Причем здесь Юкоз и иже с ними. Я же Вам показывала, что форма спокойно устанавливается на Блогспот, хотя он тоже бесплатный.
    Но НИ ОДНА ФОРМА, которая содержит java скрипт НИКОГДА не встанет на wordpress.com - это политика сервиса wordpress.com, их официальная позиция: http://en.support.wordpress.com/code/ Я уже давала эту ссылку и не понимаю, почему мы опять об этом говорим.

    Что касается бизнесов на бесплатных хостингах - то это совершенно другой вопрос, с формами подписки никак не связанный.
    И не имеет значения Юкоз это, Блогспот, Вордпресс.ком или ЖЖ.
    Когда человек рассказывает о бизнесе и заработках, не будучи в состоянии оплатить личный домен и хостинг... %)
    Поднимите руку те, у кого такие предложения вызывают доверие.

  • @Лола Пирхал:

    Я тоже веду бизнес на движке и платном хостинге. Интерес к бесплатному возник в связи с тем, что мои партнер попросили им показать принципы ведения бизнеса МЛМ в Интернете. Так я сделала небольшой видео и текстовый курс, который сейчас тестируется. И так как нужно было на чем то пробовать- выбор пал на http://wordpress.com/.

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

    И стала в поисковике искать ответы. Так попала к Вам.

    Спасибо за интересный блог!

    Мои планы такие :
    1. все желающие получают возможность опробовать свои силы в создании блога и ведении рассылки. Способ,как выйти из положения с подпиской- я в принципе нашла.
    2. Те, кто в ходе семинара поймет, что это именно их путь, переходят на нормальный движок.
    3. Те, кто просто попробует и убедиться, что не по зубам ( к сожалению таких больше половины) - не затратят много денег и у них не будет разочарования.

  • @Cветлана Молодежникова: Хорошая идея!
    Я тоже как раз сейчас провожу Блиц Тренинг на тему: как создать эффективный блог и собственную рассылку за 10 дней"

    А почему именно вордпресс? Чем Блогспот не подошел?

  • Евгений

    Лола!!! Огромная Вам спасибо за Ваши статьи. Вы единственный человек, кто помог мне разобраться с таким вопросом, как установка кода smartresponder Да, да, столько перелапатил и никто словом не обмолвился. Спасибо!

  • Юлия

    не понимаю, как для обыкновенных хомячков, которые набрали в поисковике "как добавить подписку на сайт" можно писать про "всяких интересных фичей", "Угнездившись в сайдбаре, наш доброжелательный виджет" и т.п. Эти слова кому нибудь что то говорят?????? А нет простых и доступных русских слов?:(

  • Рита

    Лола! Я впервые на вашем блоге и даже мне абсолютному "чайнику" очень интересно,хотя многого не понимаю.
    С удовольствием подпишусь на вашу рассылку.

  • Екатерина

    Лола, подскажите как вставить перед формой подписки картинку( изображение) книги-бонуса на вордпрессе? и как сделать общую рамку, которая бы включала и текст и изображение и форму подписки, спасибо за внимание.

  • Лола, спасибо капец какое громное! Сразу все пошло. Вы молодчина!!

  • Андрей

    Лола, спасибо за полезную статью! Как раз собираюсь добавить форму подписки на свой блог. Закреплю на практике =)

  • Leonid

    Статья действительно очень полезная. С виджетами очень просто работать. Хоть я и "хомячок" , делаю только первые шаги в создании сайта, но с WordPress ни каких проблем не ощутил в установке ПОДПИСКИ от Smartresponder.
    Для начала в Smartresponder нужно было в закладке "Генератор форм" создать название формы подписки (второе окошко сверху) , жмём сохранить и в первом окошке выбираем свою новую форму, только что созданную. В самом низу тут же появляется внешний вид формы. Далее следует редактор, любые действия в нём моментально отражаются внешний вид формы. После редактора, если устраивает новый вид, в самом низу жмём "отобразить код". Ну а дальше просто вставляем его в свой WordPress в виджет с простым названием " ТЕКСТ" .
    Я только с шириной промазал. Но это уже поправлял в самом виджете редактируя код, правда в них ни чего не понимаю %) Но это было не сложно.

  • О! Наконец то я установила эту форму, уф, а то она у меня расплылась на весь виджет 😀

  • Как поставить форму подписки на WordPress если у меня скрипт Почтовый дятел . Если я ставлю как обычно то он меня перебрасывает совсем не туда куда нужно и пользователям приходиться вводить два раза свое имя и E-Maill а это не есть хорошо они уходят с сайта

  • Надя

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

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

    Мне понравилась форма подписки на обновления блога. Как Вы это сделали?

  • Наталья

    Спасибо Вам Лола! Я вставила благодаря Вам форму подписки со смарт респондера, но не она у меня растянулась на весь виджет. Получилось не ровно не по центру - окошки надписи . Как быть не знаю. Если возможно, подскажите пожалуйста.

  • Лола, вот весь день изучаю материалы по созданию поддомена и размещению там html-страницы. Ну, и параллельно смотрю, что еще полезного встречается на сайтах, куда забрела. В том числе и Ваш.
    По поводу размещения формы подписки на сайте. Я бы не сказала, что это совсем уж простая процедура. Я лично потратила 2 дня, чтобы справиться. Банер с формой подписки был готов. Но при его написании в DW я не учла размеры сайдбара. Поэтому первое, что пришлось делать, это подгонять ширину банера к ширине сайдбара. А это, в свою очередь, привело к изменениям непосредственно в форме подписки: строках для персональных данных, кнопке. Когда, будучи не технарем, ее (форму) генерируешь на сервисе, то слабо представляешь, какой код за что отвечает. Приходится методом научного тыка определять. А если еще нужно воплотить более-менее стилевое единообразие? Кстати, если в DW шаблончик банера выглядит очень даже ничего, не факт, что и на сайт он встанет так же. У меня почему-то кнопка подтверждения регистрации "съехала" из центра влево. Пришлось 150 раз 😈 проверять шаблон, искать ошибку. Так и не поняла. Вручную просто тупо изменила поле слева. Вроде получилось... Правда, пока форму не разместила - надо еще разобраться со страницей подписки. Планировала запустить их с определенным интервалом. И если можно, небольшое пожелание. От имени начинающих сайтотворцев :smile: с нетехническим образованием. В технических текстах лирические отступления и метафоры затрудняют восприятие, как и использование специфических терминов без объяснения. Если уж без них никак (все-таки нужно приучать неофитов к ним), то в скобочках лучше давать толкование, не ссылки с переходами, а именно краткое толкование). Нас (журналистов и PR-специалистов) учили писать и говорить именно на языке аудитории. Уверенна, это повысить лояльность всех тех, кого судьба занесла и на Ваш сайт. Успехов! 😉 :smile:

  • Андрей

    Здравствуйте.
    Подскажите пожалуйста, как мне сделать сайт объявлений на вордпресс. Нужно чтобы можно было настроить поддомены для регионов. (чтобы присвоить в яндексе регион). Вот нашел одну доску объявлений http://moskva.biglus.com/ с регионами, подскажите какой шаблон или плагин тут используется, нужно именно, чтобы поддомены работали как в указанном сайте. Я находил плагин для создания поддоменов, но там только для категорий, тоесть из категорий создаются поддомены, а мне так не нужно.

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

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