{"id":918,"date":"2022-08-04T14:41:08","date_gmt":"2022-08-04T14:41:08","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/04\/6445594-hostinger-website-builder-how-to-integrate-custom-code\/"},"modified":"2026-06-22T03:30:13","modified_gmt":"2026-06-22T03:30:13","slug":"6445594-hostinger-website-builder-how-to-integrate-custom-code","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6445594-hostinger-website-builder-how-to-integrate-custom-code\/","title":{"rendered":"Hostinger Website Builder: How to Integrate Custom Code"},"content":{"rendered":"<p>With the help of custom code, you can connect third-party integrations or verify the ownership of your website or domain for various services and platforms, e.g., Google Search Console, Facebook, AdSense, and the like. Snippets added here are auto-placed based on tag type: &lt;meta&gt;, &lt;link&gt;, and &lt;style&gt; tags go to &lt;head&gt;, while &lt;script&gt;, &lt;noscript&gt;, and &lt;iframe&gt; tags go to the end of &lt;body&gt;. If you need a &lt;script&gt; to load from &lt;head&gt; specifically, add the data-render-head attribute to the tag. If instead you want to manually add code to the &lt;body&gt;,&nbsp;follow our <a href=\"https:\/\/www.hostinger.com\/support\/6463152-hostinger-website-builder-how-to-embed-custom-code\/\">article about it<\/a>.<\/p><p class=\"no-margin\">If you use<b> Hostinger Website Builder <\/b>and want to add custom code to your site, follow the instructions below &#128071;<\/p><h2 id=\"h_aa6a914d1f\">Integrating Custom Code<\/h2><p class=\"no-margin\">Within the builder, go to<b> the three dots <\/b>&rarr;<b> Integrations<\/b>:<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-10616\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc1.png\" alt=\"\" width=\"437\" height=\"830\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc1.png 437w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc1-158x300.png 158w\" sizes=\"(max-width: 437px) 100vw, 437px\" \/><br>\nPaste the code into the <b>Custom code <\/b>field:<\/p><div class=\"intercom-container\"><img decoding=\"async\" class=\"alignnone size-large wp-image-10617\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc2-1024x695.png\" alt=\"\" width=\"1024\" height=\"695\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc2-1024x695.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc2-300x204.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc2-768x521.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/cc2.png 1322w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/div><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">You can add as many codes there as you need. Just make sure to<b> paste one snippet of code below another<\/b>, and don&rsquo;t paste one in the middle of another code.<\/p>\n<\/div><p class=\"no-margin\">Finally, save the changes and <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-how-to-update-a-website\/\" target=\"_blank\" rel=\"noopener\">update your website<\/a><\/b>.<\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">Changes made by custom code are <b>visible in the website&rsquo;s preview mode and online<\/b>, not within the editor &#128161;<\/p>\n<\/div><p>To confirm the code is live, open your website in a browser &rarr; right-click &rarr; Inspect &rarr; use Ctrl+F \/ Cmd+F to search for a keyword from your snippet.<\/p><h2 id=\"h_b977df36ab\">Troubleshooting<\/h2><p class=\"no-margin\">If the integration is not working as expected, make sure that you&rsquo;ve <b>inserted the correct script<\/b> and <b>updated your website<\/b>. Updating your website is necessary to push the newly added script to your website&rsquo;s source code.<\/p><p>If your site breaks after adding code: go to <strong>Integrations &ndash; Custom Code<\/strong>, remove all snippets, republish, then re-add them one by one to find the culprit.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add custom code to your website created with Hostinger Website Builder<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[284],"tags":[],"class_list":["post-918","post","type-post","status-publish","format-standard","hentry","category-integrations"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6445594-hostinger-website-builder-how-to-integrate-custom-code\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6445594-hostinger-creador-de-sitios-web-como-anadir-un-codigo-personalizado-a-la-parte-head-head-del-codigo-de-un-sitio-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6445594-hostinger-createur-de-site-web-comment-ajouter-un-code-personnalise-a-la-partie-head-head-du-code-d-un-site-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6445594-hostinger-website-builder-cara-menambahkan-kode-kustom-ke-bagian-head-head-pada-kode-suatu-website\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6445594-hostinger-svetainiu-kurimo-irankis-kaip-prideti-koda-i-svetaines-kodo-head-head-skilti\/","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/support\/6445594-hostinger-criador-de-sites-como-adicionar-um-codigo-personalizado-ao-cabecalho-head-head-do-codigo-fonte-do-seu-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=918"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/918\/revisions"}],"predecessor-version":[{"id":11803,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/918\/revisions\/11803"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}