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

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

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

Типы форм

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

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

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

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

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

   

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

   

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

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

   

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

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

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

   При выборе варианта Настроить условия отображения можно:

   • указать страницы, на которых форма будет показываться (по адресу, пути или регулярному выражению),
   • задать страницы-исключения, где форма показываться не будет,
   • проверить адрес страницы — система покажет, отобразится ли форма по заданным условиям.

   

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

   Для этого:

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

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

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

   Важно

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

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

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

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

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

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

6. На шаге Письмо после подтверждения при необходимости включите отправку письма благодарности и настройте его в редакторе.

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

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

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

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

Важно

Если используете форму с изображением, загружайте картинки весом до 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