Виджет Форма в конструкторе сайтов

Чтобы посмотреть видео, согласитесь на маркетинговые файлы cookie или перейдите на YouTube.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Включите опцию Сохранять контакты в аудиторию чат-бота (Add to chatbot audience). Для настройки кнопки нажмите на значок карандаша. Выберите канал — WhatsApp, Telegram, Instagram, Viber или Messenger, и введите название кнопки. В поле Подписывать на (Subscribe to) выберите, на какой бот подписывать и цепочку, которую запускать после подписки.

Вы можете добавить максимум 4 кнопки разных ботов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Значення полів Email та Телефон (Phone) зберігаються у стандартних системних змінних емейла та телефону.

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

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

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

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

Цвет названия полей (Field names color) Выберите цвет верхней подписи полей.
Расположение полей (Field layout) Выберите расположение полей в форме горизонтально или вертикально.
Внешний вид полей (Field appearance) Выберите стиль: с подсветкой по периметру или снизу.
Цвет текста в поле ввода (Input field text color) Выберите цвет текста, который будет отображаться при вводе данных в форме на сайте.
Цвет фона (Background color) Выберите цвет заполнения полей.
Скругление (Rounding) Задайте скругление полей в пикселях. Доступно для внешнего вида с подсветкой по периметру.
Цвет границы (Frame color) Выберите цвет контура полей.
Размер полей (Field size) Выберите размер полей: S, M или L.

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

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

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

Настройте дополнительные возможности

Вы можете управлять поведением формы после отправки, обработкой данных контактов и уровнем защиты от злоупотреблений. Эти опции помогают настроить взаимодействие с посетителями сайта, поддерживать актуальность данных в CRM и повысить безопасность форм. Для этого перейдите в Дополнительные настройки формы (Additional form settings).

Ниже рассмотрим доступные дополнительные возможности и принципы их использования.

Действие после подписки (Action after submitinng)

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

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

Читайте подробнее: Настройте страницу после отправки формы.

Перезаписывать данные контакта в CRM при повторной отправке формы (Overwrite CRM contact data after form resubmitting)

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

Активируйте переключатель.

Разрешать посетителям вводить только корпоративные email адреса (Require visitors to enter corporate email addresses only)

Используется для ограничения ввода email-адресов в формах только корпоративными доменами.

Активируйте переключатель.

После активации адреса из публичных почтовых сервисов (например, gmail.com, yahoo.com, hotmail.com, outlook.com) не проходят валидацию и не отправляются.

Показывать CAPTCHA (Show CAPTCHA)

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

Выберите нужный лимит: 10, 100 или 1000.

По умолчанию указан лимит 100. Это означает, что CAPTCHA появится, если посетитель отправит 100 форм с одного IP-адреса в течение 10 минут.

Читайте подробнее: Как настроить CAPTCHA в форме подписки.

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

Вы можете настроить передачу целей с формы в события 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.

Оцените, насколько полезна статья "Виджет Форма в конструкторе сайтов"

Оценка: 5 / 5 (1)

Назад

Виджет Соцсети в конструкторе сайтов

Далее

Виджет Вставка кода в конструкторе сайтов

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

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