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

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

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.

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

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

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

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

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

Два важных аспекта формы подписки для сайта:

• содержание
• дизайн

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

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

Местонахождение формы подписки на рассылку

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

• Делайте форму заметной

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

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

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

• Добавляйте направляющие

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

• Делайте формы «сквозными»

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

• Используйте несколько форм

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

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

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

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

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

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

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

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

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

• Давайте веский повод оставить свой email

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

• Привлекайте эксклюзивными предложениями

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

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

Получить форму подписки бесплатно

 

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

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

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

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

• Добавьте в форму проверку адресов

Чтобы исключить ошибки в адресах и номерах телефонов (ivan@mail>ru, 098456123458).

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

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

• Сокращайте форму подписки

Длинную форму с сотней полей вряд ли захочет кто-то заполнять. Если вы хотите узнать дополнительные данные — лучше добавить возможность из заполнения в личный кабинет. Оставьте только самые важные поля, для начала будет достаточно от 1 до 2-х полей: email, имя подписчика.

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

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

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

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

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

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

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

— ФИО контакта

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

— Ввод пароля

— Город

— Телефон

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

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

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

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

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

• Прекратите использовать капчи

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

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

Обратите внимание, что здесь странного?

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

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

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

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

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

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

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

• Делайте пошаговые формы

Можете разбивать форму подписки на новостную рассылку на 2-3 последовательных блока для удобства заполнения и визуального восприятия. Например, в интернет-магазине «Дочки-Сыночки» так выглядит первый шаг:

И, уже непосредственно с полем для емейла, второй.

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

• Давайте ссылку на политику конфиденциальности

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

Лучше давать ссылку, где читатель сможет ознакомиться со всеми условиями.

• Разделяйте по интересам

Чтобы сразу «на входе» вовлечь подписчика — попробуйте использовать категории подписок. В зависимости от предпочтений подписчика ему и будут отправляться письма только выбранной тематики.

• Тестируйте форму подписки

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

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

И ещё:

• Размещайте на сайт полезный контент. Чтобы не пропустить ваши обновления, клиенты сами будут подписываться на рассы

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

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

Для настройки Double Opt-In (DOI) понадобится письмо подтверждения и форма. Если у вас уже есть готовая форма подписки — можете интегрировать её API методом /v1/contact/subscribe. Или мы подготовим форму для вас бесплатно в стиле вашего сайта и вы получите код, который нужно будет установить на сайт.

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

Письмо-подтверждение подписки и Double Opt-In

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

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

Текст и оформление желательно изменить на ваши корпоративные.

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

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

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

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

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

Шаг №1. Сценарий для отправки письма подтверждения подписки

Если используется наша форма подписки — создается собы

Подписка на рассылку: как создать html-форму?

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

1. Во-первых, можно купить подписную базу. Вам не придётся создавать никаких форм – у вас уже будет то количество подписчиков, за которое вы заплатите. Удобно? Да. Работает? Нет. В большинстве случаев, вы будете не единственным, кому продадут эту базу. Это означает, у всех пользователей из списка уже будет привычка игнорировать почтовый спам.
2. Во-вторых, можно самому собрать такую базу. Например, из людей, которые выкладывают адреса своих почтовых ящиков в открытый доступ. Это сложно, но зато вы будете иметь хотя бы какое-то представление о вашей аудитории.
3. И, наконец, в-третьих, можно предложить пользователям самим добавить свой адрес и имя в вашу базу. Почему этот способ лучше покупки готовой базы? Ведь не так много людей сознательно захотят, чтобы им приходили письма.

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

Какой должна быть форма подписки?

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

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

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

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

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

В западном англоязычном инфобизнесе пошёл тренд вообще оставлять одно поле – емейл. Да, персонализация уменьшается, но люди там обленились (или деградировали) настолько, что своё имя лень вписывать.

Можно ли самому создать форму подписки?

Можно. Этот процесс не занимает много времени и не требует особых знаний в программировании. Достаточно знать html и, желательно, css на базовом уровне. Если вы не желаете вникать во всё это, просто продолжите читать со следующего подзаголовка.

Для начала нужно вписать тэг <form>, указав два атрибута:

1. Method. Лучше всего вписать в него «post». Это будет значить, что данные из формы будут передаваться невидимым для пользователя путём;
2. Action. Тут нужно указать ссылку на обработчик. Чтобы создавать обработчики форм, нужно владеть php. Но, чтобы особо не напрягаться, можно взять эту ссылку из уже готовой формы, которую вы берёте у сервисов рассылки.

Затем внутри формы нужно создать два поля и кнопку подтверждения. Для этого используется тэг <input>. Ему нужно указать 3 атрибута:

1. Type. Для полей нужно указать «text», а для кнопки подтверждения – «submit»;
2. Name. Имя, под которым данные будут отправлены обработчику;
3. Value. Какой-нибудь текст, который будет отображаться на кнопке и в полях.

Готовый код будет выглядеть так:

<form method=”post” action=”https://server.ru/obrabotchik-form.php”>

<input type=”text” name=”name” value=”Введите ваше имя”><br>

<input type=”text” name=”e_mail” value=”Введите ваш адрес”><br>

<input type=”submit” value=”Подписаться!”><br>

</form>

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

Создание формы с помощью сервисов рассылки

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

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

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

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

Сохранив форму, вы получите возможность скопировать её html-код. Unisender для этого даё

71 проверенная идея для формы подписки на email-рассылку :: Гудсайт

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

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

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

Сделайте красиво и заметно

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

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

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

Электронные рассылки некоторых компаний — это самостоятельный ценный продукт, в который вкладывают силы писатели, дизайнеры и маркетологи. Если это про вас, то создайте отдельную страницу с описанием всех преимуществ email-рассылки.

Стимулируйте подписываться

Начните с самого важного: пригласите подписаться на email-рассылку и расскажите, о чём планируете писать. Сформулируйте этот текст в виде призыва к действию в одном-двух предложениях.

• «Подпишитесь на новости и акции “Горгаза”».
• «Узнайте, как строить муравьиные фермы из подручных материалов».
• «Оставьте электронный адрес и будьте в курсе модных новинок в магазине “Мебель”».

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

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

• «Скидка 15% на весь ассортимент штанов новым подписчикам электронной рассылки».
• «Подпишитесь и станьте участником розыгрыша трёх автомобилей».
• «Оставьте свой email и узнавайте о снижении цен на шубы из натурального меха».

Вызывайте доверие

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

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

На сайте «Финолога» есть отдельная страница с описанием рассылки, отзывами и формой подписки.

1

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

2

Подписчики Игоря Манна первыми получат статьи о маркетинге.

3

«Mokselle» пришлёт своим подписчикам серию видеороликов о том, как арт-директор фирмы танцевал балет в костюме снежинки.

4

Подписчики рассылки интернет-магазина «Enjoyme» получат подарок и не пропустят выгодные акции. Форма подписки встречается на сайте два раза: над футером и во всплывающем окне.

5

6

Получите доступ к эксклюзивному контенту от Гудсайта

Форма подписки — создаём красивое оформление

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

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

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

Любая форма состоит из графического изображения или обычного фона и наложенного на него программного кода html. Ну и разумеется весь этот код оформлен стилями css. Выглядит это так:

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

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

Изображения вы легко найдёте в интернете, или скачайте архив с материалами и примером готовой формы к этой статье. Код подписки можно взять из любого сервиса рассылки. Такого как smartresponder или feedburner.

Подготовка изображения

Шаг 1. Фоновое изображение.

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

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

Итак, я нашёл в интернете вот такое изображение в формате psd. Точнее их было несколько, но слепил я вот это

Заготовка в формате psd

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

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

Отключаем всё лишнее

Теперь нужно отсечь всё лишнее по краям фонового изображения. Для этого можно воспользоваться инструментом «Кадрирование» или Тримминг.

Отсекаем лишнее по краям

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

Задаём размер изображения

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

Сохраняем для сайта

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

Шаг 2. Вспомогательные изображения.

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

Вспомогательная графика

Шаг 3. Изображение кнопки «Подписаться».

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

Рассмотрим вариант, когда кнопка будет представлена в виде изображения.

Для начала отключите все слои (убрать изображение глаза напротив слоя) и подпишите кнопку.

Готовим кнопку

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

Следующим этапом нужно сохранить изображение дух кнопок в формате PNG. Так же, как делали на предыдущем шаге. И можно приступать к вёрстке.

Вёрстка формы подписки

Вот теперь то и начинается самое интересное. Вам необходимо код формы подогнать под изображение формы (сверстать).

Предлагаю тренироваться на отдельно созданном файле html.  Хотя вы можете делать это и на отдельно созданной страничке на своём блоге. Я же предпочитаю экспериментировать отдельно. Для этого открываем редактор Notepad++ и сохраняем страницу в формате html.

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

Вот пример моего кода в сервисе Smartresponder после удаления всех стилей.

Код формы подписки

Примечание: там, где вы встречаете стиль display:none; можете оставить этот стиль, пусть эти скрытые поля вам не мешают. Или же отметьте эти элементы отдельным стилем и скройте их отдельным стилем в файле style.css. Как мы и поступим далее.

А пока форма будет выглядеть так:

Форма без стилей оформления

Только не волнуйтесь на счёт кода, ваша задача просто найти в коде элементы style=»… и удалить в код начиная от стиля и заканчивая двойными кавычками.

Теперь самое время задать блокам, полям и кнопке отдельные классы – это понадобится в дальнейшем для создания стилей оформления.

Блок див в котором находится вся форма, я назову «obolochka». Вы можете назвать по-своему.

<div>

Скрытым элементам я присваиваю класс «secret», — это пункт списка <li> и блок <div>

<input type="text" name="field_name">
<div>Загрузка...</div>

Далее, идёт маркированный список <ul> и пункты списка <li> в которых находятся поля для ввода имени и электронного адреса. Нужно в отдельности задать класс для пунктов списка <li> и для полей ввода <input>. Для пунктов списка я задаю класс «marker», а для полей ввода лучше использовать отдельные классы, так как отступы придётся задавать индивидуально. Поле имя «contact_name». Поле электронный адрес «contact_email»

<li><label></label><input type="text" name="field_name_first" value="Ваше имя:"></li>
<li><label></label><input type="text" name="field_email" value="Ваш email-адрес:"></li>

И, конечно же, не забываем о кнопке «Подписаться». Сейчас в форме тип кнопки type=»submit» – если бы мы хотели задать стиль кнопки только через css, то тип можно было бы и не менять. А так как мы решили использовать изображение для кнопки, то тип нужно изменить на type=»image» и присвоить класс «otpravit».

Будет это выглядеть так:

<li><input type="image"></li>

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

<!-- SmartResponder.ru subscribe form code (begin) -->
<script type="text/javascript" src="https://imgs.smartresponder.ru/52568378bec6f68117c48f2f786db466014ee5a0/"></script>
<div>
 <form method="post" action="https://smartresponder.ru/subscribe.html" target="_blank" name="SR_form_160904_53" >
 <input type="text" name="field_name">
 <div>Загрузка...</div>
 <ul >
 <li><label></label><input type="text" name="field_name_first" onfocus="if (this.value == 'Введите Ваше имя') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваше имя';}" value="Введите Ваше имя"></li>
 <li><label></label><input type="text" name="field_email" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" value="Введите Ваш e-mail"></li>
 <li><input type="image" src="button.png"></li></ul>
 <input type="hidden" name="uid" value="298928">
 <input type="hidden" name="did[]" value="492734">
 <input type="hidden" name="tid" value="0">
 <input type="hidden" name="lang" value="ru">
 <input name="script_url_160904_53" type="hidden" value="https://imgs.smartresponder.ru/on/6e7d54aeeac42d70e634c580f2d1395c1a8959f2/160904_53">
 </form>
</div>
<!-- SmartResponder.ru subscribe form code (end) -->

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

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

Эти стили вы сможете адаптировать под свою форму подписки. Стили нужно будет добавить в файл style.css. Итак, мы задали классы для элементов формы и теперь на основе классов создадим стили оформления и форма будет готова.

А вот собственно и стили для оформления формы подписки.

.obolochka {
background: url('formbg.png') no-repeat; /*фоновое изображение формы - поменять на свой файл*/
width: 300px; /*ширина формы*/
height: 227px; /*высота формы*/
margin: 0 auto; /*выравнивание по центру*/
}
/*скрытые поля*/
.secret {
display:none; /*убираем скрытые поля*/
}
/*пункты списка*/
.marker {
list-style: none; /*убираем маркеры списка*/
}
/*поле имени*/
.contact_name {
margin: 65px 0px 15px; /*внешний отступ*/
padding: 7px; /*внутренний отступ*/
border-radius: 6px; /*закругление углов*/
border: 1px solid #E6E1E1; /*бордюр*/
width: 224px; /*ширина поля*/
background: url('name.png') no-repeat scroll 0% 0% #EAE9E9; /*фигурка в поле - поменять на свой файл*/
background-position: 198px center; /*положение фигурки*/
}
/*поле электронной почты*/
.contact_email {
margin: 0 0px 15px 0; /*внешний отступ*/
padding: 7px; /*внутренний отступ*/
border-radius: 6px; /*закругление углов*/
border: 1px solid #E6E1E1; /*бордюр*/
width: 224px; /*ширина поля*/
background: url('mail.png') no-repeat scroll 0% 0% #EAE9E9; /*конверт в поле - поменять на свой файл*/
background-position: 198px center; /*конверт фигурки*/
}

Всё форма готово и можно приступать к внедрению на сайт.

Готовая форма подписки

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

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

Копируем изображения

Следующим шагом нужно вставить стили оформления в таблицу стилей. Для этого открываем административную панель WordPress – «Внешний вид» — «Редактор» — «Таблица стилей». И вставляем стили из этой статьи.

Вставляем стили

Не забудьте изменить путь к изображениям!

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

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

В той же административной панели WP открываем раздел «Внешний вид» — «Виджеты». Выбираете виджет в виде «Текст» и перетаскиваете в сайтбар.

Создаём новый виджет

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

Если вы скопировали изображения, как и я в папку images, то вам нужно к названию изображения добавить вот это путь:

/wp-content/themes/Ваша тема/images/

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

Ну а если же что то съехало, то нужно будет поработать со стилями и изменить параметры margin.

Что же вроде постарался объяснить всё максимально понятно. Надеюсь, получилось. Обязательно посмотрите видеоурок, я старался. Да и понятней всё станет, однозначно.

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

Всем желаю удачи и не пропустите видеоурок!

С уважением, Максим Зайцев.

Что такое Форма подписки: определение, видео, советы — определение

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

Видео демонстрирует, как создать форму подписки с помощью SendPulse.

Почему формы подписки важны?

1. Они помогают генерировать потенциальных клиентов
2. Помогают собирать информацию о подписчиках
3. Их легко создать и настроить
4. Их удобно настраивать
5. Они легальны

• Генерация лидов. В интернет-маркетинге форма подписки является важным инструментом для привлечения потенциальных клиентов. Когда подписчики заполняют форму, размещенную на веб-сайте или в блоге, они выражают интерес к компании, ее продуктам и услугам. Это не просто холодные лиды, которые случайно попадают на веб-страницу — они хотят получать информационные бюллетени.
• Сбор информации о подписчиках. Формы подписки — это универсальный и стандартный способ получения данных о пользователях, который удобен для будущего привлечения потенциальных клиентов и построения прочных взаимовыгодных отношений между компанией и клиентами.Можно собрать следующую информацию: имя, адреса электронной почты, пол, возраст, страну и т. Д.
• Простота создания и настройки. Создание формы подписки с помощью SendPulse занимает мало времени. Вы можете создавать формы подписки с помощью нашего удобного редактора перетаскивания и настраивать элементы по своему вкусу. Наш редактор форм подписки — это бесплатный инструмент.
• Удобно настраивать. При создании формы подписки, соответствующей идентичности бренда, удобно менять шрифты и цвета.
• Это законно. Форма подписки — это законный способ сбора адресов электронной почты в отличие от покупки списков адресов электронной почты, которые подпадают под категорию «спам» и противоречат закону.

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

Давайте генерируем подписчиков!

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

Зарегистрируйтесь и создайте форму!

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

1. Укажите свои цели
2. Выберите тип подписки из формы
3. Выберите список рассылки
4. Воспользуйтесь нашим редактором перетаскивания
5. Получить код

Укажите свои цели

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

Выберите тип подписки из формы

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

Выберите список рассылки

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

Воспользуйтесь нашим редактором перетаскивания

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

Вы также можете разрешить пользователям связываться с вашим брендом через Facebook Messenger и Telegram, добавив ссылки на ваших чат-ботов. Посмотрите такую ​​форму ниже.

Получить код

Скопируйте сгенерированный код и вставьте его на свой сайт.

Форма подписки Лучшие практики

1. Сделайте как можно короче
2. Поместите поля в одну колонку
3. Дизайн в стиле вашего бренда
4. Создать видимую кнопку CTA
5. Очистите область вокруг формы подписки
6. Дайте четкое представление о стоимости подписки
7. Запуск A / B-тестов

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

Примеры форм подписки

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

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

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

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

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

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

Рейтинг пользователей: 5 / 5 (10)

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

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

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

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

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

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

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

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

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

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

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

Поле ввода

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

Флажок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Радиокнопки

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

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

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

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

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

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

Посланник

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

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

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

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

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

Текст

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

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

Изображение

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

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

Проставка

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

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

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

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

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

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

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

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

Данные формы и тип

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

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

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

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

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

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

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

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

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

Параметры подписки

Вы можете настроить способ добавления подписчиков в список рассылки, используя дополнительную настройку Single Opt-in или Double Opt-in.

Если параметр отключен, подписчики будут отправлены в ваш список рассылки сразу после того, как они заполнили форму подписки и нажали «Отправить» на вашем веб-сайте. Этот тип подписки называется «Single Opt-in» и настраивается по умолчанию.

Этот тип подписки помогает вам быстрее добавлять подписчиков и не терять подписчиков, которые могли пропустить ваше электронное письмо с подтверждением

Если этот параметр включен , подписчики будут добавлены в ваш список рассылки после того, как они подтвердят свою подписку, нажав «Подтвердить» в электронном письме с подтверждением.Этот тип подписки называется «Double Opt-in». Чтобы включить эту настройку, поверните тумблер в положение ON.

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

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

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

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

Что такое корпоративный домен? Если у вас уже есть сайт и ваш домен зарегистрирован, вы можете создать корпоративный адрес электронной почты, который будет включать ваше уникальное доменное имя после символа @ . Например, если ваше доменное имя mycompany.ru, то корпоративный адрес может быть следующим: [email protected] .

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

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

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

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

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

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

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

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

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

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

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

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

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

Последнее обновление: 2020-12-10

форма подписки

Западная и Центральная Африка

Восточная и Южная Африка

Восточная Европа и Центральная Азия

Латинская Америка

Тихоокеанский регион

Арабские государства

Карибский бассейн

Азия

• Афганистан
• Албания
• Алжир
• Ангола
• Антигуа и Барбуда
• Аргентина
• Армения
• Австралия
• Австрия
• Азербайджан
• Багамы
• Бахрейн
• Бангладеш
• Барбадос
• Беларусь
• Бельгия
• Белиз
• Бенин
• Бутан
(Боливия
• ) Многонациональное Государство)
• Босния и Герцеговина
• Ботсвана
• Бразилия
• Бруней-Даруссалам
• Болгария
• Буркина-Фасо
• Бурунди
• Камбоджа
• Камерун
• Канада
• Кабо-Верде
• Центральный Риканская Республика
• Чад
• Чили
• Китай
• Колумбия
• Коморские острова
• Конго
• Коста-Рика
• Кот-д’Ивуар
• Хорватия
• Куба
• Кипр
• Чешская Республика
• Корейская Народно-Демократическая Республика
• Демократическая Республика Конго
• Дания
• Джибути
• Доминика
• Доминиканская Республика
• Эквадор
• Египет
• Сальвадор
• Экваториальная Гвинея
• Эритрея
• Эстония
• Эфиопия
• Фиджи
• Франция
• Габон
• Гамбия
• Грузия
• Германия
• Гана
• Греция
• Гренада
• Гватемала
• Гвинея
• Гвинея-Бисау
• Гайана
• Гаити
• Гондурас
• Венгрия 012
• Индия
• Индонезия
• Иран (Исламская Республика)
• Ирак
• Ирландия
• Израиль
• Италия
• Ямайка
• Япония
• Иордания
• Казахстан
• Кения
• Кирибати
• Кувейт
• Кыргызстан
• Лаосская Народно-Демократическая Республика
• Латвия
• Ливан
• Лесото
• Либерия
• Ливия
• Лихтенштейн
• Литва
• Люксембург
• Мадагаскар
• Малави
• Малайзия
• Мальдивы
• Мальта
Мальта Маршалловы Острова
• Мавритания
• Маврикий
• Мексика
• Микронезия (Федеративные Штаты)
• Монголия
• Черногория
• Марокко
• Мозамбик
• Мьянма
• Намибия
• Науру
• Непал
Нидерланды
• Новая Зеландия
• Никарагуа
• Нигер
• Нигерия
• Норвегия
• Оман
• Пакистан
• Палау
• Палестина (Государство)
• Панама
• Папуа-Новая Гвинея
• Парагвай
• Перу
• Филиппины
• Польша
• Португалия
• Катар
• Республика Корея
• Республика Молдова
• Румыния
• Российская Федерация
• Руанда
• Сент-Китс и Невис
• Сент-Люсия
• Сент-Винсент и Гренадины
• Самоа
• Сан-Томе и Принсипи
• Саудовская Аравия
• Сенегал
• Сербия
• Сейшельские острова
• Сьерра-Леоне
• Сингапур
• Словакия
• Словения
• Соломоновы Острова
• Сомали
• Южная Африка
• Испания
• Южная Африка 9001 1 Судан
• Суринам
• Свазиленд
• Швеция
• Швейцария
• Сирийская Арабская Республика
• Тайбэй, Китай
• Таджикистан
• Таиланд
• Бывшая югославская Республика Македония
• Тимор-Лешти
• Того
• Тонга
• Тринидад и Тобаго
• Тунис
• Турция
• Туркменистан
• Тувалу
• Уганда
• Украина
• Объединенные Арабские Эмираты
• Соединенное Королевство
• Объединенная Республика Танзания
• Уругвай
• США
• Узбекистан
• Вануат
• Венесуэла (Боливарианская Республика)
• Вьетнам
• Йемен
• Замбия
• Зимбабве

Ultimate WordPress Form Builder Solution

Оценщик платежей и затрат.

eForm содержит современное платежное решение. Легко создавайте одностраничные формы оформления заказа для максимальной конверсии. Собирайте платежи через Stripe, PayPal, банковский перевод или просто подключайтесь к WooCommerce.

Касса

Касса на одной странице с ползунком оценки, таблицей платежей и оплатой кредитной картой.

WooCommerce

Простая интеграция с WooCommerce. Изменяйте цену товара и атрибуты на лету.

Подписка

Модели подписки Stripe для существующих клиентов для регулярных платежей.

Простая интеграция со сторонними производителями.

Создавать формы преобразования очень просто благодаря интеграции со сторонними производителями eForm. У нас есть встроенные возможности для ведущих поставщиков информационных бюллетеней. С помощью zapier и webhooks вы даже можете создать свой собственный.

Webhook

Создайте собственную конечную точку API и позвольте eForm приносить полезные данные для отправки.

Информационный бюллетень

Ведущие поставщики, такие как MailChimp, MailerLite, ConvertKit, Campaign Monitor, MyMail, Sendy и т. Д.

Мгновенно

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

Инструменты автоматической викторины.

В электронной форме полно инструментов для создания собственных онлайн-викторин. От MCQ до текстовых записей и сортируемых списков — мы вам поможем. eForm автоматически подсчитывает баллы и отображает обозначения в зависимости от диапазона баллов.

Оценка

Автоматическая и ручная оценка доступна для всех элементов MCQ и элементов ввода текста.

Таймер

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

Доска почета

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

Управление пользователями для входа и регистрации.

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

Зарегистрироваться

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

Профиль

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

Вход

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

Отличный инструмент для отчетов и статистики.

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

Сгенерировать

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

Скачать

С установленной надстройкой экспортера вы можете загружать отчеты в форматах xlsx, pdf, html или csv.

Опубликовать

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

Принимать гостевой блог от кого угодно.

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

Image

Гостевой блог eForm полностью поддерживает избранное изображение с элементом загрузки.

Таксономия

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

Метаданные

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

Создайте приключенческий рабочий процесс для ваших опросов.

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

Логика

Скрыть или отобразить элемент на основе других элементов. Группируйте несколько логик с помощью И / ИЛИ.

Напомнить

Динамически изменять метку ваших элементов в зависимости от ввода пользователя. Сделайте индивидуальный подход.

Перенаправить

Перенаправить на основе оценки, условной логики или просто на страницу при отправке.

7 Стратегии подписки на информационный бюллетень для вашего интернет-магазина (2020)

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

Согласно отчету DMA, эффективность электронных писем неоспорима, поскольку рентабельность инвестиций в электронную почту выросла с 48 до 55 долларов на каждый потраченный доллар. Имея это в виду, каждый онлайн-бизнес должен открывать новые способы использовать возможности электронной почты.

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

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

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

Определение подписки на информационный бюллетень

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

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

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

Подписчики: зачем они нужны?

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

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

1. Расширьте свою целевую аудиторию.

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

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

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

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

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

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

2. Налаживайте отношения с потенциальными клиентами.

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

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

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

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

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

Зачем вам нужна эффективная форма подписки на рассылку новостей?

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

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

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

Вот пример подписки на рассылку новостей от Converse:

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

Удобные и простые в создании формы подписки на информационные бюллетени — лучший друг контент-маркетолога в ускорении развития вашего бизнеса.

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

5 типов форм подписки на информационный бюллетень

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

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

1. Модальная всплывающая форма подписки на информационный бюллетень.

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

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

Вот пример от Olive, модного бренда Великобритании, который появляется по прибытии на главную страницу бренда:

2. Форма подписки на встроенную рассылку новостей.

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

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

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

Вот форма подписки на рассылку новостей от Skullcandy :

3. Форма подписки на рассылку новостей с плавающей полосой.

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

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

Вот пример из Buffer:

4. Форма подписки на рассылку новостей в плавающем окне.

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

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

Вот пример с сайта Luna Bazaar с непреодолимым предложением подписки:

5. Полностраничная форма подписки на информационный бюллетень.

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

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

Вот пример из ShopMonarch Эйвери Деннисона, который появляется при переходе на главную страницу:

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

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

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

1. Предпочитайте простую копию сложности.

Как однажды сказал Леонардо да Винчи: «Простота — это высшая изощренность».

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

Согласно Harvard Business Review, 86% потребителей с большей вероятностью будут покупать у брендов, которые предпочитают простоту во всех аспектах своих маркетинговых усилий.

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

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

Эффективное сочетание качества и количества вашей подписной копии неоспоримо.

Согласно A / B-тесту Crazyegg двух вариантов подписной копии информационного бюллетеня, более легкая версия работает лучше, чем версия с большим количеством.Пример подписки на электронную рассылку High Beauty.

High Beaty представляет собой простую и элегантную форму подписки на электронную рассылку новостей.

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

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

2. Настройте подтверждение подписки на рассылку новостей.

Когда ваши посетители отправляют свою страницу регистрации, они ожидают какого-то подтверждения того, что регистрация прошла успешно.

Подтверждение подписки будет способствовать положительному впечатлению от вашего бренда.

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

Source

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

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

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

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

Пример сообщения Wendell August Forge с подтверждением на веб-сайте.

Самый простой способ подтвердить подписку — отобразить подтверждающее сообщение, подобное этому, от Wendell August Forge:

Подтверждающие сообщения должны быть простыми. Что-то вроде «Ты в деле!» или «Как здорово, что ты есть!» покажет вашим подписчикам, что их процесс регистрации прошел успешно, и послужит первым шагом к их вступлению в сообщество вашего бренда.

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

Пример электронного письма с подтверждением подписки на новостную рассылку Zooplus.

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

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

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

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

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

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

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

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

Согласно отчету Nielsen Norman Group, посетителям нужно всего 10 секунд, чтобы сформировать мнение, когда они попадают на вашу домашнюю страницу.

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

Пример подписки на рассылку новостей Osmotics.

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

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

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

4. Сделайте ваш призыв к действию (CTA) выделяющимся.

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

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

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

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

Используйте правильную копию.

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

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

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

Пример подписки на рассылку новостей Spoon Graphics.

Вместо использования обычной копии с призывом к действию, такой как «Отправить» или «Присоединяйтесь сейчас», Spoon Graphics выбирает копию, в которой используется прямой и личный язык.

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

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

Используйте правильные цвета.

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

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

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

Самое главное — воспользоваться белым пространством. Затем используйте понимание психологии цвета, чтобы определить, какие цвета лучше всего подходят для вас. Исследования показали, что некоторые цвета, такие как красный, зеленый и синий, с большей вероятностью улучшат видимость вашего CTA, чем другие.

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

Пример подписки на рассылку новостей Old Spice.

Old Spice использует ярко-красное поле с призывом к действию под полем ввода.

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

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

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

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

5. Предложите потрясающую награду.

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

Потенциальные подписчики на рассылку новостей должны видеть, насколько вы их цените и цените.

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

Скидки очень популярны среди новичков; они часто подписываются только для того, чтобы воспользоваться вашей скидкой 15%.

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

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

Пример подписки на электронную рассылку новостей Венделла Августа Форджа.

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

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

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

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

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

6. Используйте правильное количество полей.

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

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

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

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

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

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

Вот пример подписки на рассылку новостей от Clarks с просьбой отметить день рождения подписчиков:

Пример подписки на рассылку Bohemian Traders.

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

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

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

7. Используйте силу социального доказательства.

Когда дело доходит до пробовать что-то новое, потребители всегда будут пытаться узнать об опыте других.Люди во многом полагаются на мнение других, чтобы определить, стоит ли что-то их времени.

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

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

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

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

Единственное, что вам нужно, чтобы вставить социальное доказательство в ваши формы, — это обзор или количество ваших довольных клиентов.

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

Пример подписки на рассылку новостей Proactiv.

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

Proactiv использует опыт своих клиентов, чтобы создать окончательную форму доказательства: слова ваших довольных клиентов.

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

Продвигайте свою электронную почту Подписка на рассылку новостей

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

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

Вот как это делает Moonpie:

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

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

Звучит просто, не правда ли?

Takeaways

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

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

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