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

Определяемся с наполнением формы

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

Находим из предложенных вариантов нужную форму, нажимаем “Выбрать”.

После выбора шаблона укажите сайт:

Адаптируем шаблон под сайт

В разделе «Попап» нажмите «Изменить», затем — «Редактировать»:

Далее мы попадаем в “Редактирование шаблона”.

В этом меню можно пройтись по всем вкладкам справа.

1. Все тексты - если в тексте нужен перенос строки, используйте тег в поле ввода на месте переноса <br>;
2. Картинки и иконки;
3. Далее настраиваем “Отступы” для мобильных устройств и десктопа;
4. Политика конфиденциальности:
   найдите на сайте клиента эту страницу и скопируйте на нее ссылку. Эту настройку не рекомендуем отключать, так как по законодательству России такая ссылка должна быть в формах сбора данных.
5. Поля ввода данных;
6. Далее настраиваем размеры для мобильных устройств, десктопа и размеры шрифтов;
7. Рамки и границы формы;
8. Скрытие элементов формы;
9. Цвета формы:
   выберите подходящие цвета. Рекомендуем для подбора цвета использовать расширение для браузера Eye Dropper или использовать номер цвета с брендбука компании.
10. Шрифты: общие настройки - здесь вы можете выбрать шрифт из предложенных или использовать свой с сайта - тут есть подробная инструкция как добавить шрифт с сайта. Шрифт формы из списка предложенных будет сразу отображаться в превью и на сайте.

Настройка для мобильных устройств и планшета

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

Таргетинг

Собирать емайлы нужно только у клиентов, которые адрес почты нам еще не предоставили. Для этого создаем сегмент клиентов с заполненными емайл и выбираем "НЕ показывать форму" по этому сегменту (создание сегмента описано по ссылке).

Действия после заполнения формы пользователем

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

Вы можете:

1. Создать нового клиента
2. Редактировать существующего

Для создания или редактирования клиента нужно указать тип данных (например, email) и заполнить "Поле формы".

При создании нового клиента можно подписать его на рассылки (нужно выбрать "Канал" и "Тематику").

Подробнее о создании клиента из попапа можно прочитать в статье.