Вход / Регистрация

Создайте сайт прямо сейчас!

Зарегистрируйтесь по ссылкам и получите дополнительные бонусы при создании сайта



  • Персональный перечень способов заработка на сайте именно вашей тематики
  • Аудит юзабилити сайта бесплатно $20
  • Набор скриптов на сумму $40 для увеличения продаж
  • Аудит юзабилити интернет магазина бесплатно $60

Как получить бонусы?


Как только вы создадите сайт по одной из указанных ссылок, я увижу это в отчете партнерской программы:

После оплаты одного из пакетов, отправьте запрос на info@ucozmagazines.ru с указанием адреса созданного сайта.

Урок 6. Lists. Формы подписки

Настройка форм подписки (signup forms) и размещение их на сайте, настройка приветственных писем.

Сергей    10.02.2015    5319    5.0 из 5.0 (2)

Оцените материал:

Цель урока

Работа в разделе Lists.

Настройка форм подписки, приветственных писем в Signup Forms.

Формы подписки - Signup Forms

Для того, чтобы перейти к управлению формами подписки, перейдите в раздел Lists и в раскрывающемся меню списка нажмите по Signup Forms:

На новой странице откроется список разделов для настройки:

Этот урок будет посвящен настройкам в разделе General forms. Щелкните по этому разделу и откроется новая страница.

General forms

Прежде чем начать настройки форм, давайте взглянем на таблицу, которая прояснит процесс подписки пользователя:

Описание этапаКак происходит
1Заполнение формы подписки
Signup form, Signup form with alerts
В любом месте на сайтеНа специальной странице MailChimp
2Сообщение об отправке email с подтверждением
Signup "thank you" page
На любой странице сайтаНа специальной странице MailChimp
3Письмо с подтверждением
Opt-in confirmation email
Настраиваемый шаблон email письма
4Сообщение об успешной подписке
Confirmation "thank you" page
На любой странице сайтаНа специальной странице MailChimp
5Письмо с финальным приветствием
Final "welcome" email
Настраиваемый шаблон email письма. Опционально

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

Все этапы подписки (а также некоторые другие) мы можем настраивать на странице General forms под пунктом Create Forms:

В этом уроке мы разберем настройку основной формы в разделе Subscribe - Signup Form. Остальное вы должны сделать самостоятельно.

Subscribe - Signup Form

Мы выбираем в пункте Subscribe - Signup Form (выделен синим цветом на предыдущем скриншоте):

  1. Let subscribers pick email format - позволит пользователям выбирать формат писем - текстовый или HTML. Тут все ясно, HTML оформляется в соответствии с целями сообщения, текстовый формат будет одинаково выглядеть на всех устройствах;
  2. Protect your signup form with reCAPTCHA - добавляет поле с "капчой" для защиты от ботов;
  3. Signup form URL - ссылка на форму подписки. В данной случае мы настраиваем форму, которая будет располагаться на странице MailChimp (см. таблицу);
  4. Вкладки для перехода к построению, настройке дизайна и переводу на другие языки для нашей формы;
  5. Окно с содержимым выбранной вкладки.

Как ни странно, но я советую вам начать с пункта 4 и выбрать вкладку Translate it (именно так мы будем поступать для всех форм):

Просто укажите наиболее подходящий язык и проверьте как MailChimp перевел фразы. При необходимости их можно скорректировать. Кроме того, есть опция auto-translate, которая умеет переключать язык форм в зависимости от языка в браузере. Возможно, это кому-то пригодится.

Внизу можно посмотреть, как это будет выглядеть. Если все хорошо, нажмите Save Translations Settings. Когда что-то "сломается", вы сможете вернуть все к значениям по умолчанию нажав Reset Defaults.

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

Теперь перейдем на вкладку Build It:

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

Если нажать на ссылку filed settings, то можно увидеть следующее:

Здесь мы можем указать: название, обязательно ли для заполнения, скрыто/отображено и текст подсказки для поля, которая будет появляться при перемещении курсора в поле. После внесения изменений, нажмите Save Field и сможете увидеть результат в окне конструктора.

Вы можете конструировать форму по своему желанию, главное помнить: меньше полей - больше подписок, меньше информации о пользователе и наоборот. В конце концов, можно оставить только одно поле с email и это не будет ошибкой, часто поступают именно так, особенно, если базы подписчиков еще нет.

Давайте перейдем во вкладку Design It:

Дизайн формы разделен на 4 части: страница (page), тело формы (body), элементы формы (forms), копирайт MailChimp (MonkeRewards). При переходе на каждую из вкладок можно увидеть, что в конструкторе выделяется красной рамкой та часть, за которую отвечают настройки:

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

Кстати, чтобы использовать изображение в качестве заголовка, наведите на него и нажмите кнопку Use image:

Настраивая некоторые формы вы можете заметить такую настройку:

Instead of showing this thank you page, send subscribers to another URL... - дословно значит, что вместо показа благодарственного сообщения можно направить пользователя на страницу своего сайта. В поле ниже укажите адрес страницы на своем сайте и тогда вся настройка сообщения сведется к тому, чтобы создать и заполнить страницу с сообщения на сайте uCoz (например с помощью редактора страниц).

Наверно, в приоритете всегда использовать страницы своего сайта когда это возможно.

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

Упражнения

  1. Ознакомьтесь с этапом подписки пользователей еще раз
  2. Настройте формы подписки, обновления профиля, отписки и другое. По возможности задействуйте страницы своего сайта
  3. Перейдите по ссылке, где располагается форма подписки и пройдите весь процесс самостоятельно. Проверьте формы, письма и страницы, которые настроили ранее


Оцените материал:


Расскажите друзьям и коллегам о полезной статье:

Обсуждение

Всего комментариев: 0

Урок 6. Lists. Формы подписки
Урок 6. Lists. Формы подписки