Как создать форму подписки для сайта

Здравствуйте, дорогие друзья. Сегодня у нас очень важная тема: как создать форму подписки для  сайта wordpress. Почему эта тема так актуальна? Дело в том, что успех в инфобизнесе, не важно в каком  направлении вы работаете, напрямую зависит от подписной базы, которая является целевой аудиторией.

Как формируется подписная база? Ответ напрашивается сам собой — из читателей и посетителей блога. То есть из тех, кто зашёл на блог по конкретному поисковому запросу на статью, затем заинтересовался другими инфопродуктами, например, интересным видео или качественными фотографиями, и решил подписаться на новости или обновления блога. Он готов оставить свой e-mail за подписку или какой — то бесплатный материал. Вот здесь и нужна форма подписки.

Как создать форму подписки для сайта

Где взять форму подписки, как её сделать, как связать её с подписной базой — на все эти вопросы я отвечу в данной статье.

Сама форма подписки генерируется на сервисе e-mail — рассылок. Я работаю с одним из самых популярных сервисов — CRM АвтоВебОфис.

CRM АвтоВебОфис — один из самых популярных и надёжных сервисов автоматизации бизнеса, в том числе организации массовых email — рассылок. Более подробно прочитать, что такое CRM АвтоВебОфис можно здесь.

av1

Когда начинаем работать в любом сервисе или программе — начинаем с регистрации. Регистрация на АвтоВебОфис самая обычная, главное бесплатная. Для начинающих инфобизнесменов это очень важно.

avto7

Нажимаем на кнопку бесплатная регистрация и заполняем форму для регистрации.

avto8_1

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

Далее проверяете почту, которую указали в форме регистрации. В почте находите письмо с просьбой подтвердить Вашу регистрацию на сервисе АвтоВебОфис. Переходите по ссылке, указанной в письме, подтверждая тем самым регистрацию.

Опять проверяем почту.

Вам пришло письмо, где указаны логин и пароль для входа в панель управления Вашим аккаунтом.

avto11_1

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

Создание группы подписчиков

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

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

avto11_2

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

avto12_1

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

Прописываем название группы, даём её описание, вводим имя автора или название Вашего магазина, указываем действующий адрес электронной почты.

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

Нажимаем кнопку Сохранить.

Группа подписчиков создана. Осталось  сгенерировать Html — код формы подписки, с помощью которой будет наполняться данная группа новыми подписчиками.

Создание формы подписки

После того, как группа подписчиков создана, необходимо  создать для её заполнения форму подписки. Для этого переходим в пункт основного меню → Рассылки → выбираем Формы подписки из меню второго уровня → нажимаем кнопку Создать.

avto14_1

Далее система переводит нас во встроенный графический редактор для создания и настройки формы подписки и получения её Html — кода для вставки  на сайт.

Оформлению формы подписки

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

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

К основным настройкам относятся настройки внешнего вида самой формы. Мы её оформляем в соответствии с дизайном нашего сайта. Все элементы настраиваются. Шапку можно показывать, можно убрать. Если шапку оставляем, можно написать абсолютно любой текст. Ширина формы устанавливается в соответствии с теми размерами, которые нужны Вам. Вся цветовая гамма, шрифты — всё подбираете на своё усмотрение.

avto15_1

Основные настройки выполнили, переходим к дополнительным настройкам.

Нам необходимо настроить поля, дополнительный текст, кнопку подписаться.

Настраиваем поля

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

avto16_1

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

Настраиваем блок с информацией

avto16_2

Выбираем в левом меню Блок с информацией и настраиваем его так как нам нужно: текст, шрифт, выравнивание,цвет.

Или же убираем галочку и данный блок не будет отображаться в форме.

На скриншоте всё очевидно.

Настраиваем Кнопку подписки

В левом меню выбираем Кнопка подписки и графический редактор переходит в режим настройки именно Кнопки подписки.

avto16_3

Здесь так же настраивается абсолютно всё: ширина и высота кнопки, текст, его цвет, шрифт, цвет кнопки, можно задать округление.

После того, как выполнены все настройки, перейдите ещё раз  в поле основных настроек. Оцените, что у Вас получилось.

Если Вас всё устраивает, Нажмите кнопку Получить код формы.

Система выдаёт Вам Html — код формы, которую Вы только что создали.

avto1_1

Теперь следующий шаг — нужно установить данный код на Вашем блоге.

Это можно сделать многими способами. Об этих способах  моя следующая статья. «Как установить форму подписки на блог», читайте здесь.

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

С уважением к Вашим успехам, Ирина.

Новости блога

Это Вы ещё не читали!

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

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

Яндекс.Метрика