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

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

Добавьте элемент «Форма»

Добавьте виджет «Форма» в нужную часть шаблона

Справа откроется панель, в которой можете настраивать виджет.

Выберите, куда сохранять контакты

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

Создание сделки и контактов в CRM

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

Также вы можете настроить передачу UTM-меток в контакты в CRM, если посетитель перешел на сайт по ссылке с меткой и заполнил форму.

Читайте подробнее: «Как передавать UTM-метки с форм подписки и оплаты сайтов в CRM».

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

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

Настройте поля формы

Добавление полей

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

Обратите внимание, что поле «Email» обязательное — его нельзя удалить.

Выберите тип поля.

Поле ввода Используется для ввода текста пользователем до 255 символов. Вы можете также выбрать предустановленные поля «Имя», «Телефон», «Адрес», «Дата» и «URL».
Чекбокс Используется, когда есть список опций, из которых пользователь может выбрать любое количество: ни одной, одну, несколько. Если чекбокс отмечен, в переменную сервиса передается значение «yes», если не отмечен — «no».

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

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

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

Для этого выделите необходимое слово и выберите значок гиперссылки. В модальном окне введите ссылку в поле «Link». Также вы можете ввести подсказку в поле «Title» и выбрать тип открытия — текущая страница или новая.

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

Введите название поля.

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

Введите подсказку для поля в плейсхолдере.

Настройка соотношения полей

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

Значения всех полей передаются в переменную типа «Строка». Значения полей «Email» и «Телефон» сохраняются в стандартные системные переменные емейла и телефона.

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

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

Настройте стиль формы

Перейдите в «Стили полей».

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

Настройте кнопку

В поле «Кнопка формы» нажмите на карандаш, чтобы перейти к редактированию кнопки. Введите текст и выберите стиль кнопки подтверждения и передачи данных.

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

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

Для этого перейдите к пункту «Дополнительные настройки формы».

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

Показать сообщение

Для отображения сообщения выберите опцию «Показать сообщение».

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

После подписки пользователь увидит ваше сообщение в виде модального окна.

Переход на страницу

Если выбрана опция «Перейти на страницу», вы можете задать URL-адрес для перехода или выбрать связанную страницу, созданную в разделе «Сайты».

Настройте аналитику

Вы можете настроить передачу целей из формы в события Google Analytics и Facebook Pixel. Нажмите «Настройки аналитики» (Analytics settings).

Активируйте нужный переключатель: «Передавать цель в Google Analytics» (Transfer the goal to Google Analytics) или «Передавать цель в пиксель Facebook» (Transfer the goal to the Facebook pixel).

Для активации передачи данных в настройках сайта должны быть добавлены коды пикселя Facebook и Google Analytics.

Читайте подробнее: «Как подключить Google Analytics к сайту» и «Как подключить пиксель Facebook к сайту».

Если вы активировали переключатель «Передавать цель в Google Analytics», введите данные для полей «Категория» (Category), «Действие» (Action), «Ярлык» (Label) — эти параметры будут передаваться к аналитике в разделе «События».

Если вы активировали переключатель «Передавать цель в пиксель Facebook» (Transfer the goal to the Facebook pixel), автоматически будет сформировано событие «Lead», которое вы сможете увидеть в «Event Manager» вашего бизнес-аккаунта Facebook.

    Оцените, насколько полезна статья "Как добавить форму подписки на сайт"

    Оценка: 5 / 5

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня