Приветствую вас уважаемые друзья, коллеги! Сегодня я научу вас тому, как сделать красивую форму подписки для своего сайта.
Не просто одну, форму подписки, а как делать разные формы подписки, очень красивые, с высокой конверсией, привлекающие внимание, приятные для глаз наших уважаемых посетителей…
С такими формами мы будем значительно выделяться из общей массы всей интернет толпы! Расскажу вам, в чем разница между обычными (стандартными) формами и формами, которые вы создадите после изучения моей статьи.
Среди вас наверняка есть те, у кого нет вообще формы подписки на сайте, не то что бы красивой, а вообще ни какой! И это очень печально, сейчас эпоха подписных баз, нужно обязательно иметь свою подписную базу (рассылку) и не просто что бы она была, а ее нужно постоянно увеличивать. В разы! Наличие подписной базы сейчас решает многое, это и есть ваш актив, то, что будет постоянно класть денюшку к вам в карман.
Формы подписки обязательно должны находиться на нашем сайте, в разных местах, на разных страницах. Расположение их должно зависеть от их видимости, доступности. Красивая и удобная форма подписки на вашу рассылку должна находиться на самом виду для посетителя! Не в коем случае не одна и не на одной, отдельной странице вашего блога. Чем проще подписаться, тем больше будет конверсия!
Как создать форму подписки (для новичков!)Статья будет большая, поэтому запаситесь терпением и интересом, вы многому научитесь!
На протяжении всей статьи мы будем работать только с одним сервисом e-mail рассылок – Smartresponder.ru
После того как вы создали свою собственную рассылку я покажу вам как создать для нее стандартную форму подписки для сайта.
Но сначала создадим канал для нашей будущей формы подписки, потом вы поймете зачем он нужен, я объясню!
Переходим на вкладку «Статистика» — «Каналы для форм подписки»
Название канала :
Здесь вы можете прописать название вашего канала в соответствии с тем, где будет использоваться форма подписки, зачем, почему и т.д. Все что захотите, пишите как вам угодно, суть в том, что бы вам было легче разобраться, где находиться та или иная форма подписки на вашем сайте или сайтах, или страницах курсов, книг и тому подобного! Просто сделайте так, потом все станет ясно…
Код канала :
Максимум 16 символов, только буквы латинского алфавита и цифры. Не придумывайте ничего секретного, это просто код канала, 4 символа вполне достаточно!
Нажимаем кнопку «Создать ». Отлично!
Теперь переходим на вкладку «ФОРМЫ » и выбираем пункт «Генератор форм подписки»
Попадаем на страницу генерации формы подписки
Данная страница разделена на три области (три блока), в первой непосредственно находиться генератор, во второй области, которая называется «Внешний вид формы» мы будем просматривать результат того что мы делаем, видеть форму. И в третьем, нижнем блоке будет находиться код нашей с вами вновь созданной формы подписки, который необходимо вставить в код шаблона нашего сайта!
Вот полный скриншот страницы генератора форм, нажмите на него, и он откроется на другой странице!
1. Здесь вы просто даете название форме подписки (как шаблону), например в зависимости от того внешнего вида, которые вы хотите для нее создать.
Приступаем к настройке формы подписки !
2. Выбираем рассылку, для которой непосредственно будет создана нами форма подписки для посетителя. В этом списке будут показаны все ваши рассылки, если у вас она одна, значит будет показана только одна. Выбираем ее и вперед!
3. Мы сразу создали канал, мы молодцы, хотя на первое время можно прекрасно обойтись без него, но я объясню вам, зачем это нужно.
Канал подписки необходим для того что бы отслеживать эффективность той или иной форм подписки. Все очень просто, у вас может быть две или три формы подписки для одной рассылки, расположенные в разных местах интернета, в том числе и на других ваших сайтах, но, повторюсь, все они будут собирать вам подписчиков в одну рассылку. Здесь то нам и пригодится использование разных каналов, то есть вы задаете всем формам подписок разные каналы и контролируете теперь, сколько подписчиков идет через ту или другую форму подписки. То есть один и тот же код созданной вами формы подписки, но с разными каналами в этом коде.
Итак, здесь нужно выбрать название канала, он у нас создан, выбираем и идем дальше.
4. Выбор полей формы
Не знаю для каких целей вам может понадобиться дополнительная информация о подписчике, например его пол, год рождения, но их мы добавлять в форму подписки не станем! Наша задача, предоставить подписчику простую форму подписки , всего лишь два поля (имя и e-mail).
Эти поля выбраны уже по умолчанию, поэтому идем дальше.
5. Здесь практически все относится ко внешнему виду формы подписки.
Если у вас будет несколько рассылок, то можно выбрать несколько и тогда они будут предоставлены на выбор подписчику в форме подписки .
Ну вот и все, стандартная форма подписки у нас готова!
В области «Внешний вид» мы видим все что создали.
На выходе, после того как мы создали форму подписки с помощью генератора мы получаем такой код:
//
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_]*@(+(*+)*\.)++$/)) { alert("Некорректный синтаксис email-адреса!"); f["field_email"].focus(); return false; } return true; }
// ]]>
|
Этот код мы будем мучить! А если быть точнее, ту его часть, которая находиться в теге
Объясню подробнее:
В начале и в конце кода нашей еще пока не очень красивой формы подписки расположено по тегу комментариев, то есть это такие специальные теги, в которых пользователь (вебмастер) может написать текст, который будет напоминать ему какую, например, роль этот код выполняет. Где его начало или конец, для чего служит этот код, можно пометить этими тегами части кода и т.д. Все что угодно! Вы можете написать в таком теге даже дату, когда вы вставили этот код в тело кода вашего шаблона (сайта). Например:
Любой текст заключенный в такой тег не будет виден посетителю вашего сайта при его просмотре! Но если вы напишите текст без такого тега, то этот текст обязательно где-нибудь вылезет и будет виден всем посетителям вашего сайта!
В коде нашей формы подписки , в самом начале вы увидите такой тег комментарий и в конце кода будет расположен такой тег — Они означают «Начало» и «Конец» кода формы подписки. Если вы отлично ориентируетесь в коде файлов шаблона вашего сайта и с легкостью вникаете в то, что там за что отвечает, то и без этих комментариев вы разберетесь что это именно код формы подписки, поэтому вы можете смело его удалить!
Теперь идем дальше! Первым элементом нашего кода формы подписки, после тега идет скрипт (javascript). Этот скрипт несет огромную пользу для нас и контролирует, например, правильно ли подписчик ввел данные в форму подписки, или например ввел ли он их вообще. Подскажет об ошибочно введенном e-mail адресе подписчика, если он введен им не корректно, к примеру без соб@чки!
Если удалить этот скрипт, то на внешний вид формы подписки это не коим образом не отразиться, вы также сможете ввести данные в поля формы и нажать кнопку «Отправить», даже если вы в поле e-mail адреса введете каракули, все равно вы будете перемещены на страницу сервиса Смартреспондера и будете идентифицированы им. Если данные будут введены верно, то подписка произойдет нормальным, обычным порядком. Но если ваш подписчик не верно укажет e-mail адрес, например забудет прописать соб@чку или точку где-нибудь, или вовсе забудет ввести имя или e-mail. В этом случае его уже ни что не сможет предупредить об ошибке ввода и подписчик будет перемещен на страницу сервиса Смартреспондера и там сможет ввести данные верно! Такая вот очень простая и полезная конструкция! Но это так, к сведению.
Переходим к следующей, самой важной части кода формы подписки , а именно к самой форме.
Вся остальная часть кода заключена в тег . В нем то и находятся все параметры, которые отвечают за внешний вид, а также идентификатор вашей рассылки и канала (код канала). Если такой вами создан и выбран в процессе генерации формы подписки.! Вот так!
Продвинутые пользователи давно уже научились менять эти параметры по своему вкусу, не прибегая к генератору форм подписки на сервисе Смарта, теперь этому научитесь и вы!
А теперь основная часть статьи!
Как сделать красивые формы подписки для сайтаИтак, берем код простой стандартной формы подписки от сервиса Smartresponder.ru:
Беру первый код, который отвечает за вывод надписи «Ваш e-mail: *»
Ваш e-mail: *
В этом коде вы можете изменить расположение этой надписи, сделать так что бы она отображалась слева, справа или по центру как это указано сейчас. Для этого вам необходимо изменит атрибут элемента align="left, center, right" . Можете изменить шрифт, это здесь, в элементе style="font-family: Verdana;" , размер шрифта, тоже в этом же элементе.
Следующий код, отвечает за вывод текстового поля для ввода адреса почты:
Здесь будет значительно красивее, если в элемент style добавить border: 1px solid #BBB; это создаст рамку вокруг поля. Можете изменить цвет или размер рамки!
Третий код, отвечает за вывод надписи «Ваше имя: *»
Ваше имя: *
Эту надпись можно отредактировать также как и в первом случае.
Сново код, который ввыводит текстовое поле:
Можете изменить это поле как и во втором случае.
Наконец добрались до кнопки формы:
Кнопка выглядит так потому что у нее есть свой собственный стиль. В теге input вы можете увидеть этот стиль: id="название_идентификатора_стиля" Стиль в файле style.css и имеет он следующие значения:
Padding: 0 10px;
Margin-left: 5px;
Border: 1px solid #fffffd;
Border-radius: none;
Box-shadow: 0 0 5px #999997;
Background-color: #fbfbfb;
Filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ededed);
Background-image: -moz-linear-gradient(top,white 0,#EDEDED 100%);
Background-image: -ms-linear-gradient(top,white 0,#EDEDED 100%);
Background-image: -o-linear-gradient(top,white 0,#EDEDED 100%);
Background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(100%,#EDEDED));
Background-image: -webkit-linear-gradient(top,white 0,#EDEDED 100%);
Background-image: linear-gradient(to bottom,white 0,#EDEDED 100%);
Cursor: pointer;
Color: #545454;
#название_идентификатора_стиля:hover { border: 1px solid #999997; }
Можете скопировать и добавить себе такой же стиль, в файл style.css, только обязательно назовите его! И пропишите в тег input> кода кнопки, вашей формы подписки . Любую кнопку можно здесь создать! Нужна графика и несколько приемов.
Например вот еще кнопка с графикой, то есть два изображения. При наведении курсора на кнопку, одно изображение сменяется другим:
Вот код такой кнопочки (стиль, который нужно добавить в style.css):
#название_идентификатора_стиля {
Background: url("images/smrtbut03.png") no-repeat scroll left top transparent;
Border: medium none;
Cursor: pointer;
Margin-left: 18px;
#название_идентификатора_стиля:hover {
Background: url("images/smrtbut04.png") no-repeat scroll left top transparent;
В коде формы подписки, в теге input тоже не забудьте указать этот стиль, так: id="название_идентификатора_стиля"
Берем код нашей формы подписки и перед ним прописываем тег div, вот так:
КОД ФОРМЫ ПОДПИСКИ
Теперь открываем файл стилей нашего шаблона style.css и в самом низу добавляем туда этот код:
Объясняю, название идентификатора у вас должно быть своим, например так в теге div и так #pic-009 {} в файле style.css . Правильно указывайте путь к вашему изображению. Элемент center отвечает за выравнивание картинки по центру, можете ввести left или right . Не забудьте изменить высоту в элементе height .
Можете вывести картинку с помощью тега img , но это немного по делитантски, я объяснил вам как лучше.
Таким простым способом вы можете разместить над формой подписки обложку книги или курса, вашу фотографию и т.д.
Как создать форму подписки на фоне изображения, картинкиБерем код нашей формы подписки и заключаем его в тег DIV вот так:
КОД ФОРМЫ ПОДПИСКИ
Видите разницу, до этого тег div находился над кодом формы подписки, а сейчас весь код формы подписки заключен между тегами div (первый открывающий, а в конце закрывающий).
Теперь добавляем в файл стилей style.css такой код:
#Название_идентификатора_стиля { background: url(pic/bottom-arrow.png) no-repeat top center; height: 100px; }
Точно также как и в предыдущем случае, указывайте все верно!
Где узнать номер своей рассылки smartpesponder (id рассылки и id канала)Давайте покажу вам где в коде формы подписки находятся id вашей рассылки и id канала.
Узнать id канала вы можете в «статистика» — «каналы для форм подписки»:
Друзья суть этого поста не в том что бы за вас сделать супер красивые формы подписки , например 100 штук и раздать вам код и показать как их у себя настроить, а в том что бы вы научились делать свои формы подписки другими, не такими как у всех! Я старался объяснить так что бы вы поняли как это нужно делать!
Графики море, недорогой, ее можно легко использовать в ваших формах подписки. Кнопки, фон, все это легко туда присобачить! Можно попробовать сделать это несколько раз и все станет ясно, чем постоянно покупать комплекты дорогой графики и еще и идти на фриланс для того что бы вам их сверстали!
Друзья, я стараюсь писать для вас интересно и подробно, ну и поэтому получается такой большой текст! Под ключевые запросы я его практически не затачивал, потому что пишу о том что думаю, сразу из головы, а не думаю как написать что бы вставить ключ! Сейчас уже начинаю подумывать о значительном расширении области контента моего любимого блога! Кстати, что вы скажете на этот счет? Нужно расширять? Или оставить пока так!
В следующей статье я расскажу о новом генераторе форм от сервиса Smartresponder.ru и постараюсь вам дать больше уже готовых вариантов. А также показать еще какие-нибудь хитрости с внешним видом форм подписок. Подписывайтесь на обновления!
На этом я заканчиваю и надеюсь что вы все таки почерпнете что нибудь полезное для себя из этого материала! Удачи, Пока!
После создания подписки она становится доступной на устройствах с последней версией Google Play Маркета.
Длительность бесплатного пробного периода и периода платной подпискиПодписка добавляется так же, как , но цена устанавливается за период времени.
Перед созданием подписки необходимо назначить идентификаторы товаров. Они должны быть уникальными для вашего приложения, и их нельзя менять или использовать повторно после создания.
Чтобы добавить подписку, выполните следующие действия:
Варианты цен на подписки Начальные ценыВы можете установить начальную цену, которая будет действовать для новых подписчиков в течение заданного количества дней, недель, месяцев или расчетных периодов. Например, можно сделать подписку дешевле в течение первых трех месяцев или установить начальную цену на первые 10 дней с последующей ежемесячной оплатой по полной стоимости.
После окончания акции с пользователей будет взиматься полная стоимость.
ТребованияБесплатный пробный период позволяет пользователям опробовать подписку перед покупкой. Чтобы настроить пробный период, необходимо задать продолжительность. По его окончании автоматически оформляется подписка с выбранной ценой и периодичностью оплаты. Бесплатный пробный период можно установить для любого типа подписок.
Примечание. С 10 января 2018 года по умолчанию пользователь может получить бесплатный пробный период только для одной из всех доступных подписок в приложении. Если вы хотите предлагать бесплатный пробный период для каждой из доступных подписок, измените настройки в Play Console.
ТребованияЧтобы воспользоваться пробным периодом, пользователю необходимо пройти стандартную процедуру покупки в Google Play. Он получит уведомление по электронной почте о том, что подписка включает бесплатный пробный период, и плата с него взята не будет. Google Play регистрирует транзакцию в размере 0,00 долл. США, и подписка помечается как приобретенная на пробный период или до отмены.
Если пользователь продлит подписку, на следующий день после окончания пробного периода будет списана ее полная стоимость, и в дальнейшем списания будут повторяться с выбранной периодичностью. Статус "Ожидается оплата" может отображаться до 24 часов, даже если не установлен .
Примечание. Если пользователь отменит подписку в любой момент в течение пробного периода, подписка останется активной до его окончания. При этом плата с пользователя взята не будет.
Изменение плана подписки Изменение цен Что происходит после изменения ценыЕсли вы измените цену активной подписки, новых и существующих подписчиков это затронет следующим образом:
Вы можете разрешить пользователям менять тарифный план подписки через приложение, например переходить с ежемесячной подписки на годовую или с базовой версии на премиум.
Пользователи не могут получить возврат платежа за предыдущий период подписки, однако первое списание средств по новому тарифу будет отложено на оплаченное время.
Льготный периодЕсли пользователю не удалось оплатить подписку автоматически, он может сделать это в течение льготного периода , обновив платежные данные (например, указав действующую карту вместо просроченной).
Отклоненные платежи и льготные периодыВ начале льготного периода подписчик получит по электронной почте предупреждение о пропущенном платеже. При этом подписка продолжит действовать. После обновления способа оплаты дата следующего платежа останется прежней.
Для новых подписок по умолчанию установлены следующие льготные периоды:
Вы можете изменить льготный период (3, 7, 14 или 30 дней) для отдельных подписок или отключить его.
Если пользователь не обновит способ оплаты до конца льготного периода, он потеряет доступ к контенту, а подписка будет отменена.
Временная блокировка при отклонении платежейЕсли периодический платеж подписчика отклонен, вы можете приостановить подписку и ограничить доступ к ее контенту на 30 дней, пока мы пытаемся получить оплату. Приостановление доступа применяется ко всем подпискам в вашем приложении.
Подробную информацию о временной блокировке можно найти на сайте для разработчиков Android .
ПриостановкаВы можете сократить добровольный отток и предоставить альтернативу отмене, разрешив пользователям приостанавливать подписку . Функция приостановки применяется ко всем подпискам в приложении, кроме годовых. Чтобы разрешить пользователям приостанавливать подписку, включите временную блокировку аккаунта. Чтобы активировать приостановку подписок, выполните следующие действия:
При отмене подписки платеж не возвращается, но у пользователя остается доступ к контенту до окончания оплаченного периода.
Восстановление подписки в приложении
Хотите, чтобы пользователи, отменившие подписку, могли восстановить ее, не дожидаясь конца оплаченного периода? Добавьте возможность подписаться заново . При повторном оформлении подписки учитывается оплата, внесенная за ещё не истекший период, поэтому средства со счета пользователя списаны не будут.
Восстановление подписки в Play Маркете
Если вы включили восстановление подписок, пользователи могут в Play Маркете восстанавливать отмененные подписки, у которых ещё не закончился срок действия. Когда пользователь восстановит доступ и подтвердит дату следующего платежа, вы получите уведомление.
Совет. Чтобы быстрее реагировать на изменения, рекомендуем настроить уведомления для разработчиков в режиме реального времени .
Чтобы разрешить пользователям восстанавливать подписки, выполните следующие действия:
Эта информация оказалась полезной?
Как можно улучшить эту статью?
Форма подписки на рассылку - это входные врата, через которые посетители сайта вливаются в email-маркетинг компании. Цвет, размер, расположение полей и кнопки «подписаться», а также сопутствующий текст влияют на количество подписчиков.
Жаль, что не бывает стопроцентно работающих рекомендаций вроде «сделайте здоровенную красную кнопку и будет вам миллионная подписная база». Даже самая прекрасная в мире форма подписки может слабо конвертировать. Потому что на решение человека оставить свой электронный адрес влияют и другие факторы. Например, интерес к компании и её продуктам, отзывы других людей о содержимом email-рассылки, качество трафика.
Проще всего создавать форму подписки, если перед глазами есть готовые образцы. Примеряешь их к своему проекту и видишь, каких текстов, стимулов и фишек не хватает для полной конверсии.
Сделайте красиво и заметноПодписка на рассылку - это обычно не то, ради чего человек заходит на сайт. Поэтому форма подписки не займёт центральное место на первом экране. В то же время должно быть легко найти поле, в которое вписать email, чтобы получать новости компании.
Подумайте, в каком месте сайта разместить форму. Например, ближе к середине или концу страницы. Так вы дадите пользователю время на то, чтобы прокрутить сайт и понять, куда он попал. И к моменту обнаружения формы подписки человек примет осознанное решение о том, хочет ли он в дальнейшем получать от вас какую-то информацию.
Если страницы сайта длинные, то несколько раз ненавязчиво напомните о возможности подписаться. Продублируйте одну и ту же форму подписки. Или, как вариант, пару раз разместите обычную форму, а ближе к футеру покажите всплывающее окошко с приглашением подписаться.
Электронные рассылки некоторых компаний - это самостоятельный ценный продукт, в который вкладывают силы писатели, дизайнеры и маркетологи. Если это про вас, то создайте отдельную страницу с описанием всех преимуществ email-рассылки.
Стимулируйте подписыватьсяНачните с самого важного: пригласите подписаться на email-рассылку и расскажите, о чём планируете писать. Сформулируйте этот текст в виде призыва к действию в одном-двух предложениях.
Раз есть призыв, то должен быть и стимул к выполнению целевого действия. Эти ребята, призыв со стимулом, хорошо работают в паре. Вначале вы зовёте в лес. И тут же обещаете малину вёдрами, белые грибы лукошками и прочие радости природного происхождения в конкретном количественном выражении.
Мотивируйте пользователей заполнить форму подписки - дайте взамен что-то полезное и бесплатное. Напишите как можно конкретнее, ради чего нужно оставить свой электронный адрес.
Убедите пользователей, что вам можно доверять. Пусть они не боятся сообщить вам свои имена, электронные адреса и телефоны. Обещайте не спамить, укажите периодичность писем, покажите количество подписчиков и их отзывы.
Добавьте пару слов об авторах электронной рассылки. Ведь это конкретные люди с именами и фотографиями, к которым посетители сайта могут проникнуться доверием. Понятно, что за email-рассылку в компании отвечает интернет-маркетолог. Но он работает в команде с другими специалистами, каждый из которых консультирует по своей предметной области.
Если у вас есть сайт, вы наверняка озабочены тем, чтобы ваши посетители могли получать новости, обновления и предложения самыми разными путями - через социальные сети, RSS, почту и так далее. Во всех случаях на пути пользователя стоит процесс подписки - и если в социальных сетях он упрощён максимально, то подписка на email-рассылку очень часто грешит ненужными сложностями. Поэтому мы решили посвятить очередную статью в нашем блоге юзабилити процесса подписки на вашу рассылку. На основе опыта UniSender мы расскажем о том, как упростить жизнь себе и вашему посетителю. Для начала разберём несколько грубых ошибок на следующем примере:
Итак, что мы видим:
Правильные ответы:
1. Поблагодарите – это ок, в примере это есть. Хотя можно говорить и менее канцелярским языком.
2. Скажите, от кого придёт письмо – в данном случае, лучше указать, с какого ящика оно придёт.
3. Покажите, на какой ящик отправлено письмо!
Благодаря этому не нужно просить клиента вводить ящик два раза – он может увидеть, что послал письмо не туда в случае, если не получит письма с подтверждением регистрации. В противном случае, не получив подтверждения и не имея возможности ходить по вашему сайту клиент уйдёт. Пример:
Благодарим вас за регистрацию. Письмо с подтверждением направлено на почтовый ящик %email-адрес%.
4. Скажите, что делать, если письмо не пришло!
Как правило, письмо с подтверждением регистрации может не прийти по двум причинам. Первая – у вас не работает механизм. Поэтому «если письмо не пришло – напишите нам» актуальная фраза. Однако не стоит с ней торопиться, так как чаще письмо падает в спам, поэтому сначала напишите – «Если вы не видите письма в папке входящих, проверьте папку «спам». Чтобы в дальнейшем письма от нас приходили к вам корректно, пожалуйста, добавьте в список контактов.» Вот после таких слов уже уместно добавить, что если письмо не пришло никуда, - «напишите нам».
В письме подтверждения регистрации вы можете сразу использовать как правильный почтовый ящик (вместо noreply принято использовать ящики, на которые в дальнейшем клиент сможет написать вашему CRM), также можно поместить и шапку корпоративного письма.
Welcome email Как правило, после того, как регистрация подтверждена, подписчику отправляется Welcome Email и подписчик ставится в соответствующую цепочку. В Welcome email вы можете дать ссылку, которая отправит клиента на управление его подписками, рассказать о возможностях, которые он получил, зарегистрировавшись на вашем сайте, вручить ключи от продукта и многое другое. Страница управления подписками На эту страницу клиент может попасть по ссылке из вашего Welcome email, а также в том случае, если кликнет на ссылку, которая обязательно должна быть в каждом вашем письме – это возможность отписаться или настройка уведомлений. Выглядеть это может так:
Отсюда клиент попадает в свой уютный аккаунт, где у него появляется возможность настроить параметры подписки. Можно добавить сюда настройку частоты отправки ваших новостей и уведомлений, а также возможность смены пароля от аккаунта и – поле «удалить аккаунт».
Таким образом, мы с вами рассмотрели, как можно продуманно сделать процесс подписки и управления аккаунтом так, чтобы он был максимально удобен для клиента и – вместе с тем – не привёл вас к потере лида. Мы привели здесь как можно больше вариантов и шагов, но те, которые вы выберете конкретно для вашего сайта - зависят от его тематики и целей. Так, для продающего сайта в эту стандартную цепочку нужно будет включить различные маркетинговые манипуляции. Для подписки на новые посты на новостном ресурсе можно значительно сократить количество шагов – взять адрес почты на сайте и включить возможность настройки аккаунта в следующее письмо рассылки. Тогда выглядеть весь процесс будет так:
Надеемся, наша инструкция была полезна для вас, и вы используете её для улучшения процесса подписки на ваши рассылки через сайт. Конечно, существуют ситуации, когда вам просто говорят как делать, и применить на практике хорошие в общем-то советы, приведённые в этой статье вам просто не дадут. В этом случае, если у вас конечно нет возможности или желания сменить работу, вы можете оставить процесс подписки таким, какой он у вас есть сейчас, даже если он вас не удовлетворяет. После чего посмотрите статистику - каков процесс отказов, сколько человек пришло на сайт и не зарегистрировалось, и - главное - сколько начало регистрироваться, но не завершило регистрацию. Таким образом, у вас появится фактическая аргументация по поводу того, что текущий процесс подписки на почтовые рассылки не работает. И возможно, вам удастся настроить этот процесс лучше.
О том, как грамотно организовать процесс отписки, мы напишем через неделю.
, ). Часто читатели наших постов на Хабре воспринимают почтовые рассылки исключительно в разрезе нежелательного спама, то есть сообщений, которые пользователи получают, даже не подписавшись на это.
На самом же деле настоящая email-рассылка всегда создается для подписчиков , то есть людей, которые явно продемонстрировали заинтересованность в определенном контенте. И сегодня мы поговорим о том, как следует создавать онлайн-формы, с помощью которых люди подписываются на рассылку, полностью отдавая себе отчет в том, зачем они это делают.
При подготовке статьи использовались материалы Litmus и MailCharts.
Как не надо: ошибки при создании форм Прежде всего, разберем распространенные ошибки, которые компании допускают при создании форм для подписки на свои почтовые рассылки.Пользователь должен понимать, что сделал Не всегда компании уделяют большое внимание тому, что происходит сразу после того, как пользователь вбил свой почтовый адрес в соответствующее поле. Между тем, нужно дать человеку понять, что он только что сделал (подписался на рассылку). Сообщение с подтверждением должно быть понятным и не содержать ошибок верстки, как на примере ниже:Можно выйти из ситуации лучше - обновить саму форму и рассказать пользователю, что он подписался на рассылку. Более того, для его полного счастья можно также определить, каким почтовым сервисом он пользуется (Gmail. Mail.ru, почтой «Яндекса» и т.п.) и предложить ему открыть именно эту программу. На картинке ниже форма предложила перейти в Gmail:
Еще один пункт, который напрямую не относится к формам, но который нельзя не упомянуть.
Отписаться должно быть легко Каждый пользователь интернета сталкивался с ситуацией, при которой отписаться от почтовой рассылки довольно сложно. Причина не всегда в злой воле компании, создавшей ее, иногда речь о простой безалаберности. Бизнес может использовать разные почтовые программы и email-провайдеров для организации, скажем, автоматической рассылки о создании аккаунта и дайджеста с публикациями блога.Нужно каждый раз проверять, что процесс отписки от каждой из отправляемых рассылок является простым и интуитивно понятным. В противном случае пользователь будет иметь полное моральное право отметить письма, от которых непонятно как отписаться, в качестве спама.
Что нужно делать После разбора ошибок, логично рассмотреть то, как нужно действовать при создании формы для подписки на почтовую рассылку.Ну нужно бояться дополнительных полей В вебе принято стараться всеми силами снижать количество полей в формах - никто не любит их заполнять, а наличие большого количества обязательных полей напрягает пользователей. Однако в сфере email все немного отличается от принятых в вебе стандартов.Правда жизни заключается в том, что подписчики почтовой рассылки обладают определенными ожиданиями от поступающего к ним контента. И если эти ожидания не оправдаются, то как минимум четверть всех подписчиков отпишутся от рассылки.
Соответственно, чтобы отправлять людям подходящий контент, в некоторых случаях лучше все же задать пару вопросов об их интересах, даже если это и выльется в одно-два дополнительных поля в форме.
Иногда люди подписываются в погоне за «халявой» Бывают и ситуации, когда маркетологи привлекают подписчиков с помощью каких-либо скидок и предложений. Многие интернет-пользователи любят получать что-то осязаемое. Поэтому, если компания, к примеру, предложит будущему подписчику футболку, такая связь офлайна и онлайна обычно хорошо работает.
Кроме того, мало кто любит быть первопроходцем. Люди любят оказываться в хорошей компании, так что если в форме сразу будет представлена информация о количестве подписчиков рассылки. Данная форма социального доказательства очень хорошо работает. Ее используют как зарубежные компании, так и отечественные проекты. Ниже скриншот формы с сайта «Нетологии»:
Поэтому стоит делать форму ненавязчивой, но располагать ее в правильном месте. В качестве примера можно привести форму для сбора email-адресов проекта Unbounce - она расположена в верхней части страницы с блогом компании и жестко закреплена там, не перемещаясь при скролле.
На сегодня все, спасибо за внимание!
