Доброго времени суток. 🙂
Последнее время, мне часто задают вопрос о том как организовать на своем сайте чекбокс, галочку, что человек ознакомлен и принимает условия пользовательского соглашения. такой чекбокс ставится под формой комментариев, под любыми другими формами обратной связи и тд. В общим везде, где посетитель сайта вносит свои данные.
Верстая лендинги и создавая новые темы для 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 в раздел Платежи. Там в поле - Условия соглашения, нужно выбрать страницу, ту что создали заранее.
Сохраняете изменения и на странице оформления заказа, перед кнопкой заказа, у вас появится вот такая строка
Есть еще второй способ. С помощью плагина - Saphali Woocommerce Russian. Он дает возможность добавлять к форме произвольные поля. С его помощью, можно более точно и продвинуто настроить нужный нам чекбокс. Скачайте и установите этот плагин. Далее переходим на его страницу:
Далее переходите на вкладку Управление полями и в ней опускаетесь вниз блока Реквизиты оплаты, не перестарайтесь, там есть и другие блоки.
И в самом низу этого блока добавляем поле, нажимая на кнопку Добавить.
У вас появится строка с полями, которые вы должны заполнить.
Далее подробнее о строках.
Когда вы заполните, у вас получится что-то подобное:
Далее сохраняете и переходите на страницу оформления заказа, где появится примерно такая строка с чекбоксом, текстом и ссылкой на Пользовательское соглашение:
Какой из способов выбирать решать вам. Я на обслуживаемых сайтах пользуюсь вторым.
Тут все просто, открываете формы, что добавлены на вашем сайте с помощью 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.
На этом все, спасибо за внимание. 🙂
