{"id":5642,"date":"2025-01-14T11:23:15","date_gmt":"2025-01-14T11:23:15","guid":{"rendered":"https:\/\/www.names.co.uk\/support\/?post_type=ht_kb&#038;p=5642"},"modified":"2025-01-14T11:23:15","modified_gmt":"2025-01-14T11:23:15","slug":"how-to-add-your-own-favicon","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/","title":{"rendered":"How to Add Your Own Favicon"},"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>The <strong>favicon<\/strong> is the small <strong>logo<\/strong> displayed in the <strong>browser tab<\/strong> for a specific website. In this article, you will learn how to change the favicon, or how to add your own.<\/p>\n\n\n\n<div class=\"wp-block-nco-caution-block\"><p class=\"nco-caution-block-content\">Changing the favicon is a premium feature only, so if you don&#8217;t have access to this but would like to, please upgrade your website through your Online Control Panel or contact our Sales team on <strong>0345 363 3632<\/strong>.<\/p><\/div>\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>Click <strong>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=\"624\" height=\"194\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png\" alt=\"\" class=\"wp-image-6176\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png 624w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261-300x93.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261-50x16.png 50w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/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>Design<\/strong>, then <strong>Favicon<\/strong> &lt; <strong>Change Icon<\/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=\"830\" height=\"552\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-237.png\" alt=\"\" class=\"wp-image-5643\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-237.png 830w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-237-300x200.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-237-768x511.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-237-50x33.png 50w\" sizes=\"auto, (max-width: 830px) 100vw, 830px\" \/><\/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>You can select a free icon from the gallery or upload your own by clicking <strong>Upload favicon<\/strong>. <\/p>\n\n\n\n<div class=\"wp-block-nco-advice-block\"><p class=\"nco-advice-block-content\"><strong>TIP:<\/strong> If you choose to upload your own icon, ensure the file is in .ico format and has <strong>dimensions divisible by 48px<\/strong>, such as 48x48px, 96x96px, or 144x144px.\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=\"899\" height=\"551\" src=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-238.png\" alt=\"\" class=\"wp-image-5644\" srcset=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-238.png 899w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-238-300x184.png 300w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-238-768x471.png 768w, https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/11\/image-238-50x31.png 50w\" sizes=\"auto, (max-width: 899px) 100vw, 899px\" \/><\/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>The favicon is the small logo displayed in the browser tab for a specific website. In this article, you will learn how to change the favicon, or how to add your own. Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do [&hellip;]<\/p>\n","protected":false},"author":28,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[267,154],"ht-kb-tag":[153,257],"class_list":["post-5642","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-premium","ht_kb_category-website-builder","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 Your Own Favicon - 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-your-own-favicon\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Your Own Favicon - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"The favicon is the small logo displayed in the browser tab for a specific website. In this article, you will learn how to change the favicon, or how to add your own. Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/\" \/>\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=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png\" \/>\n\t<meta property=\"og:image:width\" content=\"624\" \/>\n\t<meta property=\"og:image:height\" content=\"194\" \/>\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-your-own-favicon\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/\",\"name\":\"How to Add Your Own Favicon - 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-your-own-favicon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png\",\"datePublished\":\"2025-01-14T11:23:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#primaryimage\",\"url\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png\",\"contentUrl\":\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png\",\"width\":624,\"height\":194},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Your Own Favicon\"}]},{\"@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 Your Own Favicon - 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-your-own-favicon\/","og_locale":"en_GB","og_type":"article","og_title":"How to Add Your Own Favicon - Support Centre - names.co.uk","og_description":"The favicon is the small logo displayed in the browser tab for a specific website. In this article, you will learn how to change the favicon, or how to add your own. Getting Started To get started, you first need to log into the web builder through your Online Control Panel. Unsure how to do [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","og_image":[{"width":624,"height":194,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.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-your-own-favicon\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/","name":"How to Add Your Own Favicon - 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-your-own-favicon\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#primaryimage"},"thumbnailUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png","datePublished":"2025-01-14T11:23:15+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#primaryimage","url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png","contentUrl":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2024\/12\/image-261.png","width":624,"height":194},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-your-own-favicon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to Add Your Own Favicon"}]},{"@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\/5642","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=5642"}],"version-history":[{"count":4,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5642\/revisions"}],"predecessor-version":[{"id":6517,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/5642\/revisions\/6517"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=5642"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=5642"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=5642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}