{"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-08-26T09:33:23","modified_gmt":"2026-08-26T09:33:23","slug":"7987118-hostinger-ai-builder-manual-mode-how-to-add-custom-code-third-party-integrations","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/7987118-hostinger-ai-builder-manual-mode-how-to-add-custom-code-third-party-integrations\/","title":{"rendered":"Hostinger AI Builder: How to add custom code and third-party integrations in manual mode"},"content":{"rendered":"

Explore third-party platforms and tools to enhance the functionality and design of your Hostinger AI Builder manual mode website.<\/p>

Adding custom code<\/h2>

There are two ways to add a custom code to your website:<\/p>

\n\n\n\n\n\n
\n

\n<\/p><\/td>\n

\n

To the <head><\/head> part of your website’s code<\/b><\/p>\n<\/td>\n

\n

To the <body><\/body> part of your website’s code<\/b><\/p>\n<\/td>\n<\/tr>\n

\n

Where?<\/b><\/p>\n<\/td>\n

\n

Integrations settings → Custom code<\/p>\n<\/td>\n

\n

Editor → Add element → Embed code<\/p>\n<\/td>\n<\/tr>\n

\n

How?<\/b><\/p>\n<\/td>\n

\n

How to Add a Custom Code to the <head><\/head> Part of a Website’s Code<\/a><\/b><\/p>\n<\/td>\n

\n

How to Embed a Custom Code<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>

If the code needs to be inserted in the <body> or the <\/b><head> depends on the particular integration<\/b>. It’s usually specified by the developers of the integration and can be found in its documentation (example<\/a><\/b>).<\/p>

After pasting the code, it’s important to 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>

Useful resources<\/h2>

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 AI Builder manual mode: CSS<\/b>, HTML<\/b>, JavaScript<\/b><\/p>

Third-Party tools<\/h3>