Создание и встраивание формы подписки

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

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

Чтобы создать новую форму подписки:

Перейдите в Аудитория → Формы подписки.
Нажмите Создать форму.

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

Настройка общих параметров

Настройте следующие поля.

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

Внутреннее название формы: используется только внутри Pushwoosh, подписчикам не отображается. Пример: «Подписка на рассылку».
Тип отображения: выберите, как форма будет отображаться на вашем сайте:
- Модальное окно: всплывающее окно, которое появляется поверх страницы при срабатывании установленного вами триггера, например, немедленно или через несколько секунд (см. Настройка времени появления модального окна). Подходит для подписки на рассылку или рекламных предложений, которые вы хотите, чтобы посетители заметили.
- Встроенная форма: форма размещается внутри контента вашей страницы (например, в боковой панели или в конце статьи). Посетители видят ее как часть макета страницы, а не как отдельное всплывающее окно.
URL политики конфиденциальности: в форме отображается флажок согласия («Я согласен с Политикой конфиденциальности»), который ссылается на этот URL. Пример: https://example.com/policy.

Настройка времени появления модального окна

Только для модального окна:

Определите, когда всплывающее окно появится на странице. В выпадающем списке Триггер выберите:

Немедленно (по умолчанию)
Через 3 секунды
Через 5 секунд
Через 10 секунд

В выпадающем списке Частота выберите, как часто каждый посетитель будет видеть всплывающее окно:

Один раз на посетителя (по умолчанию): один раз на устройство
Один раз за сессию: один раз за сеанс браузера
Всегда: при каждом посещении страницы

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

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

Нажмите + Имя, + Фамилия, + Номер телефона или + Пользовательское поле, чтобы добавить их.

Для каждого поля установите флажок Обязательное, если посетитель должен его заполнить (обязательные поля отмечены звездочкой *). Используйте значок корзины для удаления поля.

Создание пользовательского поля

Нажмите + Пользовательское поле в списке полей.
В разделе Связанный тег выберите тег Pushwoosh, в котором будет храниться значение, отправленное из этого поля (например, birthday). Тег необходимо создать заранее.
Установите Метка поля: текст, который посетители видят рядом с полем ввода (например, Дата рождения).
При желании установите Плейсхолдер (необязательно): подсказывающий текст внутри пустого поля (например, ДД.ММ.ГГГГ).
Включите или выключите опцию Обязательное.

Предпросмотр и сохранение формы

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

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

Скопируйте код для встраивания и добавьте его на свой сайт

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

Куда вставить код для встраивания на вашем сайте

Добавьте скрипт в HTML-код страницы, где он должен выполняться.

Для модального окна обычный подход — разместить скрипт перед закрывающим тегом </body>.
Для встроенной формы разместите фрагмент кода именно в том месте вашей разметки, где вы хотите, чтобы появился блок формы.

Как разные типы отображения выглядят на вашем сайте

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

Модальное окно
Встроенная форма

Дальнейшие шаги

Включите двойное подтверждение (double opt-in), чтобы требовать подтверждение по email перед добавлением подписчиков
Настройте виджет формы подписки, чтобы он соответствовал вашему сайту
Анализируйте производительность формы и экспортируйте подписчиков, чтобы отслеживать результаты и загружать данные о подписчиках