{"id":2482,"date":"2021-11-05T11:04:10","date_gmt":"2021-11-05T11:04:10","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&p=2482"},"modified":"2025-01-10T10:19:17","modified_gmt":"2025-01-10T10:19:17","slug":"how-to-use-contact-forms-in-your-website","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/","title":{"rendered":"How to use contact forms in your Website"},"content":{"rendered":"\n

Info:<\/strong> This article applies to Website Builder purchases made before 14th January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n

A contact form is a great way for your customers to send enquiries over to you. They don\u2019t need to know your email address or phone number; they simply just fill out a form and submit their message that way.<\/p>\n\n\n\n

You can add a contact form when building your website using either a widget<\/em><\/strong> or a pre-created section<\/em><\/strong>.<\/p>\n\n\n\n

How to add a contact form widget<\/strong><\/h2>\n\n\n\n

To add the widget<\/em><\/strong> simply search for the word Contact<\/strong><\/em> in the search bar at the top of the Widgets<\/strong><\/em> menu.<\/p>\n\n\n

\n
\"Website<\/figure>\n<\/div>\n\n\n

Drag it over to where you would like it to appear on the page and it will snap into place and bring up a configuration window allowing you to customise the form.<\/p>\n\n\n

\n
\"Website<\/figure>\n<\/div>\n\n\n

There are four fields in the contact form by default \u2013 Name<\/em>, Email<\/em>, Phone<\/em> and Message<\/em>.<\/p>\n\n\n\n

There is an Add<\/strong> field<\/strong><\/em> option that can be used to add in new fields, which you can call whatever you like. For example, perhaps you\u2019d like a field where they can enter their postcode:<\/p>\n\n\n

\n
\"Website<\/figure>\n<\/div>\n\n\n

The Submission<\/strong><\/em> tab at the top is where you go to enter the email address you would like the contact form to send the information to.<\/p>\n\n\n

\n
\"Website<\/figure>\n<\/div>\n\n\n

You can also customise the confirmation message that is displayed to the customer once they have filled out the form.<\/p>\n\n\n

\n
\"Website<\/figure>\n<\/div>\n\n\n

The Design<\/strong><\/em> tab allows you to change the layout of the form, for example the size or colours and the position of the various fields.<\/p>\n\n\n

\n
\"Website<\/figure>\n<\/div>\n\n\n

Once you have customised the form to your desire, you\u2019ll need to re-publish the website in order to make it live.<\/p>\n\n\n\n

Info:<\/strong> Once you have customised the form, you\u2019ll need to re-publish the website in order to make it live.<\/p><\/div>\n\n\n\n

How to add a contact form section<\/strong><\/h2>\n\n\n\n

Take a look at our How to add a new section<\/a><\/em> support guide to learn what exactly sections are and how they can be accessed as an alternative way to add a contact form to your website.<\/p>\n","protected":false},"excerpt":{"rendered":"

A contact form is a great way for your customers to send enquiries over to you. They don\u2019t need to know your email address or phone number; they simply just fill out a form and submit their message that way. You can add a contact form when building your website using either a widget or […]<\/p>\n","protected":false},"author":14,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[197,154],"ht-kb-tag":[153],"class_list":["post-2482","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-getting-started-the-basics","ht_kb_category-website-builder","ht_kb_tag-website-builder"],"yoast_head":"\nHow to use contact forms in your Website - Support Centre - names.co.uk<\/title>\n<meta name=\"description\" content=\"Building your own website? Here's a simple step by step guide on how to add contact forms in our Website Builder.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use contact forms in your Website - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Building your own website? Here's a simple step by step guide on how to add contact forms in our Website Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-10T10:19:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png\" \/>\n\t<meta property=\"og:image:width\" content=\"436\" \/>\n\t<meta property=\"og:image:height\" content=\"608\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/\",\"name\":\"How to use contact forms in your Website - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png\",\"datePublished\":\"2021-11-05T11:04:10+00:00\",\"dateModified\":\"2025-01-10T10:19:17+00:00\",\"description\":\"Building your own website? Here's a simple step by step guide on how to add contact forms in our Website Builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png\",\"width\":436,\"height\":608},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use contact forms in your Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use contact forms in your Website - Support Centre - names.co.uk","description":"Building your own website? Here's a simple step by step guide on how to add contact forms in our Website Builder.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/","og_locale":"en_GB","og_type":"article","og_title":"How to use contact forms in your Website - Support Centre - names.co.uk","og_description":"Building your own website? Here's a simple step by step guide on how to add contact forms in our Website Builder.","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-10T10:19:17+00:00","og_image":[{"width":436,"height":608,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/","name":"How to use contact forms in your Website - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png","datePublished":"2021-11-05T11:04:10+00:00","dateModified":"2025-01-10T10:19:17+00:00","description":"Building your own website? Here's a simple step by step guide on how to add contact forms in our Website Builder.","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-widget.png","width":436,"height":608},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-use-contact-forms-in-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to use contact forms in your Website"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2482","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=2482"}],"version-history":[{"count":4,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2482\/revisions"}],"predecessor-version":[{"id":6449,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2482\/revisions\/6449"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=2482"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2482"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2482"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}