Hostinger AI Builder offers two ways to add custom code in manual mode: use an Embed code element for code that belongs in one page, or use More (⋯) → Integrations → Custom code for code intended to apply site-wide. Follow the integration provider’s instructions about placement, then update your website and check the published result.
Choose the right custom-code method
| Method | Scope and placement | Best for |
|---|---|---|
| Embed code element | Placed within a particular page, in the page body | A widget or snippet that should appear at a specific position on one page |
| Integrations → Custom code | Site-wide field; Hostinger places code according to its tag type | Code the provider says to add site-wide, such as verification or head-level code |
Use the integration provider’s documentation to decide whether its snippet belongs in the page body or the site-wide head/body fields. Hostinger distinguishes the page-level Embed code element from Integrations → Custom code; its manual-mode overview describes both routes as well. Hostinger AI Builder manual mode overview
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
Siti web produttivi con Hostinger: Il Complemento Operativo al Manuale AI Investment: Digital... | $9.99 | Buy on Amazon |
Add code to one page
- In the editor, open Add elements.
- Drag an Embed code element to the position you want on the page.
- Select the element and choose Enter code.
- Paste the snippet and click Embed code.
- Resize or manage the element using its available options, then update the website to publish the change.
For an embed URL, use HTTPS and remove spaces around the URL. If the builder reports that the embed is too large, look for pasted images encoded as data:image…; Hostinger says that format is not supported there, so use an image URL instead. Hostinger’s embed-code instructions
Add code site-wide
- In the editor, open More (⋯) → Integrations → Custom code.
- Paste the snippet into the custom-code field, following the integration provider’s placement instructions.
- Save the changes and update the website.
Hostinger routes code in this field by tag type: <meta>, <link>, and <style> tags go in <head>; <script>, <noscript>, and <iframe> tags go at the end of <body>. If a script specifically needs to load in the head, Hostinger documents adding data-render-head to the <script> tag. Hostinger’s custom-code integration instructions
PC Slower Than It Used to Be?
A free scan shows the junk files, broken settings and background clutter dragging Windows down - then fixes them in one click.Free scan · Windows 10 & 11Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minutePublish and confirm the code is working
After saving or embedding the snippet, update the website. Custom-code effects may appear in Preview mode or on the published site without appearing inside the editor, so the editor alone is not a reliable check. Hostinger’s guidance on code and editor visibility
- Open Preview or visit the published page and look for the expected widget, styling, or behavior.
- For a site-wide integration, inspect the published page’s source and search for a distinctive word from the snippet to check that the code is present.
- If the widget is absent despite a correct update, clear the browser cache and check again.
If it still does not appear after clearing the cache, Hostinger recommends contacting the widget provider. Hostinger’s embed troubleshooting guidance
Troubleshoot a site affected by custom code
Hostinger warns that custom code can conflict with the builder’s infrastructure. If the site stops working or behaves incorrectly after adding a snippet, remove code in stages rather than assuming which snippet caused the problem. Hostinger’s manual-mode troubleshooting guidance
Quick Recap
- Back up your snippets so you can restore them.
- Remove all snippets from Integrations → Custom code and temporarily remove code from any Embed code elements.
- Update the website and test the live page.
- If the site works again, add snippets back one at a time, updating and testing after each addition to isolate the conflict.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
