Ваш промокод mojWPAds на плагин рекламы для WordPress >>

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

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

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

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

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

клик для увеличения

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

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

клик для увеличения

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

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

клик для увеличения

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

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

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

Привет. Меня зовут Виталик.

Я автор этого блога, а так же Магазина WordPress https://wp-r.ru/ и ридера блогов вебмастеров и SEO-специалистов WMSN.ru


Задавай вопросы вебмастерам и общайся в канале Телеграм Трибуна. Там можно пообщаться со мной почти ежедневно.

Опубликовано 13 комментариев
  1. Иван Добылёв says:
    https://neveroiatnye-istorii.ru/

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

    • Виталий says:
      http://mojWP.ru/

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

  2. Илья says:

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

  3. Марат says:
    http://free-pc.ru/

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

    • Виталий says:
      http://mojWP.ru/

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

      • Марат says:
        http://free-pc.ru/

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

  4. Марат says:
    http://free-pc.ru/

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

  5. Евгений says:
    http://autobryansk.info/

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

  6. Александр says:

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

  7. Илья says:

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

  8. Макс says:

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

  9. Ольга says:

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

  10. Ольга says:

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

Не держи в себе. Выскажись.

Ваш e-mail не будет опубликован. Обязательные поля помечены *

© 2011-2018 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 14.27MB | MySQL:127 | 0,479sec
Лучшие плагины для сайта WordPress
Магазин WordPress WP-R.ru
Я понял, не показывай больше.
Смотри мои обучающие видео на YouTube
Сайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookieСайт использует cookie
Друг, не уходи!