{"id":890,"date":"2022-08-11T10:43:30","date_gmt":"2022-08-11T10:43:30","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/11\/6463152-hostinger-website-builder-how-to-embed-custom-code\/"},"modified":"2026-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6463152-hostinger-website-builder-how-to-embed-custom-code","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6463152-hostinger-website-builder-how-to-embed-custom-code\/","title":{"rendered":"Hostinger Website Builder: How to Embed Custom Code"},"content":{"rendered":"<p class=\"no-margin\">Custom code allows adding various third-party elements, features, and integrations to your site. This is the code that goes to the &lt;body&gt; of your website. If instead you want to add code to the &lt;head&gt;, follow our <a href=\"https:\/\/www.hostinger.com\/support\/6445594-hostinger-website-builder-how-to-integrate-custom-code\/\">article about it<\/a>.<\/p><p class=\"no-margin\">To do this with <b>Hostinger Website Builder<\/b>, follow the instructions below<b> &#128071; <\/b><\/p><h2 id=\"h_40f0ad1b09\">Embedding Custom Code<\/h2><p class=\"no-margin\">Within the builder, open the <b>Add elements <\/b>panel on the left, and drag and drop the <b>embed code <\/b>element to the desired place on your page:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/eb67b84d-81b9-40ca-84f0-5924d2ece391.jpg\"><\/div><p class=\"no-margin\">Click on the element to see more options: enter code, duplicate, change visibility, delete, resize, etc.:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/5d08da6b-5707-4407-831f-2ed115537d81.jpg\" alt=\"An embed code element and its editing options in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">Click on <b>Enter code<\/b>, insert your code, and click on <b>Embed code<\/b>:<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/260fe07d-d035-4afe-bf11-b4b23d69c595.jpg\" alt=\"Embedding custom code to the website\"><\/div><p class=\"no-margin\">Finally, <b><a class=\"intercom-content-link\" href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" rel=\"noopener\">update your website<\/a> <\/b>for the changes to reflect online.<\/p><h2 id=\"h_e746875c8a\">Troubleshooting<\/h2><p class=\"no-margin\">If there&rsquo;s a URL in your custom code:<\/p><ul>\n<li>\n<p class=\"no-margin\">Make sure to use <b>HTTPS<\/b>; HTTP links aren&rsquo;t secure, and browsers often block them<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Remove spaces<\/b> from the URL<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Bad example:<\/p><pre><code>&lt;iframe src=\" http:\/\/code.com \" frameBorder=\"0\" width=\"900\" scrolling=\"no\" height=\"900\" height=\"900\"&gt;&lt;\/iframe&gt;<\/code><\/pre><p class=\"no-margin\">Good example:<\/p><pre><code>&lt;iframe src=\"https:\/\/code.com\" frameBorder=\"0\" width=\"900\" scrolling=\"no\" height=\"900\" height=\"900\"&gt;&lt;\/iframe&gt;<\/code><\/pre><p class=\"no-margin\">If you&rsquo;ve inserted the correct code and updated the website, but no widget is visible online, <b><a class=\"intercom-content-link\" href=\"\/support\/1583501-how-to-clear-cache\" target=\"_blank\" rel=\"noopener\">clear the browser&rsquo;s cache<\/a><\/b>.<\/p><p class=\"no-margin\">If that doesn&rsquo;t help, we highly recommend you reach out to the developers or support department of the platform from which you took the code for the widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embedding custom code into a site<\/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":[280],"tags":[],"class_list":["post-890","post","type-post","status-publish","format-standard","hentry","category-website-elements"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463152-hostinger-website-builder-how-to-embed-custom-code\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463152-hostinger-creador-de-sitios-webs-como-incrustar-un-codigo-personalizado\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463152-hostinger-createur-de-site-web-comment-incorporer-un-code-personnalise\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463152-hostinger-website-builder-cara-menyematkan-kode-kustom\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463152-hostinger-svetainiu-kurimo-irankis-kaip-iterpti-koda\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463152-hostinger-criador-de-sites-como-embutir-um-codigo-personalizado\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/890","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=890"}],"version-history":[{"count":3,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/890\/revisions"}],"predecessor-version":[{"id":8734,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/890\/revisions\/8734"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}