{"id":80488,"date":"2017-05-18T04:16:33","date_gmt":"2017-05-18T08:16:33","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=80488"},"modified":"2020-01-29T09:24:17","modified_gmt":"2020-01-29T14:24:17","slug":"multipurpose-website-templates-add-recaptcha-contact-form-based-intense","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/multipurpose-website-templates-add-recaptcha-contact-form-based-intense.html","title":{"rendered":"Multipurpose Website Templates. How to add reCaptcha to the contact form (based on Intense)"},"content":{"rendered":"<p>Our Support team is ready to present you a new tutorial on how to manage Google reCAPTCHA for spam protection.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/ivW23m3l-rs\"><\/iframe>\r\n<\/div>\r\n\r\n<p>In order to set up Google reCAPTCHA, you should do the following:<\/p>\r\n\r\n<ol>\r\n\t<li><p>Register your domain at <a href=\"https:\/\/www.google.com\/recaptcha\/admin#list\"> Google reCaptcha website <\/a> and get a pair of API keys (a pair of keys consists of <strong>site key<\/strong> and <strong>secret<\/strong>).<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1.jpg\" alt=\"\" width=\"1270\" height=\"664\" class=\"alignnone size-full wp-image-80489\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1.jpg 1270w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1-150x78.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1-300x157.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1-768x402.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_1-1024x535.jpg 1024w\" sizes=\"(max-width: 1270px) 100vw, 1270px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Specify your API keys in <strong>bat\/reCaptcha.php<\/strong> file in <strong>$siteKey<\/strong> and <strong>$secret<\/strong> variables at the beginning of the file:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2.jpg\" alt=\"\" width=\"1272\" height=\"643\" class=\"alignnone size-full wp-image-80490\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2.jpg 1272w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2-300x152.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2-768x388.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_2-1024x518.jpg 1024w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/a>\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3.jpg\" alt=\"\" width=\"1275\" height=\"642\" class=\"alignnone size-full wp-image-80491\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3.jpg 1275w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3-300x151.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3-768x387.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_3-1024x516.jpg 1024w\" sizes=\"(max-width: 1275px) 100vw, 1275px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Paste this section to html and specify your site key in <strong>data-attribute data-sitekey=&#8221;&#8221;<\/strong>. The basic markup  of reCAPTCHA looks the following way: <\/p>\r\n\t\t<pre class=\"brush:html\"><!--Google captcha-->\r\n\t\t\t&lt;div class=\"form-group\"&gt;\r\n\t\t\t&lt;div id=\"captcha1\" data-sitekey=\"You site key here\" class=\"recaptcha\"&gt;&lt;\/div&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t\t<!-- End google captcha--><\/pre>\t\t\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4.jpg\" alt=\"\" width=\"1277\" height=\"644\" class=\"alignnone size-full wp-image-80492\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4.jpg 1277w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4-300x151.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4-768x387.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_4-1024x516.jpg 1024w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" \/><\/a>\t\t\r\n\t<\/li>\r\n\t\r\n\t<li><p>Google reCAPTCHA supports the following settings:<\/p>\r\n\t\t<ol>\r\n\t\t\t<li>\r\n\t\t\t\t\r\n\t\t\t\t<p><i>Changing size;<\/i><\/p>\r\n\t\t\t\t\r\n\t\t\t\t<p>To change widget size, specify in <strong>data-attribute data-size<\/strong> one of the following size values:<\/p>\r\n\t\t\t\t<ul style=\"list-style-type:circle\"> \r\n\t\t\t\t\t<li><p>compact;<\/p><\/li>\r\n\t\t\t\t\t<li><p>normal (default).<\/p><\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t<\/li>\r\n\t\t\t<li><p>The sample code looks the following way:<\/p>\r\n\t\t\t\t<pre class=\"brush:html\"><!--Google captcha-->\r\n\t\t\t\t\t&lt;div class=\"form-group\"&gt;\r\n\t\t\t\t\t&lt;div id=\"captcha1\"\r\n\t\t\t\t\tdata-sitekey=\"You site key here\"\r\n\t\t\t\t\tdata-size=\"compact\"\r\n\t\t\t\t\tclass=\"recaptcha\"&gt;&lt;\/div&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t<!-- End google captcha--><\/pre>\r\n\t\t\t<\/li>\r\n\t\t<\/ol>\r\n\t\t<ol>\t\t\t\r\n\t\t\t<li>\r\n\t\t\t\t\r\n\t\t\t\t<p><i>Changing color scheme.<\/i><\/p>\r\n\t\t\t\t\r\n\t\t\t\t<p>To change widget color scheme, specify in the <strong>data-attribute data-theme<\/strong> one of the following variants:<\/p>\r\n\t\t\t\t<ul style=\"list-style-type:circle\"> \r\n\t\t\t\t\t<li><p>dark;<\/p><\/li>\r\n\t\t\t\t\t<li><p>light (default).<\/p><\/li>\r\n\t\t\t\t<\/ul>\r\n\t\t\t<\/li>\r\n\t\t\t<li><p>The sample code looks the following way:<\/p>\r\n\t\t\t\t<pre class=\"brush:html\"><!--Google captcha-->\r\n\t\t\t\t\t&lt;div class=\"form-group\"&gt;\r\n\t\t\t\t\t&lt;div id=\"captcha1\"\r\n\t\t\t\t\tdata-sitekey=\"You site key here\"\r\n\t\t\t\t\tdata-theme=\"dark\"\r\n\t\t\t\t\tclass=\"recaptcha\"&gt;&lt;\/div&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t<!-- End google captcha--><\/pre>\r\n\t\t\t<\/li>\r\n\t\t<\/ol>\r\n\t<\/li>\r\n\t\r\n\t\r\n\t<li><p>Save settings and refresh the page on your website to see the changes.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5.jpg\" alt=\"\" width=\"1271\" height=\"638\" class=\"alignnone size-full wp-image-80493\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5.jpg 1271w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5-150x75.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5-300x151.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5-768x386.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/05\/Multipurpose_Website_Templates._How_to_add_reCaptcha_to_the_contact_form_based_on_Intense_5-1024x514.jpg 1024w\" sizes=\"(max-width: 1271px) 100vw, 1271px\" \/><\/a>\t\t\r\n\t\t<p>Google reCAPTCHA have been successfully added.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n\r\n<p>You can find more detailed instructions at Google reCAPTCHA official website.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=ivW23m3l-rs?width=1280&amp;height=720\" rel=\"prettyPhoto\">Multipurpose Website Templates. How to add reCaptcha to the contact form (based on Intense)<\/a>\r\n<p>Browse the brand new <a href=\"https:\/\/www.templatemonster.com\/website-templates.php\" title=\"HTML5 Website Templates\" target=\"_blank\">HTML5 Website Templates<\/a> and learn more about HTML5 functionality.<\/p>","protected":false},"excerpt":{"rendered":"<p>Our Support team is ready to present you a new tutorial on how to manage Google reCAPTCHA for spam protection.<\/p>\n","protected":false},"author":124,"featured_media":80494,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[497,2568,1522,1789],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80488"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=80488"}],"version-history":[{"count":11,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80488\/revisions"}],"predecessor-version":[{"id":85845,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/80488\/revisions\/85845"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/80494"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=80488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=80488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=80488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}