Как создать форму обратной связи на блоге в соответствии с 152-ФЗ «О персональных данных»

  Автор:
  14141
Форма обратной связи блога для соблюдения закона № 152-ФЗ "О персональных данных"

Сегодня много говорят о законе об обработке персональных данных № 152-ФЗ «О персональных данных», пугают большими штрафами и нагоняют ужаса в интернет. В этой статье я не буду разбирать сам закон, это вы можете почитать в интернет. Мы разберем технический момент, как оформить контактную форму в соответствии с законом.

В шаблоне AB-Inspiration есть встроенная форма обратной связи, в шаблоне страницы «Контакты».  К сожалению мы уже не можем использовать данную страницу, и в ближайшем будущем я удалю ее из шаблона.

Вместо встроенной страницы «Контакты» мы будем использовать «Contact Form 7». Это отличный плагин для создания различных форм, в том числе и формы обратной связи.

Это руководство подходит для всех сайтов созданных на WordPress, не важно пользуетесь вы шаблоном AB-Inspiration или нет.

Установка плагина Contact Form 7

Итак, первое, что нужно сделать, это установить и активировать плагин «Contact From 7» (если он у вас еще не установлен)

  1. В админке зайдите в раздел «Плагины» — «Добавить новый»
  2. В поле поиска введите запрос «Contact From 7»
  3. В списке плагинов найдите плагин с названием «Contact Form 7» автор Takayuki Miyoshi  (https://ru.wordpress.org/plugins/contact-form-7/)
  4. Нажмите Установить
  5. Затем нажмите Активировать

Установка контактной формы на страницу Контакты

Теперь нам нужно установить контактную форму на страницу Контакты. При установке и активации плагина у вас уже создается одна контактная форма. Ее мы и будем использовать.

Чтобы установить форму, нам нужно скопировать шорткод формы. Для этого:

  1. перейдите в раздел Contact from 7 — Формы
  2. Скопируйте шорткод формы

3. Перейдите в раздел «Страницы» — «Добавить новую»

4. Напишите название страницы

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

6. Нажмите на кнопку «Опубликовать»

Теперь у нас есть форма обратной связи на странице.  До и после шорткода вы можете добавить текст.

Как добавить галочку политики конфиденциальности

Следующим шагом необходимо добавить к форме галочку согласие с политикой конфиденциальности и обработки персональных данных.

Для этого нам необходимо отредактировать форму.

1. Перейдите в раздел «Contact from 7» — «Формы»

2. Откройте форму для редактирования

3. В коде, перед кнопкой «Отправить» поставьте мышку и нажмите на кнопку «checkboxes»

4. Отметьте галочкой «Required», чтобы поле было обязательным

5. пропишите латинскими буквами название поля, например politika

6. В поле пропишите текст-согласие (Например, Согласен (-на) с политикой конфиденциальности и обработки персональных данных. Или Нажимая на кнопку ясогласен (-на) с условиями Соглашения.)

7. Нажмите на кнопку «Insert tag»

8. Нажмите на кнопку «Сохранить»

Откройте страницу  с формой. Перед кнопкой Отправить должен появится чекбокс с текстом.

 

Ссылка на страницу политики обработки данных

Еще один важный момент. Перед кнопкой отправить должна быть ссылка на саму страницу, где описывается политика конфиденциальности и обработки персональных данных. Процесс будет состоять из 3-х этапов.

1. Создать страницу «Политика конфиденциальности и обработки персональных данных»

Такую страницу необходимо заранее создать. Примеры текста для такой страницы вы можете найти в интернет и переделать под себя.

После того, как вы создадите такую страницу, скопируйте ее адрес.

2. Сформировать код ссылки

Далее нам нужно будет сформировать код ссылки и вставить в форму.

Если вы не знаете HTML, то для формирования ссылки можете воспользоваться редактором записей.

1. Страницы  — Добавить новую

2. В поле для текста напишите, например: «Соглашение»

3. Выделите это слово и сделайте его ссылкой с помощью кнопки редактора (как обычно, при создании статьи или страницы)

4. Перейдите во вкладку Текст

5. скопируйте код

 

3. Вставить код ссылки в форму

Теперь нужно вставить этот код перед кнопкой Отправить.

1. Перейдите в раздел «Contact from 7» — «Формы»

2. Откройте форму для редактирования

3. Перед кнопкой вставьте скопированный код

4. Нажмите на кнопку «Сохранить»

 

Откройте страницу с формой и перед кнопкой «Отправить» вы увидите ссылку на страницу с политикой конфиденциальности.

Все, теперь ваша страница с контактной формой соответствует закону, можете ее протестировать.

Если у вас остались вопросы по теме, не стесняйтесь, пишите в комментариях. Буду рада ответить.

P.S. Если вы пользователь шаблона AB-Inspiration, то Вам нужно также Политику конфиденциальности и обработки персональных данных в формах подписки в боковой колонке и в конце статьи. Как сделать смотрите в статье : Что нужно сделать после обновления шаблона AB-Inspiration 7-й версии.

 

 

Как создать форму обратной связи на блоге в соответствии с 152-ФЗ «О персональных данных»

   7 голосов
Средняя оценка: 5 из 5
Вы находите данную статью полезной или интересной? Поделитесь ею, пожалуйста, с другими - просто нажмите на кнопки ниже:

Анфиса Бреус

Анфиса Бреус - разработчик сайтов на Wordpress с 2007 года. Создатель и разработчик универсального шаблона - конструктора "AB-Inspiration" для самостоятельного создания и профессиональной настройки сайтов на WordPress. Основатель клуба "Мастер WordPress". Спикер. Путешественница.

Пошаговый План По Созданию Бизнес-Блога На WordPress
Оставьте свой комментарий:
39 комментариев
  1. Екатерина

    Огромное спасибо, за подробную инструкцию.

  2. Здравствуйте, Анфиса!
    Большое спасибо за своевременную статью, очень полезная и подробная!
    Но вот интересно, надо регистрироваться в Роскомстате? Или будет достаточно ссылки на страницу конфиденциальности?

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

  4. Благодарю, Анфиса! *THUMBS UP*
    Не стал удалять страницу контакты, а просто изменил её на базовый шаблон, далее проделал как вы описали. И вуа-ля! *DANCE*

  5. Анфиса! Спасибо большое! Благодаря Вашим подробным объяснениям, страницу » контакты » создала и даже ссылки на согласие на получение рассылки и на конфиденциальность там активные! А вот саму страницу Контакты у меня пока в верхнем меню не видно. Пойду дальше разбираться.

  6. Анфиса! Страница «Контакты» теперь у меня в полном порядке! Большое Вам спасибо! Ваши уроки замечательные!

  7. viktor

    Спасибо за полезную информацию. И подробную инструкцию

  8. Здравствуйте, Анфиса!
    Спасибо Вам большое за постоянную поддержку, за надежность и долгосрочные отношения, за внимание и заботу о своих клиентах — о людях и их деле, что в современном мире особенно важно! Да, мир и технологии меняются очень быстро и не всегда самим эти изменения можно узнать и вовремя применить. Нужны такие профессионалы, как Вы.
    За последнее время пришло много информации об изменениях, которые нужно применить для улучшения качества работы блогов и сайтов. Могу ли я обратиться в Вашу группу технической поддержки за помощью по этим изменениям?
    С уважением и благодарностью, Елена Лобова.

    • Елена, да конечно, вы можете обратиться в поддержку. У вас старый шаблоне. Конечно нужно обновить, очень много изменений, особенно с социальными сетями, они постоянно меняются. Для консультации обращайтесь по скайпу: mlmproekt.ru с понедельника по пятницу с 14-18 по мск.

  9. Благодарю, все понятно и доступно. Но почему то не видно ее в меню…не прикрепляется

  10. Спасибо большое, Анфиса, очень актуальная в настоящее время информация. Думаю, многие вам благодарны! *IN LOVE*

  11. Анфиса, спасибо) Как всегда все очень подробно и точно. Я уже давно думала над этим вопросом, но так и не нашла ответ, просто убрала все контактные формы с блога. А теперь могу восстановить все в правильной форме.

  12. Анфиса! А когда посетители сайта оставляют комментарии, они ведь тоже оставляют свои контактные данные — нужно ли там добавлять ссылку на «Политику конфиденциальности»?

  13. Анфиса, огромное спасибо за заботу и подробную инструкцию! Все сделала за пять минут. *IN LOVE*

  14. Анфиса, нужно ли соглашение для блогеров, не являющимися резидентами России? А так же создавать страницу «Политика конфиденциальности и обработки персональных данных»?

  15. Анфиса, а вы заполняли форму уведомления в РКН?
    У меня такой же обычный блог как у Вас, и я без ящика водки не разберусь, как именно её заполнить. Может, можно на это и подзабить?

    • Регистрация по шагам, которые мы проделали.
      1. http://rkn.gov.ru/ (найдите свой регион надзора)
      2. направление деятельности
      3. персональные данные
      4. формирование документов
      5. пример заполнения уведомления для ИП (если ты ООО , то для Юриц лиц)
      6. скачиваете, знакомитесь, если непонятно звоните по телефону им и консультируетесь (адрес, телефон найдете через поиск на сайте по своему региону)
      7. отправляете на электронную их почту, снова перезваниваете
      8. они принимают формально
      9. Идете на почту, заказным письмо отправляете с личной подписью это заявление (желательно заказное с описью того что отправляете. и сохраните квитанцию оплаты)
      10. Ждете месяц, когда вас зарегистрируют:)

  16. Не перестаю радоваться, что перешла на шаблон AB-Inspiration! Можно сказать, что мы всегда в тренде — стоит появиться каким-то новшествам, Анфиса тут же из внедряет. Большое спасибо за такую заботу о клиентах ! Все получилось и все отлично работает!

  17. Алексей

    Перед тем как попасть на этот сайт, я сидел на одном форуме вебмастеров и читал тему, которая как раз посвящена новому закону о персональных данных. Там вебмастера обсуждали мол, что делать? :-D А я пошёл в поиск, чтобы как раз узнать про то как к форме приделать эту злополучную галочку и попал на этот сайт, где во всех подробностях описывается сиё действо. Инструкция как раз для таких чудаков-гуманитариев как я, то есть всё разложено по полочкам, разжевано и в рот положено. Благодарю автора сей инструкции.

  18. Денис

    А я для форм вордпресса такой плагин использую https://ru.wordpress.org/plugins/ucalc/ у них там 152-ФЗ функционал уже входит https://prnt.sc/gi4y26

  19. А в форму комментариев как вставить? Там же тоже пользователь е майл свой вводит? А то поубирал на всех страницах сайта комментирование, а без него как то не так. Или тут совсем другое дело и можно

    • Евгений, для этого необходимо править шаблон. Либо файл comments.php если он есть, либо в файле functions.php добавить функцию со вставкой текста с ссылкой.

  20. Спасибо за это отличное решение по вставке чекбокса соглашения в мега популярный плагин контактой формы ;)
    Думал, что придётся в коде что-то искать и править, а оказалось всё куда проще :-)

  21. Анфиса большое спасибо за вашу информацию и подсказку. У меня вопрос мой сайт на Word Press. Сделала как указано в статье 1. Создать страницу «Политика конфиденциальности и обработки персональных данных»
    Такую страницу необходимо заранее создать. Примеры текста для такой страницы вы можете найти в интернет и переделать под себя.
    После того, как вы создадите такую страницу, скопируйте её адрес.
    А так же создать страничку соглашения, где установить ссылку на страницу «Политика конфиденциальности и обработки персональных данных»
    Вопрос после создания страниц, публиковать нужно или нет. Я опубликовала и в меню у меня появились эти странички. Которые повлияли на внешний вид шапки сайта.
    И ещё для тестирования я нажимаю на соглашение, чтобы посмотреть Политика конфиденциальности на эту страничку я не попадаю, а показывает на ошибку. Может я, что то сделала не правильно. Если не трудно подскажите, пожалуйста. С благодарностью Валентина.

    • Валентина, публиковать нужно. Вы все правильно сделали. Чтобы убрать из меню, нужно создать произвольное меню(если ваш шаблон поддерживает этот функционал). Подробно про создание произвольного меню можно почитать здесь: https://anfisabreus.ru/2014/11/kak-formirovat-proizvolnoe-menyu-na-bloge-na-vordpress/ . Если не поддерживает, нужно редактировать шаблон и вносить данную функцию. Проверить очень просто. Зайдите в раздел Внешний вид — Меню. Если шаблон поддерживает создание произвольного меню, там будет предложено придумать название и затем выбрать какие страницы отображать в меню. Если не поддерживает нужно либо редактировать шаблон (лучше обратиться к специалисту), либо поменять шаблон на более современный, например шаблон AB-Inspiration. Сейчас скидка на шаблон 60% до 31 мая https://wpplaza.ru/shop/mlm-blog-24/. За бесплатной консультацией обращайтесь по скайпу: mlmproekt.ru

  22. Анфиса, а как такую форму сделать в комментариях? Как добавить в комментариях согласие на политику обработки персональных данных?

    • Ирина, в шаблоне AB-inspiration уже встроена строка под комментариями о политике. Текст всплывает в окне. Сам текст можно отредактировать в разделе Внешний вид — Настройки шаблона — Вставки

      • Спасибо, Анфиса! Я уже увидела. Недавно обновила Вордпресс, теперь они предлагают добавить страницу Конфиденциальность и даже дают пример страницы. Достаточно ли того образца политики конфиденциальности, который предлагали Вы, или для ЕС надо еще что-то корректировать?

  23. Анфиса, здравствуйте!
    У меня чекбокс появился перед формой контакты. Как его перенести и поставить перед кнопкой отправить? Это про согласие с политикой конфиденциальности.

  24. Здравствуйте, Анфиса.
    Создала страницу с Политикой конфиденциальных данных…все по вашей Инструкции.
    Решила сменить свою старую форму Обратная связь (я создавала ее сама и она у меня отлично работает) на Форму которую генерирует плагин Contact Form7. Все нормально настроила, но в процессе теста мне вышла вот такая информация:
    «При отправке сообщения произошла ошибка. Пожалуйста, попробуйте ещё раз позже.»
    Что мне сделать, чтобы Форма заработала?
    На двух других моих доменах точно такая же форма отлично работает, но там сайты работают на другом тоже платном шаблоне (теме). =)

  25. Алексей

    Спасибо, очень все доходчиво написали. Поставил контактную форму у себя с политикой конфиденциальности. Теперь все чики-пуки :-D :-D :-D

  26. Арсен

    Форма работала) все сделал по инструкции) теперь не работает и выдает ошибку! «Ошибка. Попробуйте еще раз.» все вернул как было снова не работает выдает ошибку(

  27. Анфиса ,здравствуйте,подскажите а как сделать что бы нажав кнопку отправить в анкете ,человек попадал на другую страницу?Это нужно что бы отследить конверсии

на Блоге
в Фейсбук
в Вконтакте