{"id":342,"date":"2018-05-14T17:53:17","date_gmt":"2018-05-14T17:53:17","guid":{"rendered":"https:\/\/ucsbwebdev.fzilla.com\/?p=342"},"modified":"2018-05-18T01:42:33","modified_gmt":"2018-05-18T01:42:33","slug":"contact-form-with-php-recaptcha","status":"publish","type":"post","link":"https:\/\/ucsbwebdev.fzilla.com\/?p=342","title":{"rendered":"Contact Form with PHP\/ReCaptcha"},"content":{"rendered":"<p>A great script I bought here<\/p>\n<p><a href=\"https:\/\/codecanyon.net\/item\/contactme-responsive-ajax-contact-form-html5-php\/20256608\">https:\/\/codecanyon.net\/item\/contactme-responsive-ajax-contact-form-html5-php\/20256608<\/a><\/p>\n<p>You can <a href=\"https:\/\/angelprivate.s3.amazonaws.com\/teaching\/contactForm.zip\">download from here<\/a>.<\/p>\n<p>After download, I had to change the following fields:<\/p>\n<ol>\n<li>from_name<\/li>\n<li>from_address<\/li>\n<li>to_address<\/li>\n<\/ol>\n<p id=\"SAGdJbl\"><img loading=\"lazy\" decoding=\"async\" width=\"2794\" height=\"648\" class=\"alignnone size-full wp-image-344 \" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c92a5dfd6.png\" alt=\"\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c92a5dfd6.png 2794w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c92a5dfd6-300x70.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c92a5dfd6-768x178.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c92a5dfd6-1024x237.png 1024w\" sizes=\"auto, (max-width: 2794px) 100vw, 2794px\" \/><\/p>\n<p>If you want to enable human validation (prevent bots from submitting) there are instructions in index.html you can follow.<\/p>\n<p>Visit\u00a0<a href=\"https:\/\/www.google.com\/recaptcha\/admin\">https:\/\/www.google.com\/recaptcha\/admin<\/a><\/p>\n<p id=\"YSrDOar\"><img loading=\"lazy\" decoding=\"async\" width=\"2274\" height=\"852\" class=\"alignnone size-full wp-image-348 \" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9e319429.png\" alt=\"\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9e319429.png 2274w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9e319429-300x112.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9e319429-768x288.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9e319429-1024x384.png 1024w\" sizes=\"auto, (max-width: 2274px) 100vw, 2274px\" \/><\/p>\n<p>Fill out the following items<\/p>\n<p id=\"fPbBxBv\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-345\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c98879c2d.png\" alt=\"\" width=\"600\" height=\"570\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c98879c2d.png 1698w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c98879c2d-300x285.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c98879c2d-768x730.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c98879c2d-1024x973.png 1024w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>It will provide you with all the needed info here<\/p>\n<p id=\"tylpNMN\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-347\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9b522701.png\" alt=\"\" width=\"800\" height=\"358\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9b522701.png 1958w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9b522701-300x134.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9b522701-768x344.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9b522701-1024x458.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Update the configs.php file<\/p>\n<p id=\"ordvcWs\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-346\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9a763a7d.png\" alt=\"\" width=\"800\" height=\"51\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9a763a7d.png 1368w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9a763a7d-300x19.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9a763a7d-768x49.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9c9a763a7d-1024x66.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Change the html as needed to enter the sitekey (this occurs for each form on index.html so you need to copy paste a few times)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-349\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9ca0917418.png\" alt=\"\" width=\"800\" height=\"177\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9ca0917418.png 1506w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9ca0917418-300x67.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9ca0917418-768x170.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9ca0917418-1024x227.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Uncomment script near the bottom of the page!<\/p>\n<p id=\"NirDbaO\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-350\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cba039ad2.png\" alt=\"\" width=\"800\" height=\"68\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cba039ad2.png 1938w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cba039ad2-300x25.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cba039ad2-768x65.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cba039ad2-1024x87.png 1024w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>You end up with<\/p>\n<p id=\"PbdHWHZ\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-351\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cbdfd7143.png\" alt=\"\" width=\"300\" height=\"435\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cbdfd7143.png 888w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cbdfd7143-207x300.png 207w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cbdfd7143-768x1114.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cbdfd7143-706x1024.png 706w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Which submits and sends an email like this!<\/p>\n<p id=\"PnoCHtV\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-352\" src=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cc35282d0.png\" alt=\"\" width=\"400\" height=\"297\" srcset=\"https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cc35282d0.png 1294w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cc35282d0-300x223.png 300w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cc35282d0-768x571.png 768w, https:\/\/ucsbwebdev.fzilla.com\/wp-content\/uploads\/2018\/05\/img_5af9cc35282d0-1024x761.png 1024w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>Pretty awesome! Check out final product\u00a0http:\/\/myfinalprojectrocks.com\/contact\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A great script I bought here https:\/\/codecanyon.net\/item\/contactme-responsive-ajax-contact-form-html5-php\/20256608 You can download from here. After download, I had to change the following fields: from_name from_address to_address If you want to enable human validation (prevent bots from submitting) there are instructions in index.html you can follow. Visit\u00a0https:\/\/www.google.com\/recaptcha\/admin Fill out the following items It will provide you with all [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,8,4],"tags":[],"class_list":["post-342","post","type-post","status-publish","format-standard","hentry","category-free-resource","category-html","category-tutorial"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=342"}],"version-history":[{"count":5,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/342\/revisions"}],"predecessor-version":[{"id":357,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=\/wp\/v2\/posts\/342\/revisions\/357"}],"wp:attachment":[{"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ucsbwebdev.fzilla.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}