Как добавить в форму ссылку на согласие на обработку персональных данных

При сборе персональных данных через формы на сайте важно получить явное согласие пользователя на их обработку. Это требование закона о защите данных во многих странах, включая Россию (152-ФЗ). Чтобы это сделать, можно использовать чекбокс со ссылкой на политику обработки данных. Расскажем, как это сделать.

Шаг 1: Добавьте Чекбокс в форму

Выберите вашу форму на холсте — Form → Default State (состояние по умолчанию).

Добавьте в форму элемент Checkbox из панели Элементов.

Чекбокс добавлен в форму

Шаг 2: Настройте текст Чекбокса

Удалите название поля — элемент Field Label.

Напишите в элементе Checkbox Label нужную фразу, например: «Я согласен(а) с политикой конфиденциальности». При желании стилизуйте текст (шрифт, размер).

Готово! У Чекбокса добавлен и стилизован текст.

Шаг 3: Добавьте ссылку на политику конфиденциальности

Выделите часть текста «политикой конфиденциальности».

На правой панели откроется Встроенный текст. Вставьте вашу ссылку на политику конфиденциальности.

Готово! К тексту добавлена ссылка на политику.

Шаг 4: Сделайте поле обязательным

Выберите элемент Checkbox List.

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

Шаг 5. Стилизуйте Чекбокс (опционально)

Стилизация Чекбокса в состоянии «По умолчанию»

Выберите элемент Checkbox Styled.

На вкладке Дизайн настройте размеры, радиус, границы и цвет фона.

Готово! Чекбокс в состоянии «По умолчанию» стилизован.

Стилизация Чекбокса в состоянии «Выбран»

Выберите элемент Checkbox Item и в Настройках переключите UI Состояние → Выбран.

Выберите элемент Checkbox Styled на холсте или в слоях.

На вкладке Дизайн настройте цвет границ и фона для отмеченного чекбокса. При желании замените иконку галочки (Background Image).

Готово! Чекбокс в состоянии «Выбран» стилизован.

Стилизация Чекбокса в состоянии «Ошибка»

Выберите элемент Checkbox Item и в Настройках выберите UI Состояние → Ошибка и UI Состояние → По умолчанию.

Выберите элемент Error Message, содержащий сообщение об ошибке. Его можно стилизовать или скрыть на вкладке Дизайн.

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

Готово! Чекбокс в состоянии «Ошибка» стилизован.

Шаг 8. Проверьте работу формы

Сохраните изменения, опубликуйте страницу и откройте ее в браузере.

Проверьте, что форма работает корректно:

Ссылка на политику конфиденциальности кликабельна и ведет на нужный документ.

Если галочка для согласия с политикой не поставлена, то при отправке формы у чекбокса появится указание на ошибку (сообщение или цветовая рамка), и форма не отправляется.

Если галочка поставлена, форма успешно отправляется.

Резюме

Чтобы добавить в форму ссылку на согласие на обработку персональных данных, понадобится:

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

Ссылка на политику: в тексте метки чекбокса поставить ссылку на нужной части текста.

Опция «Обязательное поле»: включить для чекбокса настройку «Поле обязательно для заполнения».