Формы сбора подписчиков

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

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

Типы форм

Формы бывают четырёх типов:

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

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

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

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

   

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

   

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

   Если хотите изменить дизайн формы, нажмите «Редактировать». Здесь же можно отредактировать благодарность за заполнение, которая появляется в окне формы.

   

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

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

   Автоматический показ

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

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

   

   Ручной показ (JavaScript-вызов)

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

   Для этого:

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

   JavaScript-вызов работает независимо от настроек автоматического показа, если форма активирована.

5. На шаге Письмо подтверждения формы отредактируйте шаблон письма. В нём уже «вшита» специальная ссылка для подтверждения формы подписки
   [% confirm_url %].

   Важно

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

   1. Пользователь оставляет свой email в форме для сбора контактов.

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

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

   4. Статус контакта меняется на «Подтверждённый».

      Как активировать неподтверждённые адреса

6. На шаге Дополнительные настройки при необходимости:

   • добавьте JavaScript-код, который запустится перед показом формы;
   • включите отправку письма благодарности после подтверждения подписки и настройте его в редакторе;
   • укажите свою страницу благодарности — по умолчанию подписчик попадёт на страницу «Спасибо за подтверждение формы», но можно указать свой URL.

7. На шаге Активация скопируйте скрипт и установите его на сайт, если не сделали этого раньше, после чего активируйте форму.

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

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

Важно

Если используете форму с изображением, загружайте картинки весом до 1 Мб — так скорость отображения не потеряется.

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

Как создавать поля в анкетах

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

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

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

1. Перейдите в раздел Формы.

2. Скопируйте скрипт установки форм — он отображается в верхней части страницы.

3. Добавьте этот скрипт между тегами <head>...</head> — он отвечает за работу всех форм на сайте. Этот шаг можно пропустить, если на сайте уже установлены другие формы CDP Sendsay.

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

   4. Откройте нужную форму и перейдите на шаг Настройки формы.

   5. Скопируйте код формы — он отображается в правой части экрана.
      
      

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

На странице формы в CDP Sendsay нажмите на синюю кнопку «Активировать», чтобы форма стала отображаться на сайте. Любые изменения в формах после установки будут автоматически подтягиваться на сайт.

Важно

Чтобы форма корректно отображалась, перейдите в настройки сайта, найдите заголовок Content-Security-Policy и проверьте, что в директиву connect-src добавлены значения:

• https://image.sendsay.ru
• https://sendsay.ru

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

Как связать форму Sendsay с формой Tilda

Читайте также:
Интеграция с Tilda