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


Создаем форму подписки, как у известных брендов

Email маркетинг превращает трафик в лиды — вы предлагаете пользователю какой-то бонус взамен на его почту. Обмен обычно происходит в форме подписки на сайте. Сегодня разбираемся, как сделать форму подписки с помощью сервиса рассылок SendPulse. Покажем, как создать три вида форм для разных случаев и посмотрим удачные примеры от известных брендов для каждого вида.

Анатомия формы подписки

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

  • Заголовок коротко рассказывает, что вы предлагаете в обмен на почту.
  • Описание более детально раскрывает преимущества и условия предложения.
  • В текстовые поля пользователь вводит почту, имя и другую подобную информацию.
  • Переключатели (радиокнопки), чекбоксы, выпадающие списки уточняют информацию о пользователе из предложенных вариантов.
  • Кнопка в конце отправляет заполненную форму подписки в обработку.
Анатомия формы подписки

Чтобы создать форму в SendPulse, вам нужно зарегистрироваться и зайти в личный кабинет, раздел «Создание форм». Функция доступна даже на бесплатном тарифе, но в этом случае в форме будет пометка «Предоставлено SendPulse».

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

Обратите внимание! Необязательно предлагать подписаться именно на рассылку. Можно попросить почту в обмен на бонус — скидку, лид-магнит или подарок, а для подписки сделать в форме чекбокс «Согласен(а) получать еженедельную рассылку», либо предложить подписку в письме с бонусом.

Встроенная форма подписки на рассылку

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

Удачные места для встроенной формы — рядом с контентом, например, сбоку (на сайдбаре) или после статьи. Тогда в форме можно делать тематические предложения в зависимости от контента страницы, например, подписку на дайджест статей.

Интернет-магазин «Майкл Корс» предлагает подписку на обновления в футере сайта, форма видна почти на каждой странице:

Встроенная форма подписки на новости в магазине «Майкл Корс»

Издание «Лайфхакер» предлагает подписаться на подборку лучших статей, форма расположена сразу после статьи:

Встроенная форма подписки на ежедневные подборки лучших статей на «Лайфхакере»

ЦУМ предлагает подписаться на рассылку новостей. Форма находится в подвале страницы:

Встроенная форма подписки на сайте ЦУМа

Как создать встроенную форму в SendPulse

Заходим в личный кабинет SendPulse, в меню слева щелкаем на «Формы подписки», нажимаем «Создать», выбираем встроенную форму. Следующий шаг — назначить адресную книгу, в которую будут попадать адреса из формы. Можно выбрать существующую или создать новую. Попадаем в конструктор.

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

Когда вы настроили внешний вид и свойства элементов, зайдите в «Свойства формы» по кнопке сверху. Здесь вы можете:

  • поменять текст и внешний вид сообщения, которое увидит подписчик при нажатии на кнопку «Подписаться»;
  • настроить, какое письмо-подтверждение подписки он получит;
  • на какую страницу перейдет из письма при подтверждении подписки;
  • подключить системы аналитики — Google Analytics и Яндекс.Метрику.

Обратите внимание — чтобы создать форму, нужно обязательно иметь почту на корпоративном домене. Конструктор выдаст предупреждение об этом, как в примере ниже. Вот наша инструкция, как создать свою почту на корпоративном домене.

Создание встроенной формы в конструкторе SendPulse

Всплывающая форма подписки на рассылку — поп-ап

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

Правила хороших поп-апов:

  • не показывать одно и то же предложение пользователю несколько раз. Постоянно всплывающие одинаковые окна бесят всех;
  • не показывайте поп-ап сразу при входе на сайт. Дайте человеку познакомиться с контентом и только потом предлагайте к нему дополнительную ценность.

Поп-ап в интернет-магазине ЦУМа запрашивает имя, почту и пол для сегментации подписчика:

Поп-ап форма подписки на новости в интернет-магазине ЦУМа

Nike пошел дальше и сделал также обязательное поле с датой рождения. Крупный и известный бренд может себе такое позволить, но мы не советовали бы усложнять форму подписки на рассылку для небольшого интернет-магазина:

Поп-ап форма подписки на новости в интернет-магазине Nike

Интересный двойной поп-ап в магазине Kupivip. Сначала предложение получить подарок, потом просьба ввести email для получения купона:

Двойная поп-ап форма в магазине KupivipДвойная поп-ап форма в магазине Kupivip

Как создать поп-ап в SendPulse

Выполняем те же шаги, что и со встроенной формой, но выбираем «Попап-окно».

Главное отличие настройки поп-апа — можно выбрать, в какой момент и на какой странице он будет появляться перед пользователем. Это делается в «Опциях формы», в разделе «Данные и тип формы».

Вот какие параметры показа можно выбрать:

  • при заходе на сайт или через какое-то время после захода;
  • по клику на выбранную кнопку;
  • при скролле до определенной части страницы;
  • при уходе курсора со страницы.

Особенность дизайна — настраивайте, как будет затеняться страница под формой и с каким моушн-эффектом она будет появляться.

Создание поп-апа в конструкторе SendPulse

Плавающая и фиксированная форма

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

Плавающее окно с предложением подписаться на рассылку новостей и получить скидку в 10% в интернет-магазине Lamoda. Форма сразу сегментирует по полу, также из нее можно перейти на условия подписки:

Плавающая форма в магазине Lamoda

Магазин Kupivip создал двойную плавающую форму. Чтобы скрыть ее, нужно сначала ее развернуть:

Двойная плавающая форма в магазине Kupivip

Как создать плавающую или фиксированную форму подписки на рассылку в SendPulse

Проходим в конструктор форм, выбираем «Плавающую» или «Фиксированную» форму.

Как и в поп-апе, можно выбрать условия показа в разделе «Опции формы». Особенность дизайна — плавающую форму можно прикрепить к нужному месту на странице. Как и для поп-апа, есть разные моушн-эффекты при появлении формы.

Создание плавающей формы в конструкторе SendPulse

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

Как сделать форму подписки на рассылку эффективной

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

  • Не перегружайте форму. Соблюдайте ее анатомию формы и не требуйте от пользователя слишком много данных.
  • Следите, чтобы заголовок формы и CTA на кнопке были с одним посылом. Например: заголовок «Каждую неделю присылаем лучшие советы по маркетингу» и кнопка «Хочу получать советы».
  • Сразу рассказывайте, чего ждать пользователю. В форме напишите, что будет в рассылке и как часто она будет приходить: «Два раза в неделю — подборки новых фильмов и актуальные скидки в кинотеатрах».
  • Формулируйте пользу в посыле. Дайте читателю ценность, иначе ему незачем оставлять вам почту: «Ловите горящие скидки благодаря нашей ежедневной рассылке».
  • Не останавливайтесь на одном виде форм. Используйте встроенные формы в футере сайта, поп-апы и фиксированные формы — на страницах с товарами, статьями и акциями.
  • Тестируйте и анализируйте свои формы. Смотрите, у каких наибольшая отдача по количеству и качеству лидов, и постоянно их улучшайте.
  • Размещайте одну-две формы на странице, не больше. Особенно осторожно обращайтесь с поп-апами, слишком часто всплывающие окна могут раздражать пользователей. Допустимый вариант — поп-ап и встроенная форма в футере сайта.
  • Размещайте формы на релевантных страницах. Узнавать о новинках — в разделе товаров, подписаться на похожие статьи — в конце статьи.

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

[Всего: 4   Средний:  5/5]

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

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

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

По способу отображения формы подписок делятся на статические, всплывающие окна и виджеты, вызываемые при нажатии. С технической точки зрения формы подразделяются на подписки без подтверждения адреса электронной почты - Single Opt-in - и подписки с подтверждением - Double Opt-in.

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

.

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

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

Чтобы создать форму, откройте вкладку «Формы подписки » и щелкните «Создать форму подписки ».

Вы можете выбрать шаблон формы и отредактировать его или открыть «Конструктор форм » и создать свою форму.

Типы форм подписки от SendPulse

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

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

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

Перейти к построителю форм.

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

Элементы формы подписки

Поле ввода

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

Флажок

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

Перетащите элемент «Флажок» на форму. Добавьте метку флажка и привяжите флажок к переменной. Если подписчик устанавливает флажок в форме подписки, данные отправляются в соответствующий столбец переменных в связанном списке рассылки.

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

Соответствие GDPR

Если у вас есть подписчики из Европейского Союза, вы должны соблюдать политику GDPR.

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

Откройте меню «Параметры формы» .

На вкладке «Данные и тип формы» активируйте соответствие GDPR.

Это действие добавляет два флажка, связанных с GDPR, в вашу форму подписки.

Чтобы изменить текст флажка, щелкните элемент флажка в форме.На вкладке «Элемент» измените текст в поле «Метка флажка».

Добавьте ссылку на вашу политику конфиденциальности в код в поле «Метка флажка».

Пример кода со ссылкой на политику конфиденциальности:

  

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

После того, как подписчик отметит эти флажки, связанные с GDPR, список рассылки будет обновлен новыми переменными, отображающими факт согласия с Условиями и политиками, IP-адрес, предоставивший одобрение, и дату.

Эти переменные могут помочь более точно сегментировать ваш список рассылки.

Радиокнопки

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

Перетащите элемент «Радиокнопки» на форму.Добавьте метку группы переключателей. Привяжите группу переключателей к переменной, чтобы передать данные.

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

Раскрывающийся

Перетащите на форму элемент «Раскрывающийся». Добавьте метку раскрывающегося списка. Привяжите выпадающее меню к переменной, куда будут передаваться данные.

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

Посланник

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

На вкладке «Элемент» вы можете выбрать, какую социальную сеть добавить.

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

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

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

Текст

Перетащите элемент «Текст» в форму. Добавьте текст.

На вкладке «Элемент» вы можете отформатировать его как хотите.

Изображение

Перетащите элемент «Изображение» на форму. Вставьте картинку.

Максимальный размер - 600 x 600 пикселей, размер не должен превышать 1 Мб.

Проставка

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

Перетащите элемент «Разделитель» на форму. Отрегулируйте высоту проставочного блока с помощью бегунка на вкладке «Элемент».

Параметры дизайна формы подписки

На вкладке «Дизайнер» вы можете настроить дизайн формы подписки.

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

Параметры «Поля ввода и метки» позволяют изменять размер и фон полей ввода, добавляя границы к полям и скругляя углы. Вы можете настроить расположение, цвет и размер меток полей.

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

После того, как вы создали дизайн формы, настройте параметры формы. Вы можете перейти к настройкам, нажав «Параметры формы» в правом верхнем углу.

Здесь вы можете увидеть четыре вкладки:

  • Данные и тип формы
  • Уведомление о подписке
  • Текст электронного письма с подтверждением
  • Страница подтверждения
  • Аналитика и статистика

Данные и стиль формы

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

"Всплывающая" и "Плавающая" формы имеют дополнительные настройки:

  • Условие отображения е, когда именно форма подписки будет отображаться на веб-сайте: «При загрузке страницы», «При нажатии кнопки», «При прокрутке к части страницы», «Когда курсор покидает страницу. "

  • Hide on Mobile позволяет скрыть форму от посетителей, которые открывают веб-сайт с мобильного телефона.

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

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

Уведомление о подписке

Это сообщение появляется после того, как пользователь заполняет форму и нажимает кнопку «Подписаться».

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

Текст электронного письма с подтверждением

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

Помните, что вам нужно указать тег {{LINK}} в тексте сообщения.Вместо этого к этому тегу в электронном письме будет добавлена ​​ссылка для подтверждения подписки.

Страница подтверждения

На вкладке «Страница подтверждения» вы настраиваете страницу, на которую будет перенаправляться новый подписчик после подтверждения своей подписки. Вы можете выбрать, будет ли это системная страница или страница вашего сайта. Если вы выбрали перенаправление на страницу своего веб-сайта, укажите URL-адрес этой страницы.

Аналитика и статистика

На вкладке «Аналитика и статистика» вы можете включить отслеживание события подписки в Google Analytics и Яндекс.Метрика.

Как добавить код формы на веб-сайт

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

Вставьте код формы в исходный код веб-сайта между тегами .

Если ваш сайт находится на платформе WordPress, используйте этот плагин

Другой способ редактировать теги - через Диспетчер тегов Google.

Используйте reCAPTCHA для проверки подписчиков

Captcha защитит ваш список рассылки от фальшивых подписчиков, которые отправят ваши сообщения в спам.

ReCAPTCHA появится после того, как вы наберете 100 подписчиков в день.

Последнее обновление: 12.06.2020

.

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

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

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

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

Я уверен, что вам интересно, как создать форму подписки для сайта? Итак, основные условия действующей формы подписки следующие:

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

Выделите форму подписки

Чтобы посетители заполнили форму, важно, чтобы они заметили это на сайте.Если вашу форму подписки легко проходят посетители - вы выбрасываете деньги. Итак, вот несколько советов по регистрации, вы можете попробовать привлечь внимание посетителей своей формой:

Отдельная форма

Добавьте его в визуальный контейнер, выделенный как отдельное окно:

Направляющие сигналы

Обратите внимание на стрелки, обозначающие форму - люди подсознательно идут по следу. Вы также можете использовать изображения людей, смотрящие на форму подписки.Исследование THiNK Eye Tracking показало, что направленный взгляд на продукт увеличивает вероятность того, что люди заметят его на странице, на 84%, так почему бы не использовать его для формы?

Описание по форме

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

Контрастные призывы к действию на кнопке и форме заголовка

Заметная кнопка CTA дает клиентам понимание того, что делать на странице. Только тестирование подскажет, какой цвет, форма, заголовок лучше подойдет вашим клиентам и увеличит количество подписчиков.

Добавьте маркированный список вместо длинных и утомительных описаний

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

Некоторые люди используют маркированные списки, чтобы донести свое предложение до подписчика:

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

Дайте повод для подписки

Любое видео или динамически изменяющиеся изображения могут отвлечь читателя от формы подписки, поэтому лучше не использовать их.Если вы предлагаете подарок к какому-либо предмету - вы можете добавить его в трехмерное изображение, чтобы пользователь захотел «пощупать» его.

Добавить социальное доказательство

Посетители боятся передать свои контакты в чужие руки, но если это уже сделали сотни тысяч человек - это не так уж и страшно. Утверждение, что клиент является частью общества, рассеивает страхи, и клиенты готовы предоставить свою информацию.

О полях формы подписки

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

Добавьте подтверждение адреса в форму

для предотвращения ошибок в адресах и телефонах (ivan @ mail> ru, 098,456,123,458).

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

Второй этап - подтверждение подписки. Случайные прохожие не хотят заходить в свои электронные письма и выполнять какие-либо дополнительные действия. Такие методы хотя бы частично защищают вас от взломанных адресов и неактивных подписчиков.

Сделайте форму подписки короче

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

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

Невероятный электронный маркетинг

Начать

Добавьте необязательные поля

Помимо добавления 1-2 обязательных полей, добавьте не более 5 дополнительных.

Если вы включите в форму 12 полей - сделайте только 4 из них обязательными, и вы не пожалеете.Просто сделайте пометку, видимую и понятную, потому что не все в настроении заполнять все ответы.

Вот несколько полей, которые нельзя добавить в форму подписки:

- Контактное лицо

- Название компании

- Пароль

- Город

- Телефон

- Код подтверждения

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

Не слишком ограничительный

Надписи типа: «Введите пароль от 6 до 12 символов. Обязательно используйте цифры и буквы, но не символы:?%, * ,, &, №, # и т. Д.» отталкивать. Пользователи могут иметь придуманный пароль, который он использует на всех сайтах. Так зачем ему менять его и запоминать новый? Более того, сложная система паролей раздражает и может вызвать постоянные ошибки при заполнении.

Разрешить клиентам вводить удобный им пароль.То же самое касается телефонных номеров, которые часто делятся на 2-3 блока.

Прекратить использование CAPTCHA

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

Последнее сообщение

Макет и другие конструктивные проблемы

Что здесь странного?

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

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

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

Лучше отметить, на что подписаться, а не вводить четыре раза один и тот же адрес электронной почты.Маловероятно, что один и тот же человек будет выбран для подписи разделов на разных ящиках.

  • Даже если после сокращения форма все равно длинная - можно разбить ее на 2–3 блока для удобства заполнения и визуального восприятия.

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

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

  • Оставьте ссылку на политику конфиденциальности в форме или на страницах.

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

И самое главное - протестируйте свою подписку по форме

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

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

До встречи :)

.

Добавьте форму регистрации на свой веб-сайт

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

Из этой статьи вы узнаете, как добавить встроенную форму на свой сайт и какие сторонние веб-сайты принимают формы Mailchimp.

Перед тем, как начать

Перед тем, как начать этот процесс, необходимо знать следующее.

  • Используйте конструктор форм, чтобы изменить форму регистрации и электронные письма с ответами, прежде чем создавать код встроенной формы.
  • Существует четыре варианта дизайна встроенной формы подписки: классический, сжатый, горизонтальный и без стиля. Чтобы визуальные элементы вашей формы точно соответствовали дизайну вашего веб-сайта, вам необходимо изменить код формы после того, как вы добавите ее на свой сайт.
  • Когда GDPR включен, ваша форма будет отображать юридическую копию по умолчанию. Вы можете изменить юридический текст и параметры полей в конструкторе форм подписки вашей аудитории.
  • Встроенные формы наследуют таблицу стилей вашего сайта, поэтому форма в Mailchimp может выглядеть иначе, чем на вашем сайте.
  • Если ваш сайт использует шифрование SSL, наши встроенные и всплывающие формы будут его поддерживать.
  • Чтобы предотвратить поддельные регистрации, вы можете включить подтверждение reCAPTCHA для своей формы в настройках аудитории.
  • Это расширенная функция, рекомендованная для пользователей, знакомых с пользовательским кодированием. Свяжитесь со своим разработчиком или наймите эксперта Mailchimp, если вам нужна помощь.

Создать код встроенной формы

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

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

  1. Щелкните раскрывающийся список Аудитория и выберите Панель мониторинга аудитории .
  2. Если у вас более одной аудитории, щелкните раскрывающийся список Текущая аудитория и выберите ту, с которой хотите работать.
  3. Щелкните раскрывающийся список Управление аудиторией и выберите Формы регистрации .
  4. Выберите Встроенные формы .
  5. Выберите тип формы - Classic , Condensed , Horizontal или Unstyled - и настройте параметры формы .
  6. Выделите весь код в поле Копировать / вставить на свой сайт и скопируйте его в буфер обмена.
  7. Вставьте код встроенной формы в HTML-код своего веб-сайта там, где вы хотите, чтобы форма отображалась.

Варианты формы

Form Builder предлагает четыре типа форм: Classic , Condensed , Horizontal , Unstyled . Классические формы больше всего похожи на размещенные формы подписки Mailchimp, сжатые формы отлично подходят для боковой панели на вашем веб-сайте, горизонтальные формы хорошо работают в качестве нижних колонтитулов, а форма без стиля не имеет определенных стилей.

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

Классическая форма

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

В сокращенном виде

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

Горизонтальная форма

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

Не стилизованная форма

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

Добавить форму на сторонний сайт

Многие сторонние платформы веб-сайтов позволяют легко встраивать формы регистрации Mailchimp. Если ваша платформа не указана здесь, обратитесь к странице поддержки вашего веб-провайдера.

Включить поля GDPR

Поля формы

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

Mailchimp предоставляет рекомендуемый язык для полей GDPR. Используйте конструктор форм, чтобы изменить язык в соответствии с вашими маркетинговыми потребностями.

Получите согласие с помощью форм GDPR

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

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