{"id":656,"date":"2023-06-07T11:24:42","date_gmt":"2023-06-07T11:24:42","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2023\/06\/07\/7987118-hostinger-website-builder-how-to-achieve-more-advanced-solutions\/"},"modified":"2026-03-16T12:12:02","modified_gmt":"2026-03-16T12:12:02","slug":"7987118-hostinger-website-builder-how-to-achieve-more-advanced-solutions","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/7987118-hostinger-website-builder-how-to-achieve-more-advanced-solutions\/","title":{"rendered":"Hostinger Website Builder: How to Achieve More Advanced Solutions"},"content":{"rendered":"<p class=\"no-margin\">If you use <b><a href=\"https:\/\/www.hostinger.com\/website-builder\" target=\"_blank\" class=\"intercom-content-link\">Hostinger Website Builder<\/a><\/b> and would like to enhance the functionalities or design of your website, we recommend you explore various third-party platforms and tools. <\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_02df8a9a30\">Adding Custom Code  <\/h2><p class=\"no-margin\">There are two ways to add a custom code to your website:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 74px\">\n<p class=\"no-margin\">\n<\/p><\/td>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>To the &lt;head&gt;&lt;\/head&gt; part of your website&rsquo;s code<\/b><\/p>\n<\/td>\n<td style=\"background-color: #e3e7fa80\">\n<p class=\"intercom-align-center no-margin\"><b>To the &lt;body&gt;&lt;\/body&gt; part of your website&rsquo;s code<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 74px\">\n<p class=\"no-margin\"><b>Where?<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Integrations settings &rarr; Custom code<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Editor &rarr; Add element &rarr; Embed code<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 74px\">\n<p class=\"no-margin\"><b>How?<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b><a href=\"\/support\/6445594-website-builder-how-to-add-a-custom-code-to-the-head-head-part-of-a-website-s-code\" target=\"_blank\" class=\"intercom-content-link\">How to Add a Custom Code to the &lt;head&gt;&lt;\/head&gt; Part of a Website&rsquo;s Code<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b><a href=\"\/support\/6463152-website-builder-how-to-embed-a-custom-code\" target=\"_blank\" class=\"intercom-content-link\">How to Embed a Custom Code<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\">If the code needs to be inserted in the &lt;body&gt; or the<b> <\/b>&lt;head&gt; <b>depends on the particular integration<\/b>. It&rsquo;s usually specified by the developers of the integration and can be found in its documentation (<b><a href=\"https:\/\/mailchimp.com\/help\/add-a-pop-up-signup-form-to-your-website\/#:~:text=You%E2%80%99ll%20need%20to%20copy%20and%20paste%20this%20code%20between%20the%20%3Chead%3E%20tags%20on%20your%20website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">example<\/a><\/b>).<\/p><p class=\"no-margin\">&#65279;After pasting the code, it&rsquo;s important to<b> <a href=\"\/support\/6435697-website-builder-how-to-update-a-website\" target=\"_blank\" class=\"intercom-content-link\">update the website<\/a><\/b>. Also, remember that the code is active on the live website, i.e., the change may not reflect\/the integration may not work as intended within the editor.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_afc481053f\">Useful Resources<\/h2><p class=\"no-margin\">Working with code may appear intimidating at first, but there are plenty of free online resources where you can learn more about coding and languages supported by Hostinger Website Builder: <b>CSS<\/b>, <b>HTML<\/b>, <b>JavaScript<\/b> &#128218; <\/p><p class=\"no-margin\">\n<\/p><h3 id=\"h_5993381adf\">Third-Party Tools<\/h3><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/atlasmic.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Atlasmic<\/a> <\/b>&ndash;<b> <\/b>live chat, sales acceleration, inbound marketing<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/calendly.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Calendly<\/a> <\/b>&ndash; appointment scheduling<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/elfsight.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Elfsight<\/a> <\/b>&ndash; various website widgets<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/infogram.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Infogram<\/a> <\/b>&ndash; infographics, reports, interactive maps<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/app.involve.me\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Involve.me<\/a><\/b> &ndash; quizzes, surveys, calculators, forms<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/www.jotform.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Jotfrom<\/a> <\/b>&ndash; contact forms<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/lordicon.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Lordicon<\/a><\/b> &ndash; animations<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/www.powr.io\/plugins\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Powr.io<\/a><\/b> &ndash; comment boxes, contact forms, social media feeds<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/help.soundcloud.com\/hc\/en-us\/articles\/115003568008-Embedding-a-track-or-playlist-#:~:text=To%20get%20an%20embed%20code,from%20&#039;Code%20%26%20preview&#039;.\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">SoundCloud<\/a><\/b> &ndash; audio tracks and playlists<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/www.tawk.to\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tawk.to<\/a> <\/b>&ndash;<b> <\/b>live chat<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/www.tidio.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tidio<\/a> <\/b>&ndash;<b> <\/b>live chat, chatbots<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h3 id=\"h_4d3d5dfcae\">Other References<\/h3><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/www.fiverr.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Fiverr.com<\/a> <\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/search.google.com\/search-console\/about\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Search Console<\/a><\/b><\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.google.com\/webmasters\/#topic=9128571\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Search Console Help<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/developers.google.com\/search\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Google Search Central<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/vscode.dev\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Visual Studio Code<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/www.w3schools.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">W3Schools<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/collections\/3587143-website-builder\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Website Builder<\/a><\/b><\/p>\n<ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6572145-website-builder-how-to-add-a-comments-section\" target=\"_blank\" class=\"intercom-content-link\">How to Add a Comments Section<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6475500-website-builder-how-to-add-a-pdf-document\" target=\"_blank\" class=\"intercom-content-link\">How to Add a PDF Document<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6475162-website-builder-how-to-add-a-table\" target=\"_blank\" class=\"intercom-content-link\">How to Add a Table<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6475420-website-builder-how-to-add-an-faq-section\" target=\"_blank\" class=\"intercom-content-link\">How to Add an FAQ Section<\/a><\/b> <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6475125-website-builder-how-to-embed-audio-files\" target=\"_blank\" class=\"intercom-content-link\">How to Add Audio Files<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6491071-website-builder-how-to-add-clients-reviews\" target=\"_blank\" class=\"intercom-content-link\">How to Add Clients&rsquo; Reviews<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/collections\/3587143-website-builder\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">How to Add Integrations<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6448859-website-builder-how-to-add-videos\" target=\"_blank\" class=\"intercom-content-link\">How to Add Videos<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/7986905-website-builder-how-to-customize-your-website-s-design-using-code\" target=\"_blank\" class=\"intercom-content-link\">How to Customize Your Website&rsquo;s Design Using Code<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/7007975-website-builder-how-to-check-if-a-custom-code-is-added-to-a-website\" target=\"_blank\" class=\"intercom-content-link\">How to Check if a Custom Code Is Added to a Website<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/support\/6998897-website-builder-how-to-hide-the-header-section-from-specific-pages\" target=\"_blank\" class=\"intercom-content-link\">How to Hide the Header Section From Specific Pages<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Integrating third-party tools in 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-656","post","type-post","status-publish","format-standard","hentry","category-integrations"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/7987118-hostinger-website-builder-how-to-achieve-more-advanced-solutions\/","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/656","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=656"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/656\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}