Форма подписки для сайта на WordPress

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

1. Зачем собирать базу подписчиков
2. Сервисы для сбора базы
3. Как происходит сбор контактов?
4. Как сгенерировать код формы подписки
5. Как поставить форму подписки в сайдбар
6. Как добавить изображение к форме
7. Нюансы

Зачем собирать базу подписчиков

Давайте начнем именно с этого вопроса – Зачем собирать базу подписчиков на сайте?
Это нужно для того, чтобы у вас были контакты вашей лояльной аудитории. Как правило, контакты подписчиков собираются взамен на какую-нибудь бесплатность. В моем примере, это книга, которая располагается справа в сайдбаре.

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

Как правильно работать с базой подписчиков и ее монетизировать? Это друзья, целая наука, там много нюансов и если вы хотите подробнее во всем этом разобраться, не терять кучу времени, сил и денег на свои пробы и ошибки, то советую вам изучить материалы человека, который в этом действительно разбирается.

Его зовут Азамат Ушанов, можете познакомиться с ним, скачав его книгу «Инфомаркетинг 20/80» по ссылке.
Либо же сразу приобрести его топовый курс «Золотой актив 5.0»

Сервисы для сбора базы

Когда вы решили, что вы хотите собирать базу подписчиков, нужно понять, как это делать правильно. Для данной цели есть специальные сервисы, которые помогают весь процесс автоматизировать.
В рунете в основном пользуются двумя сервисами, это:
1. SmartResponder
2. JustClick

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

P.s. Такие сервисы еще называют рассыльщики, оно и логично, потому что они рассылают письма.

Как происходит сбор контактов?

1. Вы создаете рассылку, на определенную тематику, например «Создание сайта на WordPress»

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

3. После этого генерируете форму подписки и устанавливаете ее на свой сайт.

4. Все. Контур замкнут. Теперь когда человек заходит на ваш сайт, он видит форму подписки и решает получить бесплатность, он вписывает свои контакты в форму (обычно это имя и е-мейл), подтверждает на почте что он хочет подписаться на рассылку, получает бесплатность, а вы получаете его контакты.

5. Дальше уже ему идут в порядке очереди ваши письма, которые вы зарядили в рассылку (п.2)

Это конечно все вкратце и есть свои нюансы, но если даже сделать все так, данные 5 шагов, то процесс пойдет)

Как сгенерировать код формы подписки

1. Для начала нужно зарегистрировать аккаунт в рассыльщике и иметь созданную рассылку с закачанными туда письмами, как это сделать читаем тут.

2. Если у вас еще нет аккаунта, то переходим по ссылке и регистрируемся. Регистрация бесплатная.

3. Далее переходим в «Формы» — «Новый генератор форм подписки»

4. Здесь смотрим разные дизайны форм и выбираем понравившийся и который более подходит к дизайну вашего сайта.

5. После того, как с выбором определились, нажимаете на форму и настраиваете уже ее детальнее.

6. Даете ей название (Его видеть будете только вы).

7. Выбираете рассылку, к который хотите привязать форму.

8. Элементы формы: можете добавить какой-нибудь элемент по желанию. Я всегда убираю здесь все галочки.

9. Устанавливаем ширину. Я поставил 300рх, чтобы форма уместилась в сайдбар.

10. И убираем границу.

11. Далее выбираем по отдельности элементы самой формы (Имя, Емейл и Кнопка) и делаем настройки в них.

12. В настройках поля «Имя» я ставлю размер шрифта 16рх и тип шрифта «Обычный»

13. Такие же настройки у поля «Емейл»

14. В настройках кнопки мы заменяем текст «Подписаться» на нужный нам. В моем случае «ПОЛУЧИТЬ КНИГУ». Размер 15рх, Тип «Жирный», Граница «0», Фон кнопки делаем красным.

15. На этом я больше ничего не настраиваю. Форма выглядит красиво с нужным цветом и текстом на кнопке. Если же вы хотите что-то еще исправить, то смело исправляйте, там все на русском и подробно написано.

16. Спускаемся ниже. Тут мы можем сохранить форму, чтобы в следующий раз все эти настройки не делать и затем нажимаем «Получить html-код», чтобы получить код для вставки на сайт.

17. Далее нажимаем «Скопировать в буфер обмена» и сохраним в документ на компьютере его, чтобы если понадобится оттуда его взять.

Как поставить форму подписки в сайдбар

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

1. Идем в админку нашего сайта – «Внешний вид» — «Виджеты»

2. Наша форма подписки будет обычным виджетом в нашем сайдбаре.

3. Перетаскиваем виджет «Текст» и вставляем туда наш скопированный код (п.17)

4. Нажимаем «Сохранить» и идем обновляем сайт и смотрим, что получилось.

Вот такая форма подписки получилась. Давайте ее протестируем, впишите свои данные и проверьте, перекидывает ли вас на страницу с описанием подписки.

Если вы видите вот такую страницу, значит, все настроили верно.

Добавляем изображение к форме

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

Можно поставить просто картинку вашего продукта, а можно еще в фотошопе или в другом редакторе подписать фразу, типа «Ваш подарок», «Бесплатно» и т.д. Но можно не усложнять и прописать просто заголовок в виджете.

Я буду ставить такую картинку.

Да-да, наверно вы подумали, а почему написано только поле емейл? Я решил оставить только одно поле «Емейл», без поля «Имя», почему написал ниже.

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

Чтобы поставить картинку над формой, нужно сначала закачать картинку на сайт. Для этого идем в «Медиафайлы» — «Добавить новый» — «Выбираем файл с компьютера» — Когда закачается нажимаем «Изменить» напротив нашей картинки – и копируем ссылку на файл.

Эту ссылку так же сохраните в документе.

Теперь нам нужно снова зайти во «Внешний вид» — «Виджеты» и до кода формы подписки вставить код:

*Где в поле src=”” между кавычек вставить ссылку изображения которую мы копировали.
Вот как это выглядит у меня:

Нажимаем сохранить и обновляем сайт.

Вот как это сейчас выглядит.

Теперь же я внесу небольшие правки и уберу поле «Имя», для этого опять в смартреспондере открываем ранее нашу сохраненную форму и убираем поле «Имя».
Для этого опускаемся ниже и отжимаем поле «Имя».

Копируем код данной формы и обновляем ее в виджете на нашем сайте.

Все. Конечный вариант.

Нюансы

Почему я ставил только поле емейл? Потому что, чем меньше человеку нужно заполнить полей, тем больше вероятность, что он это сделает. Так же сейчас люди стали умнее и когда обращаются к ним по имени, они знают что это все сделано автоматически.

Можно ли поставить просто подписку на новые статьи сайта? Еще пару лет назад на такую форму бы подписывались, сейчас же на новые статьи сайта или еще это называют «Обновления блога/сайта» почти никто не подписывается, все из-за большого количества информации, которое появилось за последнее время. Если на сайтах тематичных вашему предлагают что-либо получить бесплатное(Книгу, видео, чек-лист и др.) в замен на контакты, а у вас просто подписка на новые статьи, то логичнее, что посетитель охотнее подпишется на бесплатность.

Ухх, длинная получилась статья. Напишите в комментариях, каким рассыльщиком пользуетесь вы, получилось ли у вас поставить форму на сайт? И вообще ваши мысли по поводу сбора базы.

До связи! С уважением, Илья.