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

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

Решение — чекбокс согласия, добавленный в основное состояние формы, с текстом, внутри которого — кликабельная ссылка на страницу политики конфиденциальности сайта. Ключевой технический момент: чекбокс нужно пометить как обязательное поле — без этого статуса форма отправится и без поставленной галочки, что и делает такое согласие юридически бессмысленным. Дополнительно настраивается кастомное сообщение об ошибке, если пользователь пытается отправить форму без отметки.

→ Более широкий разбор темы согласия на обработку персональных данных — в отдельном материале: Просто скажите «Да!». Все о согласии на обработку персональных данных на сайте.

Часто задаваемые вопросы

Ответ

Почему чекбокс согласия обязательно нужно делать обязательным полем?

Без статуса «обязательное» форма отправится даже без поставленной галочки — согласие технически не будет работать, несмотря на визуальное наличие чекбокса.

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

Внутри текста подписи к самому чекбоксу — она должна быть кликабельной и вести на реально существующую страницу с политикой конфиденциальности сайта.

Каким формам обязательно нужен такой чекбокс?

Любой форме, которая собирает персональные данные — имя, телефон, email, — независимо от того, форма это заявки, подписки или обратной связи.

Что показать пользователю, если он не поставил галочку?

Кастомное сообщение об ошибке рядом с чекбоксом — оно появляется при попытке отправки формы без отметки о согласии.

Обсудить → вёрстку, кейсы, поиск клиентов и всё, что волнует дизайнера:

Комьюнити дизайнеров Taptop

Узнать → больше о современном веб-дизайне и no-code разработке:

Телеграм-канал Taptop

Посмотреть → какие проекты создают дизайнеры на Taptop:

Лучшие кириллические сайты Taptop

Вконтакте

Телеграм

Скопировать ссылку

Введение

Заголовок 1

Тайминги видео

00:00 — Зачем нужен чекбокс согласия — юридический контекст 01:00 — Добавление чекбокса в default state формы 02:00 — Структура виджета: checkbox group, list, styled, label 03:00 — Текст и ссылка на политику конфиденциальности 04:30 — Стилизация выбранного состояния (UI state: выбран) 05:30 — Обязательное поле и сообщение об ошибке 06:30 — Проверка на живом сайте

Профессиональный сайт без разработчика

Запускай быстро, управляй самостоятельно

Подробнее