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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Доступны две опции: отобразить сообщение благодарности за подписку и перенаправить пользователя на указанный 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