mojwp.ru
Назад

Как в Contact Form 7 вывести чекбокс согласия обработки персональных данных

Опубликовано: 30.06.2017
13
678

Все в курсе последних требований в области обработки персональных данных. Если у вас сайт на WordPress и используете Contact Form 7 (далее CF7), то статья для вас.

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

Пример с сайта https://wp-r.ru

Внимание! Я выпустил новую тему Romb для ваших статейников и блогов. Максимально быстрая по Google PageSpeed и максимальная оптимизация под SEO.

Как в Contact Form 7 вывести чекбокс согласия обработки персональных данных
клик для увеличения

В самом CF7 заходим в редактор ваших форм, открываем нужную форму и добавляем вот такое:

Как в Contact Form 7 вывести чекбокс согласия обработки персональных данных
клик для увеличения

Т.е. создаем новый элемент «Принятие» (Acceptance) и задаем ему параметр «включен по умолчанию»:

Как в Contact Form 7 вывести чекбокс согласия обработки персональных данных
клик для увеличения

Далее все это оборачиваем в label и пишем свой текст, попутно вставляя ссылку на политику конфиденциальности и прочее.

В результате: галочка включена по умолчанию, но если ее отключат — отправить форму не смогут. Это нам и нужно, чтобы всякие «госвколесапалкивставлятели» не дали штраф.

Скорее всего понадобится поправить стили этого чекбокса и текста. Тут уже все индивидуально для каждого сайта.

Как в Contact Form 7 вывести чекбокс согласия обработки персональных данных
5 (100%) 2 голос.

Давай, оцени статью!

Автор:
Виталий
Поделиться
Комментарии:
  • Иван Добылёв
    Опубликовано: 02.07.2017 Ответить на сообщение

    Даёте гарантию, что после этого шаблон не скособочится (как обычно после ваших чудо-кодов)?

    • Виталий
      Опубликовано: 02.07.2017 Ответить на сообщение

      Здесь используется стандартный функционал плагина. Вы ничего не вносите нового, чтобы вам «скособочило».
      Если не нравятся мои «чудо-коды» — зачем тогда их используете?

  • Илья
    Опубликовано: 10.07.2017 Ответить на сообщение

    Спасибо большое за статью!

  • Марат
    Опубликовано: 27.07.2017 Ответить на сообщение

    Здравствуй Виталий! А зачем оборачивать данный код в ‘Label’ и почему нельзя использовать кнопку ‘Чекбокс’?

    • Виталий
      Опубликовано: 31.07.2017 Ответить на сообщение

      Label не обязательное. Указал для примера.
      Обычный чекбокс не будет иметь связи с кнопкой отправить.

      • Марат
        Опубликовано: 04.08.2017 Ответить на сообщение

        Спасибо. В опциях «Принятие» (Acceptance) вроде есть опция когда только после включения чекбокса становится активной кнопка «Отправить». Не пойму как это включить.

  • Марат
    Опубликовано: 09.09.2017 Ответить на сообщение

    Я воспользовался услугами сайта 152фз.рф.
    За 490р установил виджет и мне его настроила тех.поддержка сайта.
    + еще дали промокод на 50% скидку.
    Теперь еще вот не знаю рассылку нужно или нет переводить на российский хостинг. Она у меня на MailChimp.

  • Евгений
    Опубликовано: 04.11.2017 Ответить на сообщение

    А в форум комментариев как внести кнопку такую? В связи с последними событиями по тому, что я как владелец сайта являюсь сборщиком перс….. ведь в комментах пользователи оставляют свой е майл, просто делал сайт женщине, она беспокоится за штрафы, пришлось вообще на всех страницах отключить комментарии

  • Александр
    Опубликовано: 21.11.2017 Ответить на сообщение

    Я скачал плагин Buy one click для Woocommerce, и, в отличие от самого Woocommerce, там не предусмотрен чек-бокс приятия. Если я сделаю, как Вы советуете в данной статье, появится ли чекбокс в форме отправки персданных плагина, или нет?

  • Илья
    Опубликовано: 22.11.2017 Ответить на сообщение

    Супер, спасибо! Но мне кажется не надо ставить галочку уже по умолчанию, потому что согласие дали как бы ВЫ, а не пользователь. Пусть сам ставит эту галочку в форме

  • Макс
    Опубликовано: 14.03.2018 Ответить на сообщение

    У Вас в примере галочка ставится слева от текста, а у меня выходит сверху над текстом, не знаете как поправить?

  • Ольга
    Опубликовано: 02.04.2018 Ответить на сообщение

    Не подскажете, как сделать, чтобы виден был не стандартный чекбокс, а кастомный? Я сделала через псевдоэлементы тега label. Пока верстка была не на wordpress, все было красиво. На CMS подключила плагин CF7, а он отказывается рисовать псевдоэлементы: в инспекторе отсутствуют у label ::after и ::before, хотя классы тегам прописаны и в файле стилей все есть.

  • Ольга
    Опубликовано: 02.04.2018 Ответить на сообщение

    Решение нашла сама…

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.