Clear View Customer Contact<\/title>\n\n<style>\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: Arial, sans-serif;\n margin: 40px;\n background-color: #f5fdfd;\n color: #333;\n text-align: center;\n}\n\nh1 {\n color: #004f5f;\n margin-bottom: 20px;\n}\n\n.buttons {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-bottom: 40px;\n}\n\nbutton {\n padding: 15px 30px;\n font-size: 18px;\n cursor: pointer;\n border: none;\n background-color: #007bff;\n color: white;\n border-radius: 5px;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #0056b3;\n}\n\nform {\n max-width: 400px;\n margin: 0 auto;\n text-align: left;\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\nlabel {\n display: block;\n margin: 10px 0 5px;\n font-weight: bold;\n color: #004f5f;\n}\n\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-family: Arial, sans-serif;\n font-size: 16px;\n}\n\ntextarea {\n height: 80px;\n resize: vertical;\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n cursor: pointer;\n}\n\n.checkbox-label input {\n width: auto;\n margin: 0;\n}\n\n.submit-btn {\n background-color: #004f5f;\n padding: 15px 30px;\n font-size: 18px;\n cursor: pointer;\n border: none;\n color: white;\n border-radius: 5px;\n width: 100%;\n transition: background-color 0.3s;\n}\n\n.submit-btn:hover {\n background-color: #003e4f;\n}\n\n@media (max-width: 600px) {\n body {\n margin: 20px;\n }\n\n .buttons {\n flex-direction: column;\n gap: 15px;\n }\n\n form {\n padding: 20px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<h1>Clear View Customer Contact<\/h1>\n\n<div class=\"buttons\">\n <button type=\"button\" onclick=\"showForm('new')\">\n New Customer\n <\/button>\n\n <button type=\"button\" onclick=\"showForm('existing')\">\n Existing Customer\n <\/button>\n<\/div>\n\n<form\n id=\"contactForm\"\n action=\"https:\/\/formspree.io\/f\/mvzbjbzz\"\n method=\"POST\"\n style=\"display: none;\"\n>\n <input\n type=\"hidden\"\n id=\"customerType\"\n name=\"Customer Type\"\n value=\"\"\n >\n\n <label for=\"name\">Name<\/label>\n <input\n type=\"text\"\n id=\"name\"\n name=\"Name\"\n autocomplete=\"name\"\n required\n >\n\n <label for=\"email\">Email Address<\/label>\n <input\n type=\"email\"\n id=\"email\"\n name=\"Email Address\"\n autocomplete=\"email\"\n required\n >\n\n <label for=\"phone\">Contact Number<\/label>\n <input\n type=\"tel\"\n id=\"phone\"\n name=\"Contact Number\"\n autocomplete=\"tel\"\n required\n >\n\n <label for=\"address\">Home Address<\/label>\n <textarea\n id=\"address\"\n name=\"Home Address\"\n autocomplete=\"street-address\"\n required\n ><\/textarea>\n\n <label class=\"checkbox-label\">\n <input\n type=\"checkbox\"\n name=\"Happy to Accept Marketing\"\n value=\"Yes\"\n checked\n >\n Happy to accept marketing\n <\/label>\n\n <button type=\"submit\" class=\"submit-btn\">\n Submit\n <\/button>\n<\/form>\n\n<script>\nfunction showForm(type) {\n const form = document.getElementById(\"contactForm\");\n const customerType = document.getElementById(\"customerType\");\n const buttons = document.querySelector(\".buttons\");\n\n customerType.value =\n type === \"new\" ? \"New Customer\" : \"Existing Customer\";\n\n form.style.display = \"block\";\n buttons.style.display = \"none\";\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Clear View Customer Contact Clear View Customer Contact New Customer Existing Customer Name Email Address Contact Number Home Address Happy to accept marketing Submit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=56"}],"version-history":[{"count":3,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/56\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":56,"date":"2026-07-27T23:37:14","date_gmt":"2026-07-27T22:37:14","guid":{"rendered":"https:\/\/cvwc.co.uk\/?page_id=56"},"modified":"2026-07-29T10:41:32","modified_gmt":"2026-07-29T09:41:32","slug":"customer-contact-form","status":"publish","type":"page","link":"https:\/\/cvwc.co.uk\/?page_id=56","title":{"rendered":"Customer Contact Form"},"content":{"rendered":"\n\n\n\n\n\n\nClear View Customer Contact<\/title>\n\n<style>\n* {\n box-sizing: border-box;\n}\n\nbody {\n font-family: Arial, sans-serif;\n margin: 40px;\n background-color: #f5fdfd;\n color: #333;\n text-align: center;\n}\n\nh1 {\n color: #004f5f;\n margin-bottom: 20px;\n}\n\n.buttons {\n display: flex;\n justify-content: center;\n gap: 30px;\n margin-bottom: 40px;\n}\n\nbutton {\n padding: 15px 30px;\n font-size: 18px;\n cursor: pointer;\n border: none;\n background-color: #007bff;\n color: white;\n border-radius: 5px;\n transition: background-color 0.3s;\n}\n\nbutton:hover {\n background-color: #0056b3;\n}\n\nform {\n max-width: 400px;\n margin: 0 auto;\n text-align: left;\n background-color: white;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n}\n\nlabel {\n display: block;\n margin: 10px 0 5px;\n font-weight: bold;\n color: #004f5f;\n}\n\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ntextarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ccc;\n border-radius: 5px;\n font-family: Arial, sans-serif;\n font-size: 16px;\n}\n\ntextarea {\n height: 80px;\n resize: vertical;\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 20px;\n cursor: pointer;\n}\n\n.checkbox-label input {\n width: auto;\n margin: 0;\n}\n\n.submit-btn {\n background-color: #004f5f;\n padding: 15px 30px;\n font-size: 18px;\n cursor: pointer;\n border: none;\n color: white;\n border-radius: 5px;\n width: 100%;\n transition: background-color 0.3s;\n}\n\n.submit-btn:hover {\n background-color: #003e4f;\n}\n\n@media (max-width: 600px) {\n body {\n margin: 20px;\n }\n\n .buttons {\n flex-direction: column;\n gap: 15px;\n }\n\n form {\n padding: 20px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<h1>Clear View Customer Contact<\/h1>\n\n<div class=\"buttons\">\n <button type=\"button\" onclick=\"showForm('new')\">\n New Customer\n <\/button>\n\n <button type=\"button\" onclick=\"showForm('existing')\">\n Existing Customer\n <\/button>\n<\/div>\n\n<form\n id=\"contactForm\"\n action=\"https:\/\/formspree.io\/f\/mvzbjbzz\"\n method=\"POST\"\n style=\"display: none;\"\n>\n <input\n type=\"hidden\"\n id=\"customerType\"\n name=\"Customer Type\"\n value=\"\"\n >\n\n <label for=\"name\">Name<\/label>\n <input\n type=\"text\"\n id=\"name\"\n name=\"Name\"\n autocomplete=\"name\"\n required\n >\n\n <label for=\"email\">Email Address<\/label>\n <input\n type=\"email\"\n id=\"email\"\n name=\"Email Address\"\n autocomplete=\"email\"\n required\n >\n\n <label for=\"phone\">Contact Number<\/label>\n <input\n type=\"tel\"\n id=\"phone\"\n name=\"Contact Number\"\n autocomplete=\"tel\"\n required\n >\n\n <label for=\"address\">Home Address<\/label>\n <textarea\n id=\"address\"\n name=\"Home Address\"\n autocomplete=\"street-address\"\n required\n ><\/textarea>\n\n <label class=\"checkbox-label\">\n <input\n type=\"checkbox\"\n name=\"Happy to Accept Marketing\"\n value=\"Yes\"\n checked\n >\n Happy to accept marketing\n <\/label>\n\n <button type=\"submit\" class=\"submit-btn\">\n Submit\n <\/button>\n<\/form>\n\n<script>\nfunction showForm(type) {\n const form = document.getElementById(\"contactForm\");\n const customerType = document.getElementById(\"customerType\");\n const buttons = document.querySelector(\".buttons\");\n\n customerType.value =\n type === \"new\" ? \"New Customer\" : \"Existing Customer\";\n\n form.style.display = \"block\";\n buttons.style.display = \"none\";\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Clear View Customer Contact Clear View Customer Contact New Customer Existing Customer Name Email Address Contact Number Home Address Happy to accept marketing Submit<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-56","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/56","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=56"}],"version-history":[{"count":3,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/56\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/56\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/cvwc.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}