# Создание Cloud Page

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

## Перед началом работы

- Cloud Pages доступны по запросу. Свяжитесь со [службой поддержки Pushwoosh](https://help.pushwoosh.com/hc/en-us/requests/new), чтобы включить их для вашего проекта.
- Решите, куда перенаправлять пользователей после основного действия на странице, например, на страницу благодарности, страницу с результатами или любой другой URL.

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

1. Перейдите в **Контент** → **Cloud Pages**.
2. Нажмите **Создать cloud page**.

<img src="/cloud-pages-create-and-publish-a-cloud-page-1.webp" alt="Список Cloud Pages с кнопкой «Создать cloud page» и опциями меню действий страницы"/>

3. Введите название страницы.
4. Добавьте URL в поле **Перенаправить на (после отправки формы)**. Это поле является обязательным. Используйте его, чтобы определить, куда пользователи перейдут после выполнения действия на странице, например, на страницу благодарности или другую страницу кампании.

<img src="/cloud-pages-create-and-publish-a-cloud-page-2.webp" alt="Форма настроек Cloud Page с полем для названия страницы и полем URL для «Перенаправить на (после отправки формы)»"/>

5. В поле **Для существующего пользователя** выберите, что произойдет, когда существующий контакт снова отправит форму:
   - **Обновить существующего пользователя** (по умолчанию): обновляет поля профиля контакта отправленными значениями.
   - **Пропустить существующего пользователя**: регистрирует устройство, с которого пользователь отправляет форму, но не обновляет существующие теги в профиле контакта.
   - **Ошибка для существующего пользователя**: для одноразовых регистраций, таких как эксклюзивные предложения или вебинары. Если контакт уже существует, отправка отклоняется, профиль не обновляется, а пользователь перенаправляется обратно на форму и видит сообщение об ошибке.

<img src="/cloud-pages-create-and-publish-a-cloud-page-10.webp" alt="Панель настроек Cloud Page с выпадающим меню «Для существующего пользователя», показывающим опции «Обновить существующего пользователя», «Пропустить существующего пользователя» и «Ошибка для существующего пользователя»"/>

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

Процесс drag-and-drop похож на [редактор Drag & drop](/ru/product/content/email-content/drag-and-drop-email-editor/).

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

<img src="/cloud-pages-create-and-publish-a-cloud-page-3.webp" alt="Редактор Cloud Page с панелью блоков контента и макетом формы на холсте"/>

### Добавление изображений

Чтобы добавить изображение, перетащите блок **Изображение** на холст. Загрузите файл, выберите стоковое фото (**Больше изображений** → **Стоковые фото**) или вставьте URL изображения из вашего [хранилища медиафайлов](/ru/product/content/media-store/).

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

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

<img src="/cloud-pages-create-and-publish-a-cloud-page-9.webp" alt="Настройки формы Cloud Page, показывающие включенный переключатель «Обязательное поле» для одного из полей формы в редакторе"/>

3. Настройте **кнопку отправки**.
4. Когда все будет готово, нажмите **Сохранить cloud page**.

<img src="/cloud-pages-create-and-publish-a-cloud-page-4.webp" alt="Пример формы Cloud Page с настроенными полями для email и телефона в редакторе"/>

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

<Aside type="note">
Описанный ниже процесс относится к случаю, когда новый контакт отправляет форму. Для существующих контактов результат зависит от настройки страницы **Для существующего пользователя**.
</Aside>

##### Профиль контакта и устройства

Когда пользователь отправляет форму, Pushwoosh создает или обновляет профиль контакта в [User Explorer](/ru/product/audience-data-and-segmentation/user-explorer/).

Например, если форма содержит поле для email и поле для телефона, Pushwoosh регистрирует одно устройство Email и одно устройство SMS. Оба устройства связаны под одним [User ID](/ru/product/pushwoosh-knowledge-hub/users-userids/).
<img src="/cloud-pages-create-and-publish-a-cloud-page-6.webp" alt="Профиль контакта в User Explorer, показывающий устройства Email и SMS, зарегистрированные после отправки формы"/>

##### Теги

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

Код страницы сохраняется в теге `PW_CloudPageCode`.
<img src="/cloud-pages-create-and-publish-a-cloud-page-8.webp" alt="Профиль контакта в User Explorer, показывающий кастомные теги, сохраненные после отправки формы"/>

##### Событие

Pushwoosh вызывает событие `PW_FormSubmitted` при каждой отправке формы. Вы можете увидеть его на вкладке **История событий** в профиле контакта в [User Explorer](/ru/product/audience-data-and-segmentation/user-explorer/). Событие включает атрибут `form_code`, который идентифицирует, с какой Cloud Page пришла отправка, и временную метку, когда это произошло.

<img src="/cloud-pages-create-and-publish-a-cloud-page-5.webp" alt="Результат отправки формы, показывающий успешный сбор данных и процесс перенаправления после отправки"/>

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

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

После сохранения страница становится общедоступной по своему URL. Формат по умолчанию: `https://cloud-pages.svc-nue.pushwoosh.com/cloud-pages/v1/page/<page-code>`.
<Aside type="note">
Если вы запросили настройку кастомного домена через [службу поддержки Pushwoosh](https://help.pushwoosh.com/hc/en-us/requests/new) и настройка завершена, будет использоваться URL вашего домена: `https://domain.com/{slug}`.
</Aside>

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

<Aside type="note">
Тестовые отправки создают реальные профили контактов в Pushwoosh.
</Aside> 
4. Убедитесь, что перенаправление открывает ожидаемую страницу.
5. Откройте [User Explorer](/ru/product/audience-data-and-segmentation/user-explorer/) и убедитесь, что отправленные данные пользователя и теги отображаются.

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

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

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

<img src="/cloud-pages-create-and-publish-a-cloud-page-7.webp" alt="Список Cloud Pages с опциями меню действий страницы для редактирования и удаления"/>