X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Чекбокс – я принимаю условия пользовательского соглашения, для WordPress

Приклад
  • 2024-03-19
  • 26761 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

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

Чекбокс - я принимаю условия пользовательского соглашения

Верстая лендинги и создавая новые темы для WordPress, последнее время я часто слышу от заказчиков просьбу добавить такие чекбоксы. Если вы тоже хотите это сделать, то дальше я покажу как именно это все осуществляется.

Перед добавлением чекбоксов согласия, рекомендую создать страницу на вашем сайте и назвать ее - Пользовательское соглашение. Думаю, для вас не проблема создать страницу? 🙂 В ней добавить текст с самим соглашением и сохранить все это. В будущем, во всех чекбоксов, вы разместите ссылку на эту страницу. чтобы посетитель сайта смог ознакомится с текстом на этой странице.

Чекбокс я принимаю условия в форме комментариев

Чтобы добавить чекбокс в форму комментариев, я бы советовал использовать материал из статьи на моем сайте - Ставим Checkbox (флажок) перед отправкой комментариев WordPress. В данной статье описано как добавить чекбокс в форму комментариев WordPress. Только там этот флажок выполняет функцию антиспама. Вам же нужно просто заменить текст чекбокса на - Я принимаю условия пользовательского соглашения и согласен на обработку персональных данных, ну или подобное. При этом, можно слова пользовательского соглашения, сделать ссылкой, которая и будет вести на страницу с этим соглашением. Ну или запускать модальное окно, где будет текст пользовательского соглашения.

Готовый код нужно разместить внутри Вашей темы файл functions.php.

//Чек бокс антиспам
add_action('comment_form', 'flagok_antispam_filtra');
add_action('comment_post', 'proverka_na_flagka');
function flagok_antispam_filtra($id) {
  if (!is_user_logged_in()) :
    print '<div class="termsofuse"><input type="checkbox" name="bad_post" value="1">Я принимаю условия <a target="_blank" href="http://link.com" title="Пользовательское соглашение">пользовательского соглашения</a> и согласен на обработку персональных данных</div>';
  endif;
}
function proverka_na_flagka($id) {
  if (!is_user_logged_in()) :
    if (empty($_POST['bad_post'])) :
      $updated_status = 'trash';
      wp_set_comment_status($id, $updated_status);
      wp_die('Вы не подтвердили, что вы не соглашаетесь с пользовательским соглашением и согласны на обработку персональных данных! Вернитесь назад и пройдите антиспам контроль.');
    endif;
  endif;
}

В 6 строке кода есть та самая ссылка на пользовательское соглашение. Укажите в ней правильный путь к вашей странице с пользовательским соглашением.

Так же можете добавить стили классу termsofuse.

.termsofuse{color:#f00;}

Чекбокс я принимаю условия в форме заказа Woocommerce

Самый простой способ добавить чекбокс на страницу оформления заказа Woocommerce, воспользоваться встроенным функционалом самого Woocommerce. Для этого, вам нужно перейти в настройки Woocommerce в раздел Платежи. Там в поле - Условия соглашения, нужно выбрать страницу, ту что создали заранее.

Настройки Woocommerce

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

Условия магазина

Есть еще второй способ. С помощью плагина - Saphali Woocommerce Russian. Он дает возможность добавлять к форме произвольные поля. С его помощью, можно более точно и продвинуто настроить нужный нам чекбокс. Скачайте и установите этот плагин. Далее переходим на его страницу:

Saphali Woocommerce Russian

Далее переходите на вкладку Управление полями и в ней опускаетесь вниз блока Реквизиты оплаты, не перестарайтесь, там есть и другие блоки.

Управление полями

И в самом низу этого блока добавляем поле, нажимая на кнопку Добавить.

Добавить

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

Новое поле

Далее подробнее о строках.

  1. Первое поле - сюда добавляете текст,ссылку на пользовательское соглашение.
  2. Второе поле - можно не заполнять, это ответ, что придет вам на почту, вам не нужно знать что человек согласился, потому, что он будет вынужден согласится, чтобы продолжить оформление.
  3. Третье поле чекбокс - это, очистка поля после отправки. То бишь будет ли сниматься флажок. Тут как хотите, я бы рекомендовал поставить.
  4. Четвертое поле - класс нашего будущего чекбокса. Можете добавить сюда любой класс, чтобы потом в стилях задать нужные параметры.
  5. Пятое поле - выбор типа поля, выбираете пункт Chekbox.
  6. Шестое поле, чекбокс - обязательность поля. Тоже отмечаете, чтобы без согласия данные не передавались. Думаю, это понятно.
  7. Седьмое поле, чекбокс - публикация поля. тоже ставите флажок, иначе все это не появится на странице оформления заказа.

Когда вы заполните, у вас получится что-то подобное:

Заполненое поле

Далее сохраняете и переходите на страницу оформления заказа, где появится примерно такая строка с чекбоксом, текстом и ссылкой на Пользовательское соглашение:

Строка соглашения

Какой из способов выбирать решать вам. Я на обслуживаемых сайтах пользуюсь вторым.

Чекбокс я принимаю условия в формах Contact Form 7

Тут все просто, открываете формы, что добавлены на вашем сайте с помощью Contact Form 7, добавляем в настройках чекбокс и делаем его обязательным, также в параметрах пишем текст, например Я ПРИНИМАЮ УСЛОВИЯ, и ставим флажок на втором пункте.

добавляем  чекбокс

Когда добавите чекбокс перед кнопкой отправить, после него можете добавить ту нужную ссылку, что ведет на соглашение:

<a target="_blank" href="http://link.com" title="Пользовательское соглашение">пользовательского соглашения</a>

В итоге наш текст из чекбокса и эта ссылка станут одной логической строкой - Я принимаю условия пользовательского соглашения.

Чекбокс и ссылка

Так повторяете во всех формах и результат будет радовать вас.

Чекбокс я принимаю условия в самописных формах

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

К своей форме, перед кнопкой отправить добавляете примерно вот такую строку:

<input type="checkbox" name="terms">Я принимаю условия <a target="_blank" href="http://link.com" title="Пользовательское соглашение">пользовательского соглашения</a> и согласен на обработку персональных данных

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

Надеюсь, вам будет полезен данный материал, чтобы вы смогли добавить Chekbox - я принимаю условия, на свой сайт WordPress.

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 11, в среднем: 4.6 из 5
Читайте також