Add custom code to a Hostinger AI Builder manual mode website to connect third-party integrations or verify domain ownership for services like Google Search Console, Facebook, and AdSense. Snippets are auto-placed based on tag type: <meta>, <link>, and <style> tags go to <head>, while <script>, <noscript>, and <iframe> tags go to the end of <body>. Add the data-render-head attribute to a <script> tag if it needs to load from <head> specifically.
If you use Hostinger AI Builder manual mode and want to add custom code to your site, follow the instructions below.
Integrating custom code
Within the builder, go to More (ellipsis button ⋯) → Integrations:
Paste the code into the Custom code field:
You can add as many codes there as you need. Just make sure to paste one snippet of code below another, and don’t paste one in the middle of another code.
Finally, save the changes and update your website.
Changes made by custom code are visible in the website’s preview mode and online, not within the editor.
To confirm the code is live, open your website in a browser → right-click → Inspect → use Ctrl+F / Cmd+F to search for a keyword from your snippet.
Troubleshooting
If the integration is not working as expected, make sure that you’ve inserted the correct script and updated your website. Updating your website is necessary to push the newly added script to your website’s source code.
If your site breaks after adding code: go to Integrations – Custom Code, remove all snippets, republish, then re-add them one by one to find the culprit.
Custom code is now added to your website, ready to power your integrations, verifications, and customizations.
More custom code use cases: