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

Создание 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

Чтобы добавить изображение, перетащите блок Изображение на холст. Загрузите файл, выберите стоковое фото (Больше изображенийСтоковые фото) или вставьте URL-адрес изображения из вашего Хранилища медиа.

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

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 = Повысить выносливость и workout_frequency = 3–4 раза в неделю.

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

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

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

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

Используйте его как триггер в Customer Journey для запуска приветственных серий, последующих цепочек и другой автоматизации. Например, вы можете создать Journey, который отправляет приветственное email-сообщение сразу после того, как пользователь отправит форму фитнес-опроса, а затем, через 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 с опциями меню действий для редактирования и удаления страницы