{"id":5331,"date":"2026-09-26T15:33:27","date_gmt":"2026-09-26T22:33:27","guid":{"rendered":"https:\/\/gregorykammer.com\/?page_id=5331"},"modified":"2026-09-27T10:11:13","modified_gmt":"2026-09-27T17:11:13","slug":"web3forms-contact","status":"publish","type":"page","link":"https:\/\/gregorykammer.com\/index.php\/web3forms-contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.contact-section {\n  width: 100%;\n  max-width: 40rem;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 3rem 1rem;\n}\n\n.contact-intro > * + * {\n  margin-top: 1rem;\n}\n\n.contact-title {\n  font-size: 1.5rem;\n  line-height: 2.25rem;\n  font-weight: 700;\n}\n\n.contact-description {\n  color: rgb(107 114 128);\n}\n\n.form-group-container {\n  display: grid;\n  gap: 1rem;\n  margin-top: 2rem;\n}\n\n.form-group {\n  display: flex;\n  flex-direction: column;\n}\n\n.form-label {\n  margin-bottom: 0.5rem;\n}\n\n.form-input,\n.form-textarea {\n  padding: 0.5rem;\n  border: 1px solid #e5e7eb;\n  display: flex;\n  height: 2.5rem;\n  width: 100%;\n  border-radius: 0.375rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.form-input::placeholder,\n.form-textarea:focus-visible {\n  color: #6b7280;\n}\n\n.form-input:focus-visible,\n.form-textarea:focus-visible {\n  outline: 2px solid #2563eb;\n  outline-offset: 2px;\n}\n\n.form-textarea {\n  min-height: 120px;\n}\n\n.form-submit {\n  width: 30%;\n  margin-top: 1.2rem;\n  background-color: #666;\n  color: #fff;\n  padding: 13px 5px;\n  border-radius: 0;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\nconst form = document.getElementById('form');\nconst result = document.getElementById('result');\n\nform.addEventListener('submit', function(e) {\n  e.preventDefault();\n  const formData = new FormData(form);\n  const object = Object.fromEntries(formData);\n  const json = JSON.stringify(object);\n  result.innerHTML = \"Please wait...\"\n\n    fetch('https:\/\/api.web3forms.com\/submit', {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json',\n                'Accept': 'application\/json'\n            },\n            body: json\n        })\n        .then(async (response) => {\n            let json = await response.json();\n            if (response.status == 200) {\n                result.innerHTML = json.message;\n            } else {\n                console.log(response);\n                result.innerHTML = json.message;\n            }\n        })\n        .catch(error => {\n            console.log(error);\n            result.innerHTML = \"Something went wrong!\";\n        })\n        .then(function() {\n            form.reset();\n            setTimeout(() => {\n                result.style.display = \"none\";\n            }, 3000);\n        });\n});\n<\/script>\n\n<!-- \n    This is a working contact form. To receive email, \n    Replace YOUR_ACCESS_KEY_HERE with your actual Access Key.\n\n    Create Access Key here \ud83d\udc49 https:\/\/web3forms.com\/\n -->\n\n<section class=\"contact-section\">\n  <div class=\"contact-intro\">\n    <h2 class=\"contact-title\">Contact<\/h2>\n  <\/div>\n\n  <form class=\"contact-form\" action=\"https:\/\/api.web3forms.com\/submit\" method=\"POST\">\n\n    <input type=\"hidden\" name=\"access_key\" value=\"7d051f8b-c8c4-41f6-ade5-178150801e0c\">\n    <input type=\"hidden\" name=\"subject\" value=\"Email from your website\">\n    <input type=\"hidden\" name=\"from_name\" value=\"My Website\">\n    <!-- More custom ization options available in the docs: https:\/\/docs.web3forms.com -->\n\n    <div class=\"form-group-container\">\n      <div class=\"form-group\">\n        <label for=\"name\" class=\"form-label\">Name<\/label>\n        <input id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"Your name\" type=\"text\">\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"email\" class=\"form-label\">Email<\/label>\n        <input id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Your email\" type=\"email\">\n      <\/div>\n      <div class=\"form-group\">\n        <label for=\"message\" class=\"form-label\">Message<\/label>\n        <textarea class=\"form-textarea\" id=\"message\" name=\"message\" placeholder=\"Your message\"><\/textarea>\n      <\/div>\n    <\/div>\n    <button class=\"form-submit\" type=\"submit\">Send Message<\/button>\n  <\/form>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Contact Name Email Message Send Message<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"categories":[],"tags":[],"class_list":["post-5331","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":"","featured_image_src_square":false,"rbea_author_info":{"display_name":"admin","author_link":"https:\/\/gregorykammer.com\/index.php\/author\/admin\/"},"rbea_excerpt_info":"Contact Name Email Message Send Message","meta_box":[],"_links":{"self":[{"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/pages\/5331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/comments?post=5331"}],"version-history":[{"count":15,"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/pages\/5331\/revisions"}],"predecessor-version":[{"id":5556,"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/pages\/5331\/revisions\/5556"}],"wp:attachment":[{"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/media?parent=5331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/categories?post=5331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gregorykammer.com\/index.php\/wp-json\/wp\/v2\/tags?post=5331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}