{"id":1789,"date":"2015-07-31T12:28:49","date_gmt":"2015-07-31T11:28:49","guid":{"rendered":"https:\/\/www.bronco.co.uk\/our-ideas\/?p=1789"},"modified":"2025-01-06T09:28:07","modified_gmt":"2025-01-06T09:28:07","slug":"how-to-add-google-recaptcha-to-a-form-phphtml","status":"publish","type":"post","link":"https:\/\/www.bronco.co.uk\/our-ideas\/how-to-add-google-recaptcha-to-a-form-phphtml\/","title":{"rendered":"How to add Google reCAPTCHA to a Form (PHP\/HTML)"},"content":{"rendered":"\n

When you need to add a relatively simple new feature like this, if you’re anything like me, you don’t want to be reading through pages and pages of documentation; you want an example you can implement quickly then edit as you see fit. I couldn’t find any such thing when I was integrating, so hopefully these 4 simple steps will help you.
<\/p>\n\n\n\n

Please note, this guide relates to reCAPTCHA v2<\/strong>. Find a guide to reCAPTCHA v3 here<\/a>. <\/p>\n\n\n\n

Also note you will need to understand basic PHP programming to follow this guide.<\/strong><\/p>\n\n\n\n

<\/p>\n\n\n\n

Step 1<\/h3>\n\n\n\n

Sign up and get your keys here: https:\/\/www.google.com\/recaptcha\/admin<\/a> (you will get a SITE key and a SECRET key, used later)<\/p>\n\n\n\n

Step 2<\/h3>\n\n\n\n

Include this on your page:<\/p>\n\n\n\n

<script src="https:\/\/www.google.com\/recaptcha\/api.js"><\/script><\/code><\/pre><\/div>\n\n\n\n
Step 3<\/h3>\n\n\n\n
Add the following into your form:<\/p>\n\n\n\n
<div class="g-recaptcha brochure__form__captcha" data-sitekey="YOUR SITE KEY"><\/div><\/code><\/pre><\/div>\n\n\n\n
Step 4<\/h3>\n\n\n\n
On form submission do this:<\/p>\n\n\n\n
$recaptcha = $_POST['g-recaptcha-response'];\n$res = reCaptcha($recaptcha);\nif($res['success']){\n  \/\/ Send email\n}else{\n  \/\/ Error\n}<\/code><\/pre><\/div>\n\n\n\n
Using the following function:<\/p>\n\n\n\n
function reCaptcha($recaptcha){\n  $secret = "YOUR SECRET KEY";\n  $ip = $_SERVER['REMOTE_ADDR'];\n\n  $postvars = array("secret"=>$secret, "response"=>$recaptcha, "remoteip"=>$ip);\n  $url = "https:\/\/www.google.com\/recaptcha\/api\/siteverify";\n  $ch = curl_init();\n  curl_setopt($ch, CURLOPT_URL, $url);\n  curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);\n  curl_setopt($ch, CURLOPT_TIMEOUT, 10);\n  curl_setopt($ch, CURLOPT_POSTFIELDS, $postvars);\n  $data = curl_exec($ch);\n  curl_close($ch);\n\n  return json_decode($data, true);\n}<\/code><\/pre><\/div>\n\n\n\n
This code is free to use at your own discretion. It comes without warranty. Please feel free to feedback any edits.<\/p>\n","protected":false},"excerpt":{"rendered":"
When you need to add a relatively simple new feature like this, if you’re anything like me, you don’t want to be reading through pages and pages of documentation; you want an example you can implement quickly then edit as you see fit. I couldn’t find any such thing when I was integrating, so hopefully […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2],"class_list":["post-1789","post","type-post","status-publish","format-standard","hentry","category-web-and-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/1789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/comments?post=1789"}],"version-history":[{"count":2,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/1789\/revisions"}],"predecessor-version":[{"id":12406,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/posts\/1789\/revisions\/12406"}],"wp:attachment":[{"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/media?parent=1789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bronco.co.uk\/our-ideas\/wp-json\/wp\/v2\/categories?post=1789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}