{"id":5375,"date":"2025-01-14T10:23:29","date_gmt":"2025-01-14T10:23:29","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=5375"},"modified":"2025-01-14T10:23:30","modified_gmt":"2025-01-14T10:23:30","slug":"how-to-add-social-networks-to-website-header","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/","title":{"rendered":"How to Add Social Networks to Website Header"},"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 after 14<sup>th<\/sup> January 2025. For further assistance, please contact our support team.<\/p><\/div>\n\n\n\n<p>In this article, you will learn how to configure the additional panel for <strong>social network buttons<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p>To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide <a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-access-your-control-panel\/\">HERE<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step One<\/h2>\n\n\n\n<p>To begin, click the <strong>gear wheel <\/strong>&lt; <strong>Advanced Settings<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"921\" height=\"484\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png\" alt=\"\" class=\"wp-image-5378\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png 921w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99-300x158.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99-768x404.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99-50x26.png 50w\" sizes=\"auto, (max-width: 921px) 100vw, 921px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Two<\/h2>\n\n\n\n<p>Click <strong>Additional Panel Settings.<\/strong>&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"922\" height=\"487\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-100.png\" alt=\"\" class=\"wp-image-5379\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-100.png 922w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-100-300x158.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-100-768x406.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-100-50x26.png 50w\" sizes=\"auto, (max-width: 922px) 100vw, 922px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In this section, you can turn on or off the display of <strong>Language Versions<\/strong>, <strong>Currencies<\/strong>, <strong>Social Media Icons<\/strong> and <strong>Contact Details<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"929\" height=\"499\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-98.png\" alt=\"\" class=\"wp-image-5380\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-98.png 929w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-98-300x161.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-98-768x413.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-98-50x27.png 50w\" sizes=\"auto, (max-width: 929px) 100vw, 929px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step Three<\/h2>\n\n\n\n<p>To configure social network icons, click in the panel and then click <strong>Edit<\/strong>.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"541\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97.png\" alt=\"\" class=\"wp-image-5376\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97.png 682w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97-300x238.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97-50x40.png 50w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In this section, you can insert links to Facebook, Instagram or Twitter. To add more, click <strong>Add another address<\/strong>.&nbsp;&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"682\" height=\"541\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97.png\" alt=\"\" class=\"wp-image-5377\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97.png 682w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97-300x238.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-97-50x40.png 50w\" sizes=\"auto, (max-width: 682px) 100vw, 682px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>TIP<\/strong>: After enabling any option, you can configure the background of the bar. To do so, click the <strong>gear wheel <\/strong>&lt; <strong>Additional Panel Background<\/strong>.\u00a0<\/p><\/div>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"862\" height=\"583\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-101.png\" alt=\"\" class=\"wp-image-5381\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-101.png 862w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-101-300x203.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-101-768x519.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-101-50x34.png 50w\" sizes=\"auto, (max-width: 862px) 100vw, 862px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>In this section, you can configure a specific <strong>background<\/strong> or upload your own and with effects (only available with backgrounds that are not a solid colour).&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"939\" height=\"636\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-102.png\" alt=\"\" class=\"wp-image-5382\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-102.png 939w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-102-300x203.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-102-768x520.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-102-50x34.png 50w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Once the desired changes have been made, you can (re)publish the site.&nbsp;<\/p>\n\n\n\n<div style=\"height:1px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you have any further questions, simply&nbsp;<strong><a href=\"https:\/\/admin.names.co.uk\/tech_support\/tracking\/add.php\">raise a support request<\/a><\/strong>&nbsp;from within your Online Control Panel or call us on&nbsp;<strong>0345 363 3634<\/strong>. Our Support team are here to help and ready to assist you with your enquiry.<\/p>\n\n\n\n<p>For assistance raising a support request please follow the following&nbsp;<strong><a href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-open-a-support-enquiry\/\">guide<\/a>.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to configure the additional panel for social network buttons.&nbsp; Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide HERE Step One To begin, click the gear wheel &lt; Advanced Settings.&nbsp; [&hellip;]<\/p>\n","protected":false},"author":28,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[260,154,262],"ht-kb-tag":[153,257],"class_list":["post-5375","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-edit-your-website","ht_kb_category-website-builder","ht_kb_category-website-design","ht_kb_tag-website-builder","ht_kb_tag-xsw"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Social Networks to Website Header - Support Centre - names.co.uk<\/title>\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-social-networks-to-website-header\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Social Networks to Website Header - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to configure the additional panel for social network buttons.&nbsp; Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide HERE Step One To begin, click the gear wheel &lt; Advanced Settings.&nbsp; [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/\" \/>\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-14T10:23:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png\" \/>\n\t<meta property=\"og:image:width\" content=\"921\" \/>\n\t<meta property=\"og:image:height\" content=\"484\" \/>\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=\"1 minute\" \/>\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-social-networks-to-website-header\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/\",\"name\":\"How to Add Social Networks to Website Header - 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-social-networks-to-website-header\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png\",\"datePublished\":\"2025-01-14T10:23:29+00:00\",\"dateModified\":\"2025-01-14T10:23:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png\",\"width\":921,\"height\":484},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Social Networks to Website Header\"}]},{\"@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 Social Networks to Website Header - Support Centre - names.co.uk","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-social-networks-to-website-header\/","og_locale":"en_GB","og_type":"article","og_title":"How to Add Social Networks to Website Header - Support Centre - names.co.uk","og_description":"In this article, you will learn how to configure the additional panel for social network buttons.&nbsp; Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do so? Follow our guide HERE Step One To begin, click the gear wheel &lt; Advanced Settings.&nbsp; [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2025-01-14T10:23:30+00:00","og_image":[{"width":921,"height":484,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/","name":"How to Add Social Networks to Website Header - 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-social-networks-to-website-header\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png","datePublished":"2025-01-14T10:23:29+00:00","dateModified":"2025-01-14T10:23:30+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-99.png","width":921,"height":484},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-social-networks-to-website-header\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to Add Social Networks to Website Header"}]},{"@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\/5375","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\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=5375"}],"version-history":[{"count":3,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5375\/revisions"}],"predecessor-version":[{"id":6487,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5375\/revisions\/6487"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=5375"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=5375"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=5375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}