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

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

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

Типы форм

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

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

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

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

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

   

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

   

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

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

   

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

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

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

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

   

   Каталог условий включает больше 10 правил — по устройству, источнику трафика, операционной системе, времени и дате показа, дню недели, CSS-селектору на странице, количеству визитов, полям в localStorage и cookie и другим параметрам.

   Как работает каждое условие показа

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

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

   Для этого:

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

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

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

   Важно

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

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

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

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

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

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

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

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

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

Условия показа форм

Страницы показа (URL)

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

• С любыми адресами — форма показывается на всех страницах сайта, значение указывать не нужно.
• С указанными URL-адресами — форма показывается только на страницах с точным совпадением адреса. Например: https://example.com/catalog, https://example.com/sale.
• Содержат путь — форма показывается на страницах, где встречается указанный фрагмент адреса. Например: /catalog/, /sale/.
• По регулярному выражению — форма показывается на страницах, которые соответствуют выражению. Например: ^https://example.com/products/.*.

Источник визита (трафик)

Проверяет, откуда пришёл посетитель — по referer, UTM-меткам или параметрам в ссылке. Помогает показать форму, например, только посетителям из рекламной кампании.

• Конкретный сайт (referer) — форма показывается посетителям, которые перешли с указанного сайта. Например, оператор «равен», значение https://google.com.
• С UTM-меткой — форма показывается, если в ссылке есть указанная метка с нужным значением. Например, метка utm_campaign равна black_friday.
• Без UTM-метки — форма показывается, если в ссылке нет указанной метки. Например, utm_source.
• С Query-параметром — форма показывается, если в ссылке есть указанный параметр с нужным значением. Например, параметр promo равен summer.
• Без Query-параметра — форма показывается, если в ссылке нет указанного параметра. Например, debug.

Устройство

Показывает форму пользователям определённых устройств.

• Оператор «одно из» — форма показывается на выбранных устройствах. Например: mobile, tablet.
• Оператор «ни одно из» — форма не показывается на выбранных устройствах. Например: desktop.

Операционная система

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

• Оператор «одна из» — например, Android, iOS.
• Оператор «ни одна из» — например, Windows, Linux.

Время показа

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

• В часовом поясе посетителя — форма показывается по времени посетителя. Например, при операторе «позже или равно» и значении 18:00 форма покажется после 18:00 по местному времени посетителя.
• В указанном часовом поясе — форма показывается по заданному часовому поясу. Например, для пояса UTC+3 и оператора «входит в интервал» можно указать диапазон от 09:00 до 18:00.

Дата и время показа

Задаёт период действия формы — например, показ только во время акции.

• В часовом поясе посетителя — форма показывается по времени посетителя. Например, при операторе «входит в интервал» можно указать диапазон от 2026-12-01 00:00 до 2026-12-31 23:59.
• В указанном часовом поясе — форма показывается по заданному часовому поясу. Например, для пояса UTC+3 и оператора «позже» можно указать значение 2026-12-01 10:00.

День недели показа

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

• Оператор «один из» — например, понедельник, вторник, среда, четверг, пятница.
• Оператор «ни один из» — например, суббота, воскресенье.

CSS-селектор на странице

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

• Есть на странице — форма показывается, если элемент найден. Например, селектор .add-to-cart.
• Нет на странице — форма показывается, если элемент не найден. Например, селектор .checkout-success.

Всего визитов на сайт

Учитывает, сколько раз посетитель уже был на сайте. Например, форма покажется только со второго визита.

Доступны операторы «больше или равно», «входит в интервал» и другие стандартные операторы сравнения. Например, при операторе «больше или равно» и значении 2 форма покажется начиная со второго визита, а при операторе «входит в интервал» можно задать диапазон от 2 до 5.

Количество показов формы

Условие проверяет, сколько раз форма уже показывалась посетителю в текущей сессии.

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

Поле в localStorage

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

Название поля вводится вручную и зависит от того, что сохраняет ваш сайт. Например, поле cartHasItems с оператором «равно» и значением true покажет форму, если в корзине есть товары. Поле userSegment с оператором «не пусто» покажет форму, если значение сегмента вообще записано.

Важно

Операторы «пусто» и «не пусто» не требуют заполнения поля «Значение».

Поле в cookie

Проверяет значение cookie. Например, помогает понять, видел ли посетитель форму или уже отправлял её.

Название поля вводится вручную и зависит от того, какие cookie использует ваш сайт или сама форма. Например, поле __sendsay_forms_count_form-account-form1 с оператором «не пусто» проверяет, что посетитель уже видел форму, а поле __sendsay_forms_submit_form-account-form1 с оператором «пусто» — что он ещё не отправлял её.

Так можно настроить сценарий «посетитель видел форму, но не подписался»: значение первого поля не пустое, второго — пустое.

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

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

Важно

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

Читайте также:
Как получать и сохранять данные через API форм
Интеграция с Tilda