{"id":3884,"date":"2022-04-27T13:47:57","date_gmt":"2022-04-27T11:47:57","guid":{"rendered":"https:\/\/www.combell.com\/en\/help\/?post_type=ht_kb&#038;p=3884"},"modified":"2022-09-28T10:12:03","modified_gmt":"2022-09-28T08:12:03","slug":"how-to-add-html-code-into-sitebuilders-header","status":"publish","type":"ht_kb","link":"https:\/\/www.combell.com\/en\/help\/kb\/how-to-add-html-code-into-sitebuilders-header\/","title":{"rendered":"How to Add HTML Code into SiteBuilder&#8217;s Header"},"content":{"rendered":"\n<p>This article describes how to add HTML code into the header of all pages, or just one page, of a website.<\/p>\n\n\n\n<div class=\"wp-block-ht-block-toc  is-style-outline htoc htoc--position-wide toc-list-style-plain\" data-htoc-state=\"expanded\"><span class=\"htoc__title\"><span class=\"ht_toc_title\">Table of Contents<\/span><span class=\"htoc__toggle\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\"><g fill=\"#444\"><path d=\"M15 7H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z\"><\/path><path d=\"M15 1H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1zM15 13H1c-.6 0-1 .4-1 1s.4 1 1 1h14c.6 0 1-.4 1-1s-.4-1-1-1z\"><\/path><\/g><\/svg><\/span><\/span><div class=\"htoc__itemswrap\"><ul class=\"ht_toc_list\"><li class=\"\"><a href=\"#h-how-to-add-html-code-into-the-header-of-all-pages\">How to add HTML code into the header of all pages<\/a><\/li><li class=\"\"><a href=\"#htoc-hoe-een-html-code-toevoegen-in-de-koptekst-van-een-enkele-pagina\">How to add HTML code into the header of a particular page<\/a><\/li><li class=\"\"><a href=\"#htoc-hoe-een-html-code-te-plaatsen-op-een-bepaalde-plaats-op-de-pagina\">How to add HTML code in a specific place on the page.<\/a><\/li><\/ul><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-html-code-into-the-header-of-all-pages\">How to add HTML code into the header of all pages<\/h2>\n\n\n\n<p>Adding HTML code into the header of all pages is possible with<a href=\"https:\/\/www.webnode.info\/premium-services\/how-to-purchase-premium-services\" rel=\"noreferrer noopener\" target=\"_blank\"> <\/a>SiteBuilder. In some external service manuals, adding code in the header can also be described as adding code between the &lt;head&gt; and &lt;\/head&gt; tags on your site.<\/p>\n\n\n\n<ol><li>Click on <strong>Settings<\/strong>.<img decoding=\"async\" class=\"wp-image-20191\" style=\"width: 750px;\" src=\"https:\/\/www.combell.com\/en\/help\/wp-content\/uploads\/1627038683814-select-settings.png\" alt=\"\"><\/li><li>Go to&nbsp;<strong>Website Settings<\/strong>&nbsp;and find the&nbsp;<strong>HTML header\/footer<\/strong>&nbsp;on the right and paste the code into the prepared window. Then click&nbsp;<strong>Save<\/strong>&nbsp;and publish the changes.<img decoding=\"async\" class=\"wp-image-20192\" style=\"width: 750px;\" src=\"https:\/\/www.combell.com\/en\/help\/wp-content\/uploads\/1627038949802-2-website-header.png\" alt=\"\"><br><br>The code is added into the header of all pages when you embed the&nbsp;<a href=\"https:\/\/www.facebook.com\/business\/learn\/facebook-ads-pixel\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook Pixel<\/a>&nbsp;on your site, or when you insert the basic code to link to&nbsp;<a href=\"https:\/\/www.google.com\/intl\/en\/adsense\/start\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google AdSense<\/a>&nbsp;for example. If you add additional code into the header, just paste it below the existing one.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"htoc-hoe-een-html-code-toevoegen-in-de-koptekst-van-een-enkele-pagina\"><strong>How to add HTML code into the header of a particular page<\/strong><\/h2>\n\n\n\n<ol><li>Click on <strong>PAG<\/strong>ES<img decoding=\"async\" class=\"wp-image-20159\" style=\"width: 750px;\" src=\"https:\/\/www.combell.com\/en\/help\/wp-content\/uploads\/1627036004585-select-pages.png\" alt=\"\"><br><\/li><li>Click on the selected page in the left column and expand the&nbsp;<strong>SEO page settings<\/strong>.&nbsp;<img decoding=\"async\" class=\"wp-image-20189\" style=\"width: 750px;\" src=\"https:\/\/www.combell.com\/en\/help\/wp-content\/uploads\/1627038971305-3-page-header.png\" alt=\"\"><\/li><li>Scroll down and paste the code into the prepared&nbsp;<strong>Custom HTML header code<\/strong>&nbsp;Then&nbsp;publish&nbsp;the changes.<br><br>The code is inserted in the header of one of the pages when you add your site to&nbsp;<a href=\"https:\/\/www.webnode.co.uk\/support\/index.php?\/Knowledgebase\/Article\/View\/3229\/\" rel=\"noreferrer noopener\" target=\"_blank\">Google Search Console<\/a>&nbsp;for example. If you add additional code into the header, just paste it below the existing one.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"htoc-hoe-een-html-code-te-plaatsen-op-een-bepaalde-plaats-op-de-pagina\">How to add HTML code in a specific place on the page.<\/h2>\n\n\n\n<p>If you need to add the HTML code to the body of the page, e.g. HTML code to display the external service widget,<strong> <\/strong>please&nbsp;follow the general instructions about adding HTML code. This allows you to add a widget for a countdown timer,&nbsp;reservation calendar, or other external widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This article describes how to add HTML code into the header of all pages, or just one page, of a website. How to add HTML code into the header of all pages Adding HTML code into the header of all pages is possible with SiteBuilder. In some external service manuals,&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[352,21],"ht-kb-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/ht-kb\/3884"}],"collection":[{"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/comments?post=3884"}],"version-history":[{"count":1,"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/ht-kb\/3884\/revisions"}],"predecessor-version":[{"id":3885,"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/ht-kb\/3884\/revisions\/3885"}],"wp:attachment":[{"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/media?parent=3884"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/ht-kb-category?post=3884"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.combell.com\/en\/help\/wp-json\/wp\/v2\/ht-kb-tag?post=3884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}