In Hostinger AI Builder’s manual mode, open More (⋯) → Integrations in the website settings. Choose a built-in integration there, or add a third-party service through Custom Code for site-wide code or an Embed code element for code placed on a specific page. Save and update the website, then check the preview or live site: code changes may not appear in the editor.
Open the integrations settings
- Open the website in Hostinger AI Builder’s manual mode.
- Click More (⋯) to open the website settings.
- Select Integrations.
- Choose a listed integration and follow its setup prompts, or select Custom Code to add a provider’s snippet.
Hostinger’s manual-mode guide lists Custom Code, Google Analytics, Hotjar, Meta Pixel, Google Tag Manager, WhatsApp, Google AdSense, Google AdMob, Shippo, Printful, Hostinger Reach, and Google Tag. Availability and setup details may change, so check the current settings in your account.
Choose where the third-party code belongs
Use the service provider’s implementation instructions to determine whether a snippet belongs in the site’s head, at the end of the body, or within page content. The two routes below serve different placement needs.
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
Siti web produttivi con Hostinger: Il Complemento Operativo al Manuale AI Investment: Digital... | $9.99 | Buy on Amazon |
As an Amazon Associate I earn from qualifying purchases.
| Route | Use it for | Where to add it |
|---|---|---|
| Custom Code | Site-level code, such as a service script or site verification snippet | More → Integrations → Custom Code |
| Embed code element | Code intended to appear within a particular page’s body | On that page, add an Embed code element |
Add site-level code
- Open More → Integrations → Custom Code.
- Paste snippets one below another. Keep each snippet intact rather than inserting one inside another.
- Save the change and update the website.
Hostinger says the Custom Code field automatically places meta, link, and style tags in the head, and script, noscript, and iframe tags at the end of the body. If a script must load from the head, Hostinger documents the data-render-head attribute. Follow the service provider’s directions before changing placement.
Add code to one page
- Open the page in the editor and select Add elements.
- Drag an Embed code element onto the page.
- Choose Enter code, paste the provider’s code, and click Embed code.
- Save and update the website.
Understand the difference between built-in and third-party tools
A name in Hostinger’s built-in list is not the same as a third-party tool that can be added with an embed snippet. Hostinger’s companion guide gives these as examples of services that may be integrated with custom code: Atlasmic, Calendly, Elfsight, Infogram, Involve.me, Jotform, Lordicon, Powr.io, SoundCloud, Tawk.to, and Tidio. These examples do not guarantee a native, one-click connector; use each provider’s current instructions to determine whether it supports embedding and what code or account setup it requires.
Quick Recap
Update and verify the integration
- Save your changes and update or publish the website so the new code is applied to the site.
- Check the preview or published page, not only the editor canvas. Hostinger notes that custom-code changes may be visible in preview and online without appearing in the editor.
- If you need to confirm the snippet is present, open the published page, use your browser’s Inspect tool, and search the page source for a distinctive word or string from the snippet.
Troubleshoot a missing or broken embed
- Nothing appears: Confirm that the snippet matches the provider’s instructions and that you updated the website. Check the preview or live page, and clear the browser cache if the widget still does not show. If it remains missing, contact the provider.
- The site breaks after adding code: Remove all snippets from Integrations → Custom Code, update the website, then add snippets back one at a time, updating and checking after each one to identify the problem snippet.
- The embed code is too large: If the snippet includes an image encoded inline as
data:image…, replace that payload with a URL to the image. - The widget URL is rejected or fails: Hostinger recommends using HTTPS URLs and removing spaces from URLs in embedded code.
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.
