Перейти к содержанию

Создание Cloud Page

Используйте это руководство для создания и публикации Cloud Page.

Перед началом

Anchor link to
  • Cloud Pages доступны по запросу. Свяжитесь со службой поддержки Pushwoosh, чтобы включить их для вашего проекта.
  • Решите, куда перенаправлять пользователей после основного действия на странице, например, на страницу благодарности, страницу с результатами или любой другой URL.

Создание страницы

Anchor link to
  1. Перейдите в КонтентCloud Pages.
  2. Нажмите Создать cloud page.
Список Cloud Pages с кнопкой «Создать cloud page» и опциями меню действий страницы
  1. Введите название страницы.
  2. Добавьте URL в поле Перенаправить на (после отправки формы). Это поле является обязательным. Используйте его, чтобы определить, куда пользователи перейдут после выполнения действия на странице, например, на страницу благодарности или другую страницу кампании.
Форма настроек Cloud Page с полем для названия страницы и полем URL для перенаправления после отправки формы
  1. В разделе Для существующего пользователя выберите, что произойдет, когда существующий контакт снова отправит форму:
    • Обновить существующего пользователя (по умолчанию): обновляет поля профиля контакта отправленными значениями.
    • Пропустить существующего пользователя: регистрирует устройство, с которого пользователь отправляет форму, но не обновляет существующие теги в профиле контакта.
    • Ошибка для существующего пользователя: для одноразовых регистраций, таких как эксклюзивные предложения или вебинары. Если контакт уже существует, отправка отклоняется, профиль не обновляется, а пользователь перенаправляется обратно на форму и видит сообщение об ошибке.
Панель настроек Cloud Page с выпадающим списком «Для существующего пользователя», показывающим опции «Обновить существующего пользователя», «Пропустить существующего пользователя» и «Ошибка для существующего пользователя»

Создание контента страницы

Anchor link to

Процесс drag-and-drop аналогичен редактору email-сообщений Drag & Drop.

  1. Откройте панель Контент в редакторе.
  2. Перетащите блок на холст.
  3. Отредактируйте содержимое блока.
  4. Повторите для каждого необходимого блока.
  5. Нажмите Сохранить cloud page.
Редактор Cloud Page с панелью блоков контента и макетом формы на холсте

Создание формы для сбора лидов или данных

Anchor link to

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

  1. Добавьте блок Форма.
  2. Добавьте необходимые поля. Для каждого поля установите тип и название, затем включите Обязательное поле для значений, которые пользователи должны предоставить перед отправкой.
Настройки формы Cloud Page, показывающие включенный переключатель «Обязательное поле» для одного из полей формы в редакторе
  1. Настройте кнопку «Отправить».
  2. Когда все будет готово, нажмите Сохранить cloud page.
Пример формы Cloud Page с настроенными полями email и телефона в редакторе

Что происходит после отправки формы

Anchor link to
Профиль контакта и устройства
Anchor link to

Когда пользователь отправляет форму, Pushwoosh создает или обновляет профиль контакта в User Explorer.

Например, если форма включает поле email и поле телефона, Pushwoosh регистрирует одно устройство Email и одно устройство SMS. Оба устройства связаны под одним User ID.

Профиль контакта в User Explorer, показывающий устройства Email и SMS, зарегистрированные после отправки формы

Все остальные поля сохраняются как кастомные теги по названию поля. Например, если в вашей форме есть поля fitness_goal и workout_frequency, в профиле контакта появятся теги, такие как fitness_goal = Boost endurance и workout_frequency = 3–4x a week.

Код страницы сохраняется в теге PW_CloudPageCode.

Профиль контакта в User Explorer, показывающий кастомные теги, сохраненные после отправки формы
Событие
Anchor link to

Pushwoosh вызывает событие PW_FormSubmitted при каждой отправке формы. Вы можете увидеть его на вкладке История событий в профиле контакта в User Explorer. Событие включает атрибут form_code, который идентифицирует, с какой Cloud Page пришла отправка, и временную метку, когда это произошло.

Результат отправки формы, показывающий успешный сбор данных и процесс перенаправления после отправки

Используйте его как триггер в Customer Journey для запуска приветственных серий, последующих цепочек и другой автоматизации. Например, вы можете создать Journey, который отправляет приветственное письмо сразу после того, как пользователь отправит форму фитнес-опроса, а затем через 24 часа отправляет персонализированный план тренировок.

Тестирование страницы

Anchor link to

После сохранения страница становится общедоступной по своему URL. Формат по умолчанию: https://cloud-pages.svc-nue.pushwoosh.com/cloud-pages/v1/page/<page-code>.

  1. В списке страниц откройте меню действий страницы и нажмите Предпросмотр.
  2. Убедитесь, что содержимое страницы загружается корректно и отображается так, как ожидалось.
  3. Если ваша страница содержит форму, заполните ее тестовыми данными и нажмите кнопку отправки.
  1. Убедитесь, что перенаправление открывает ожидаемую страницу.
  2. Откройте User Explorer и убедитесь, что отправленные данные пользователя и теги отображаются.

Редактирование или удаление страницы

Anchor link to

Все Cloud Pages перечислены в КонтентCloud Pages, где вы можете управлять ими и редактировать их.

  1. Перейдите в КонтентCloud Pages.
  2. Откройте меню действий страницы.
  3. Нажмите Редактировать или Удалить страницу.
Список Cloud Pages с опциями меню действий страницы для редактирования и удаления страницы