{"id":2474,"date":"2021-11-05T10:54:02","date_gmt":"2021-11-05T10:54:02","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=2474"},"modified":"2025-01-10T10:18:39","modified_gmt":"2025-01-10T10:18:39","slug":"how-to-add-a-new-section-in-website-builder","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/","title":{"rendered":"How to add a new section in Website Builder"},"content":{"rendered":"\n<div class=\"wp-block-nco-info-block\"><p class=\"nco-info-block-content\"><strong>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<p>The <a href=\"https:\/\/www.names.co.uk\/website-builder\/templates\">templates<\/a> that come bundled with Website Builder each contain all the features and layouts that we consider best suit that type of website. Sometimes though, you may find yourself in need of a particular type of layout or feature that isn\u2019t part of the template.<\/p>\n\n\n\n<p>Luckily there are a vast number of pre-built sections that can be added when you build your website, to any part of a template. These make it far easier for you to create your perfect website with just a few mouse clicks.<\/p>\n\n\n\n<p>Here we\u2019ve used the \u201cAcademic\u201d template for our website but we want to add a contact form underneath the main picture. To do this hover over the row where you would like the new section to be and you\u2019ll see a <strong>blue +<\/strong> icon.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-1024x495.png\" alt=\"Website builder template\" class=\"wp-image-2475\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-1024x495.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-300x145.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-768x371.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-50x24.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.png 1384w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Hover over that <strong>blue +<\/strong> icon and it will change to say <em><strong>Add Section<\/strong><\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"499\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/add-section-website-builder-1024x499.png\" alt=\"Adding a section to Website Builder\" class=\"wp-image-2476\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/add-section-website-builder-1024x499.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/add-section-website-builder-300x146.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/add-section-website-builder-768x375.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/add-section-website-builder-50x24.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/add-section-website-builder.png 1384w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Click on that and you will then see a new menu that shows the various categories for the sections.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"716\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-sections-categories.png\" alt=\"Website builder categories for a new section\" class=\"wp-image-2477\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-sections-categories.png 384w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-sections-categories-161x300.png 161w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-sections-categories-27x50.png 27w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><\/figure>\n<\/div>\n\n\n<p>We want to add a contact form so we\u2019ll go ahead and click on the <em><strong>Contact Us<\/strong><\/em> category. You\u2019ll see that the sections down the right will then update just to display the ones that are based around contact forms.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"790\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-categories.png\" alt=\"Contact us categories to add in a new section in Website Builder\" class=\"wp-image-2478\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-categories.png 420w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-categories-159x300.png 159w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-contact-categories-27x50.png 27w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><\/figure>\n<\/div>\n\n\n<p>You can click on each one to see what it looks like. When you have found the one you want to use click on the orange <strong><em>Save<\/em> button<\/strong> in the top right corner.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-section-contact-1024x567.png\" alt=\"Adding Contact us to website Builder section\" class=\"wp-image-2479\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-section-contact-1024x567.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-section-contact-300x166.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-section-contact-768x425.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-section-contact-50x28.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-section-contact.png 1384w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>This will then add that section into the row that we selected earlier when we first opened up the section browser, which in our case was just below the main image of the website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-template-contact-1024x497.png\" alt=\"Website Builder template with contact us section added\" class=\"wp-image-2480\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-template-contact-1024x497.png 1024w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-template-contact-300x146.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-template-contact-768x373.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-template-contact-50x24.png 50w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-template-contact.png 1384w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Using sections, you can very quickly create an attractive website that has all the features and design elements that you need. For example, there are sections designed around testimonials, videos, galleries or text blocks which will save you the trouble of having to manually create those elements yourself.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The templates that come bundled with Website Builder each contain all the features and layouts that we consider best suit that type of website. Sometimes though, you may find yourself in need of a particular type of layout or feature that isn\u2019t part of the template. Luckily there are a vast number of pre-built sections [&hellip;]<\/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-2474","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":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a new section in Website Builder - Support Centre - names.co.uk<\/title>\n<meta name=\"description\" content=\"Building your own website? Here&#039;s a simple step by step guide on how to add a new section 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-add-a-new-section-in-website-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a new section in Website Builder - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Building your own website? Here&#039;s a simple step by step guide on how to add a new section in our Website Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/\" \/>\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:18:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1384\" \/>\n\t<meta property=\"og:image:height\" content=\"669\" \/>\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-add-a-new-section-in-website-builder\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/\",\"name\":\"How to add a new section in Website Builder - 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-add-a-new-section-in-website-builder\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-1024x495.png\",\"datePublished\":\"2021-11-05T10:54:02+00:00\",\"dateModified\":\"2025-01-10T10:18:39+00:00\",\"description\":\"Building your own website? Here's a simple step by step guide on how to add a new section in our Website Builder.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.png\",\"width\":1384,\"height\":669},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a new section in Website Builder\"}]},{\"@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 add a new section in Website Builder - Support Centre - names.co.uk","description":"Building your own website? Here's a simple step by step guide on how to add a new section 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-add-a-new-section-in-website-builder\/","og_locale":"en_GB","og_type":"article","og_title":"How to add a new section in Website Builder - Support Centre - names.co.uk","og_description":"Building your own website? Here's a simple step by step guide on how to add a new section in our Website Builder.","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-10T10:18:39+00:00","og_image":[{"width":1384,"height":669,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.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-add-a-new-section-in-website-builder\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/","name":"How to add a new section in Website Builder - 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-add-a-new-section-in-website-builder\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template-1024x495.png","datePublished":"2021-11-05T10:54:02+00:00","dateModified":"2025-01-10T10:18:39+00:00","description":"Building your own website? Here's a simple step by step guide on how to add a new section in our Website Builder.","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/11\/website-builder-academic-template.png","width":1384,"height":669},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-new-section-in-website-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to add a new section in Website Builder"}]},{"@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\/2474","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=2474"}],"version-history":[{"count":5,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2474\/revisions"}],"predecessor-version":[{"id":6448,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/2474\/revisions\/6448"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=2474"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=2474"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=2474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}