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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавление подписчиков в чат-бот

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

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

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

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

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

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

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

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

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

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

Перейдите в настройках поля и активируйте переключатель Использовать динамическую маску (Use dynamic mask).

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

За замовчуванням всі контакти зберігаються в CRM. Щоб зберігати дані в змінну іншого сервісу, активуйте відповідні налаштування.

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

• CRM для контакту та угод.
• Email в адресні книги.
• Чат-боти в аудиторію чат-бота.

Якщо у списку немає потрібної змінної, створіть її у відповідній адресній книзі або аудиторії чат-бота. Якщо немає поля в CRM — створіть у налаштуваннях відповідної воронки та контактів.

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

Настройте стиль полей

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

Отрегулируйте внешний вид полей.

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

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

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

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

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

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

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

Вы можете использовать переадресацию для PayPal, Fondy, Stripe, Mercado Pago, Wayforpay, Flutterwave но она недоступна для LiqPay.

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

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

Вы можете активировать опцию Перезаписывать данные контакта в CRM при повторной отправке формы (Overwrite CRM contact data after form resubmitting) — тогда уже существующий в системе SendPulse CRM, отправит форму, его данные будут перезаписаны.

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

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

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

Выберите опцию Перейти на страницу (Go to page).

Ссылка на сайт

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

Чат-бот SendPulse

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

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

Настройте CAPTCHA

Чтобы защитить свой сайт и избежать автоматического заполнения форм ботами, зайдите в Дополнительные настройки формы (Additional form settings) > Показывать CAPTCHA (Show CAPTCHA) та выберите нужный лимит: 10, 100 или 1000.

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

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

Если у вас не активирована аналитика, перейдите по ссылке Как настроить (How to set it up).

Для активации передачи данных, в настройках сайта должны быть добавлены коды пикселя Facebook и Google Analytics. Узнайте больше: Как подключить Google Analytics к сайту и Как подключить пиксель Facebook к сайту.

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

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

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

Скопируйте ID

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

Чтобы скопировать ID, нажмите на него. Чтобы отредактировать ID, нажмите значок карандаша.

Узнайте больше: ID блока и виджета.

Сохраните настройки, а затем опубликуйте сайт.

Обновлено: 31.01.2025