{"id":2795,"date":"2021-01-14T21:33:55","date_gmt":"2021-01-15T02:33:55","guid":{"rendered":"https:\/\/kb.n0c.com\/?post_type=ht_kb&p=2795"},"modified":"2026-10-07T15:54:11","modified_gmt":"2026-10-07T19:54:11","slug":"sitebuilder-how-to-add-a-custom-logo-to-your-website","status":"publish","type":"ht_kb","link":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/","title":{"rendered":"How to Add a Custom Logo to a Website"},"content":{"rendered":"\n

Introduction<\/h2>\n\n\n\n

This article aims to explain how to add a logo to your website.<\/p>\n\n\n\n

To begin, it is important to know that image files should be saved in .jpeg, .jpg or .png format only. The size and resolution are left to your discretion, although a rectangular logo format is more appropriate.<\/p>\n\n\n\n

The\u00a0Glossary<\/a>\u00a0contains explanations on multiple topics and can be consulted to clarify certain terms.<\/p>\n\n\n\n

Prerequisite<\/h2>\n\n\n\n

Enter the following address in your web browser : https:\/\/mg.n0c.com\/en<\/a>.<\/p>\n\n\n\n

Open the interface (please see the article How to Create Web Sites<\/a>).<\/p>\n\n\n\n

Make sure the tool is configured in English (please see the article\u00a0How to Change the Language<\/a>).<\/p>\n\n\n\n

Adding a Custom Logo to your Website<\/h2>\n\n\n\n
    \n
  1. In the side bar menu, select Pages -> All Pages<\/strong>.<\/li>\n\n\n\n
  2. Choose the Header or Footer in the list of pages and click on the Edit this item <\/strong>icon next to them:<\/li>\n<\/ol>\n\n\n
    \n
    \"Edit<\/a><\/figure><\/div>\n\n\n
      \n
    1. If you want to display only one logo, first click on My Website<\/strong> and delete this image by clicking on the Delete Object<\/strong> icon, represented by a trash can:<\/li>\n<\/ol>\n\n\n
      \n
      \"Delete<\/a><\/figure><\/div>\n\n\n
        \n
      1. Drag and drop the image box to the desired location on the Header<\/strong> page:<\/li>\n<\/ol>\n\n\n
        \n
        \"Adding<\/a><\/figure><\/div>\n\n\n
          \n
        1. Once you have placed the image in the desired location, a dialog box will appear allowing you to upload your logo from your personal computer. You can drag and drop the image, or browse through the files on your computer using the Select Files<\/strong> button, whichever you prefer:<\/li>\n<\/ol>\n\n\n
          \n
          \"upload<\/a><\/figure><\/div>\n\n\n
            \n
          1. Click on the Insert into page<\/strong> button.<\/li>\n\n\n\n
          2. Once an image is inserted, you can adjust its various properties to crop it.<\/li>\n\n\n\n
          3. When you have finished the layout, you can either publish it or save it to continue it later.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

            To begin, it is important to know that image files should be saved in .jpeg, .jpg or .png format only. The size and resolution are left to your discretion, although a rectangular logo format is more appropriate.<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[171],"ht-kb-tag":[284,287,286,176,230,232],"class_list":["post-2795","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-sitebuilder-en","ht_kb_tag-custom","ht_kb_tag-custom-logo","ht_kb_tag-logo-2","ht_kb_tag-n0c-2","ht_kb_tag-sitebuilder-2","ht_kb_tag-website"],"yoast_head":"\nHow to Add a Custom Logo to a Website - N0C KB<\/title>\n<meta name=\"description\" content=\"This article aims to explain how to add a logo to your Site Builder website.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add a Custom Logo to a Website - N0C KB\" \/>\n<meta property=\"og:description\" content=\"This article aims to explain how to add a logo to your Site Builder website.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/\" \/>\n<meta property=\"og:site_name\" content=\"N0C KB\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-07T19:54:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kb.n0c.com\/wp-content\/uploads\/2024\/02\/Site_pad_header_footer_EN.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2406\" \/>\n\t<meta property=\"og:image:height\" content=\"638\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. 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:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/\",\"name\":\"How to Add a Custom Logo to a Website - N0C KB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Site_pad_header_footer_EN-1024x272.png\",\"datePublished\":\"2021-01-15T02:33:55+00:00\",\"dateModified\":\"2026-10-07T19:54:11+00:00\",\"description\":\"This article aims to explain how to add a logo to your Site Builder website.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Site_pad_header_footer_EN-1024x272.png\",\"contentUrl\":\"https:\\\/\\\/kb.n0c.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Site_pad_header_footer_EN-1024x272.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/sitebuilder-how-to-add-a-custom-logo-to-your-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kb.n0c.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\\\/\\\/kb.n0c.com\\\/en\\\/knowledge-base\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add a Custom Logo to a Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kb.n0c.com\\\/#website\",\"url\":\"https:\\\/\\\/kb.n0c.com\\\/\",\"name\":\"N0C KB\",\"description\":\"Official documentation of the N0C hosting platform\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kb.n0c.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add a Custom Logo to a Website - N0C KB","description":"This article aims to explain how to add a logo to your Site Builder website.","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:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Add a Custom Logo to a Website - N0C KB","og_description":"This article aims to explain how to add a logo to your Site Builder website.","og_url":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/","og_site_name":"N0C KB","article_modified_time":"2026-10-07T19:54:11+00:00","og_image":[{"width":2406,"height":638,"url":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2024\/02\/Site_pad_header_footer_EN.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/","url":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/","name":"How to Add a Custom Logo to a Website - N0C KB","isPartOf":{"@id":"https:\/\/kb.n0c.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/#primaryimage"},"image":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/#primaryimage"},"thumbnailUrl":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2024\/02\/Site_pad_header_footer_EN-1024x272.png","datePublished":"2021-01-15T02:33:55+00:00","dateModified":"2026-10-07T19:54:11+00:00","description":"This article aims to explain how to add a logo to your Site Builder website.","breadcrumb":{"@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/#primaryimage","url":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2024\/02\/Site_pad_header_footer_EN-1024x272.png","contentUrl":"https:\/\/kb.n0c.com\/wp-content\/uploads\/2024\/02\/Site_pad_header_footer_EN-1024x272.png"},{"@type":"BreadcrumbList","@id":"https:\/\/kb.n0c.com\/en\/knowledge-base\/sitebuilder-how-to-add-a-custom-logo-to-your-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kb.n0c.com\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/kb.n0c.com\/en\/knowledge-base\/"},{"@type":"ListItem","position":3,"name":"How to Add a Custom Logo to a Website"}]},{"@type":"WebSite","@id":"https:\/\/kb.n0c.com\/#website","url":"https:\/\/kb.n0c.com\/","name":"N0C KB","description":"Official documentation of the N0C hosting platform","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kb.n0c.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/2795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/comments?post=2795"}],"version-history":[{"count":18,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/2795\/revisions"}],"predecessor-version":[{"id":26282,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb\/2795\/revisions\/26282"}],"wp:attachment":[{"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/media?parent=2795"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=2795"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/kb.n0c.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=2795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}