Как сделать красивую форму подписки

Здравствуйте уважаемые читатели блога. Сегодня рассмотрим такой вопрос: как сделать красивую форму подписки. Забыл вам сказать, что у меня с 3 сентября началась учёба в г. Мурманске. 5 лет пролетело как 5 дней и снова приходится отрываться от дома и семьи на 47 суток, чтобы продлить профессиональный сертификат (сейчас обязательный) и попробывать сдать на первую категорию (сейчас у меня вторая).

Как сделать красивую форму подписки

Живу на съёмной квартире и 5 дней в неделю хожу на 6 часовые занятия по «Скорой и неотложной помощи». Странно, но раньше учиться было как-то влом, нежели сейчас. Сейчас мне очень нравиться учиться, как-то в охотку. Жизненные приоритеты поменялись после рождения дочери и после того как я узнал о безграничных возможностях Инфобизнеса. Итак, начнём…

Хочется спросить и узнать у вас вот о чём. У вас есть уже своя е-мейл рассылка? Именно е-мейл, а не рассылка обновлений блога. И ведёте ли вы её?

У меня с самого начала ведения этого блога была лишь форма подписки. Одна форма на обновления (статьи) блога, другая форма для е-мейл рассылки. С первой всё ясно. Вы наваяли пост и тем, кто подписался на обновления блога пришло письмецо на электронку. А что делать со второй формой?

Лично я сначала не понимал зачем на блоге две формы подписки… У меня так и висело на главной две формы. 🙂 Больше конечно подписывалось по первой форме, так как ссылок на эту подписку по всем статьям раскидано, а вторая форма только на главной. И сегодня я хочу поподробнее рассказать вам о второй, более значимой подписке. Эта форма предназначена для ведения е-мейл рассылок.

Чем она отличается от первой? Многим… Но самое значимое это то, что с её помощью вы сможете отправлять разные тематические письма вашим подписчикам в любое время, зарабатывая при этом. Что я подразумеваю под словом разные тематические письма? А то, что вы сможете зарабатывать на партнёрках не обязательно той тематики, которую вы освещаете.

Простой пример: вы узнали что в сети появился супер-пупер видеокурс про ремонт автомобилей. А вы вообще ведёте кулинарный блог. Можно предположить что кулинарные блоги посещают больше женщины, хотя может я ошибаюсь. Но у этих женщин наверняка есть мужья-автолюбители, ну у большинства я полагаю. Отправив по рассылке одно письмо с партнёрской ссылкой и мощной информацией по этому видео-курсу, вы сможете заработать неплохие комиссионные…

А представьте что у вас база подписчиков не 500 человек, а 5 или 10 тысяч… Представляете какую прибыль вы сможете получите всего-лишь порекомендовав этот видеокурс вашим подписчикам? Если даже ваша партнёрская комиссия составляет 300 рублей с покупки 1 курса, то не трудно посчитать сколько вы заработаете, если этот курс купят хотя-бы 100 человек из вашей 5 тыс базы. Ваша прибыль может составить 30 000 рублей. Неплохо, правда? А вы всего-лишь отправили какое-то письмо. Вот она где лежит мощь интернет бизнеса. Дааа, мечтыыы… 🙂

Давайте ближе к теме поста. Недавно я узнал что сервис умных рассылок SmartResponder.ru разработал новую, красивую форму подписки со всякими-разными эффектными фишечками. Что мне больше понравилось в ней, — это то, что эту форму можно украсить картинкой. 🙂 Посмотрите какую я себе сделал

Впрочем давайте по порядку…

Заходите в свой аккаунт SmartResponder.ru как автор рассылки, /Формы/Генератор форм подписки (новый)/. Далее вам предоставляется выбор из 5 готовых, «сырых» шаблонов,

которые на выходе будут выглядеть как конфетка. 🙂

Чтобы поближе их разглядеть кликайте в нижний правый угол шаблона на значёк лупы и он загрузится по центру экрана. А чтобы выбрать шаблон на редактирование, просто кликните по центру шаблона.

Итак, вы выбрали понравившийся вам шаблон. Далее будем изголяться над ним. 🙂 Нам нужно будет пройтись по 3 разделам настроек нашей будущей красивой формы. Это:

  • Обязательные настройки формы
  • Дополнительные настройки формы
  • Настройка элемента формы

  * Обязательные настройки формы

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

1) Форма подписывает на рассылки — кликаете по названию вашей рассылки.

2) Элементы формы — выбираете из каких элементов будет состоять ваша форма. Если в старой форме SmartResponder.ru можно было добавить только счётчик и ссылку на сервис, то в новой версии предоставлен такой широкий выбор опций, которые меня очень порадовали. Тут форма позиционируется как мини-сайт такой, с шапкой-заголовком, счётчиком, футером и даже капчу можно вставить в форму… И это ещё не всё. Как я уже писал выше, можно даже украсить форму своей картинкой, что сделает вашу форму очень привлекательной. Согласитесь?

Как только вы ставите галочку на элементе, он сразу же появляется в редакторе. Капчу я не советую засовывать в форму, — отпугнёте своих потенциальных подписчиков. Счётчик можете вставить, если у вас 3-5-10 тыс подписчиков. 🙂 Этим вы позиционируете свой блог «не по детски серьёзным», да и к тому же это полезная инфа для потенциальных рекламодателей вашего блога. Но когда их 50-100, а может и того меньше, думаю это будет лишним. 🙂

3) Размер и внешний вид формы — тут определитесь сами, какого размера будет ваша форма. Если вы её в сайтбар будете ставить, то нужно подогнать её под размер ширины сайтбара. Далее разберётесь с выравниванием и размером и цветом границы.

4) Фон формы — тут выбираете цвет фона, либо украшаете форму своей картинкой. Выбираете её на своём компьютере, загружаете в форму и потом можно её растянуть как вам необходимо.

* Дополнительные настройки формы 

 5) Канал подписки, связанный с формой — тут ничего заполнять не надо.

6) Язык подписки (для писем активации) — естественно русский.

7) Динамичность формы — перенаправлять на страницу подписки. Пункт ниже доступен только для владельцев платных аккаунтов.

8)  Проверка заполнения полей формы — я поставил минимальную.

9) Значения полей — буквы русского и латинского алфавита.

* Настройки элемента формы

Здесь нужно будет поработать над каждым элементом формы. Нажимая в редакторе на отдельный элемент, он будет выделяться синей полоской и его нужно будет отредактировать. Например: нажали на хедер и справа :

а) можете дать этому элементу своё название, либо оставить его по умолчанию

б) отформатировать текст элемента, выбрав шрифт, размер, цвет и тип

в) отформатировать выбранный элемент (границу), указав размер, его цвет и фон

г) либо выбрать готовый вариант, что я и сделал, чтобы не мучиться 🙂

Все эти манипуляции проделываете с каждым элементом.

    Ниже есть раздел для добавления дополнительных полей,

но я оставил классический вариант формы для подписки. Вы же можете поэкспериментировать если хотите…

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

Кстати очень удобно стало копировать код, не обводя его, а копируя прямо в буфер обмена. Молодцы разработчики сервиса!!! Всё продумали до мелочей…

На этом на сегодня всё. Пока-пока…

P.S. Не забываем подписываться на обновления блога или на бесплатности в форме ниже…

С уважением, Алекс Fomik…


Понравилась статья - поделись с друзьями!



Просмотр

Подпишитесь на обновления блога по почте :

Количество читателей блога


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

  1. Денис:

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

    [Ответить]

    Алекс Fomik Reply:

    Согласен с вами Денис. Так как я пока не веду своей рассылки, а набираю базу подписчиков, то и статистики у меня нет по этому вопросу. А у вас в рассылке ужасная картина по переходам и чтению?

    [Ответить]

    Андрей Reply:

    Интересный момент произошёл на одном знакомом сайте.
    Отправили рассылку (из шаблона сайта) всем кто подписался.
    А было их не много около 1000 человек и Яндекс тут же заблокировал сайт за «рассылку спама».
    С тех пор рассылки они устраивают только при помощи другого бесплатного сайта…

    [Ответить]

    Алекс Fomik Reply:

    Рассылка велась прямо с сайта? Если так, то правильно Яндекс сделал… Кто же так делает по дурацки? Рассылка ведётся со специальных сервисов типа Смартреспондер…

    [Ответить]

    Андрей Reply:

    Да в том-то и дело, что они сделали прямо из формы шаблона.
    И сайт коммерческий и горя было на «полмиллиона»…

    [Ответить]

    WPixel Reply:

    а что за сайт?

    [Ответить]

    Андрей Reply:

    Не могу сказать — очень хорошие мои знакомые…

    [Ответить]

    Андрей Reply:

    Да они это делали прямо из формы шаблона сайта.

    [Ответить]

  2. WPixel:

    Алексей, что то я не увидел у вас формы рассылки на сайте? есть только форма подписки на обновления блога.

    [Ответить]

    Алекс Fomik Reply:

    Денис, эта форма есть пока только в разделе Бесплатно…

    [Ответить]

    WPixel Reply:

    Сорри, вот там я и не смотрел….Я привык такие вещи в сайдбарах видеть

    [Ответить]

    Алекс Fomik Reply:

    Да надо на главную вывести эту форму. Сейчас этим и займусь…

    [Ответить]

  3. Ольга:

    Подумаю над этой информацией и попробую применить у себя на блоге.

    [Ответить]

    Алекс Fomik Reply:

    Ольга, а что тут думать? Тут делать надо и применять 😀

    [Ответить]

  4. Андрей:

    А есть у кого-нибудь реальная статистика результатов таких подписок и рассылок?
    Кто-нибудь сравнивал затраченное время и силы с полученным результатом?
    Насколько высока рентабельность?

    [Ответить]

    Алекс Fomik Reply:

    У тех кто плотно этим занимается такая статистика конечно есть. И естественно цифры её разнятся. У кого-то отрицательное «сальдо», ну а кто-то в +. Чтобы была успешной конверсия рассылки, -этим нужно специально заниматься. Я знаю, что существуют специальные шаблоны писем в такой рассылке, которая настроена на периодическую-автоматическую серию писем. Неужели вы не получали такую серию писем?

    [Ответить]

    Андрей Reply:

    Письма может и получал, но только не обращал внимания.

    [Ответить]

    WPixel Reply:

    частенько такие письма приходят, вот по этому не люблю по почте подписываться

    [Ответить]

  5. Galina:

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

    [Ответить]

    Андрей Reply:

    Возможно, и не мешает сделать форму подписки. Но я пока не вижу эффективность такой подписки.
    Нет прямой зависимости.

    [Ответить]

    WPixel Reply:

    форма с фишками залог успеха в двойне

    [Ответить]

  6. Надежда:

    Спасибо,Алексей.Все доходчего и ясно. Сайт занесла в закладки. И поделилась.

    [Ответить]

  7. Irina:

    Похоже я одна вообще не заморачиваюсь на подписку. Даже не знаю, подписываются читатели или нет. В этом спондере я зарегистрировалась, но если честно, то и не пользуюсь. Я так и не поняла что это вообще дает. Какая разница подписался человек в спондере или в RSS? Что это меняет?
    Хоть кто-нибудь бы объяснил.

    [Ответить]

    WPixel Reply:

    Респондер дает возможность рассылать подписчикам анонсы на продукты которые вы собираетесь продавать с сайта, а ррс это подписка на статьи сайта.как то так.

    [Ответить]

    Алекс Fomik Reply:

    Ир, Денис в принципе тебе уже ответил, но я хочу сказать, что ты зря не заморачиваешься по поводу подписки. С твоим огромным талантом писать от души и со смыслом ты бы могла такие классные ПДФ книги продавать в рассылке)))
    А Рсс подписка у тебя хоть есть? Это очень важный момент в блогинге скажу я тебе… Ты и кол-ва своих Рсс читателей не знаешь что-ли? Вот счастливый человек))) Вот почитай хотя-бы у меня про RSS, всё подробненько…

    [Ответить]

  8. ruslan:

    О спасибо интересная статья , буду знать как создать красивую форму .

    [Ответить]

    Алекс Fomik Reply:

    Наздоровье Руслан) Приходите ещё за порцией полезностей для сайта…

    [Ответить]

  9. Сергей:

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

    [Ответить]

  10. Мария:

    Со SR все понятно, а можно поинтересоваться как вы сделали красивой форму подписки на обновления? Я так понимаю это feedburner.google?

    [Ответить]

    Алекс Fomik Reply:

    Ручками Маш, ручками))) Хотите я вам на заказ сделаю подобную? 100 руб за работу устроит?

    [Ответить]

    Мария Reply:

    Давайте обсудим.

    [Ответить]

  11. injnnak:

    Спасибо за информацию. Все так подробно написано

    [Ответить]

    Алекс Fomik Reply:

    Пожалуйста. К сожалению, эти сложные формы от смартреспондер, судя по их коду, слетают при последующем редактировании статьи в редакторе. Я писал в поддержку насчёт этого. Мне ответили, что это происходит от того, что этот код рушится от влияния кода стилей шаблона блога. Не знаю, как у других, но мне постоянно приходится перезаливать код от формы в редакторе, при повторном редактировании статьи. они сказали, что сделают специальный плагин, который будет держать код неприступным… Ждёмс…

    [Ответить]

  12. Виктория Эс:

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

    [Ответить]

    Алекс Fomik Reply:

    Виктория. К сожалению новые формы от Смарта при последующем редактировании записи, где она стоит, разрушаются. Я в комменте выше объяснил что к чему.

    [Ответить]

  13. Антон:

    Алекс респект! Очень подробно все рассказали! Ещё был бы интересен от Вас пост по украшению формы от feedburner.com если возможно.

    [Ответить]

    Алекс Fomik Reply:

    Спасибо Антон. Про фидбёрнер вижу, вы уже нашли мой пост…

    [Ответить]

  14. Нина:

    У этой формы подписки есть один минус и довольно таки весомый. Во-первых у нее большущий код, во вторых — сильно грузит страницу. Где то читала что в этом коде много всего лишнего, вот если бы вы научили как его сократить были бы мы очень признательны вам!

    [Ответить]

    Алекс Fomik Reply:

    Привет Нина! К сожалению я не такой специалист, чтобы такое творить)))

    [Ответить]

    WPixel Reply:

    Нина, с чего вы взяли что у этой формы большой код? Грузит страницу это да, а код там ничего лишнего- инпуты и текстарея стандартные для любой формы.
    Посмотрел у вас на блоге форму обратной связи, сделана по урокам Саши Борисова, кстати она немного устарела и есть свои недочеты в плане после нажатия кнопки отправить, она не возвращает на страницу.

    [Ответить]

    Нина Reply:

    Возможно устарела форма, так как я делала ее уже более двух лет назад, а у вас есть лучше вариант? Буду благодарна очень если поделитесь!

    Алекс, к вам обращаюсь. Этот код я считаю можно изменить, но вот как… прошу для сравнения обратить внимание вот на этот сайт irinazaytseva.ru. Посмотрите обратный код страницы.Там подписка от смартонспондера, он настолько коротенький в отличие от стандартного, и грузится моментально. А это значить, что нам тогда есть к чему стремится, и ничего невозможного нет.

    [Ответить]

    WPixel Reply:

    Нина извините меня, я вчера ночью не сразу понял о чем речь была, думал про плагин контакт форм 7. Про смарт респондер могу на днях разобрать их форму и написать пост(в среду или четверг примерно, времени в обрез), если вам так это интересно.

    [Ответить]

    Нина Reply:

    Очень интересно!!!

    [Ответить]

    Алекс Fomik Reply:

    Ну вот и нашли вы друг друга)))

    [Ответить]

    Алекс Fomik Reply:

    Нина, про какую форму вы говорите? Про ту, которая внизу поста? С картинкой «Подписаться на самые интересные статьи?»

    [Ответить]

  15. Нина:

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

    [Ответить]

    Алекс Fomik Reply:

    Да, про этот блог. Нина, а вы у самой Зайцевой почему не спросите? Мне кажется — это самый короткий путь узнать)) Я к счастью подписываю на главной через Фидбёрнер, а смартовская стоит на внутренних страницах и их не много… Может быть на самом смарте можно такую форму упрощённую сделать? В самом начале выхода этой сложной формы у неё были проблемы на сайтах вебмастеров. И у меня в том числе. Она при редактировании статьи или страницы, на которой она находилась — разрушалась. Код формы рушился. Я спрашивал в поддержке — они сказали, что дело в конфликте с шаблонами сайтов и они нашли решение в виде каких-то плагинов, но меня это не заинтересовало и я перестал интересоваться этой проблемой, так как мало пользуюсь этой формой…

    [Ответить]

  16. WPixel:

    Вот как и обещал, форма с блога Зайцевой )))
    wpixel.ru/technical-nuances/kak-sdelat-svou-formu-podpiski-servisa-smartresponder-ru-na-svoem-bloge.html
    Читаем коментируем.

    [Ответить]

  17. Nadezda:

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

    [Ответить]

    Алекс Fomik Reply:

    Надя, просто сделать картинку ссылкой. А если хотите, чтобы сразу скачивали — то «ссылку-скачку». Вы не знаете, как это делается? Пост что-ли писать про это???

    [Ответить]

Оставить свой комментарий