Add Live Chat to Hostinger: Step-by-Step Setup Guide

To add live chat to Hostinger Website Builder, you paste one script tag into the Custom code field under Integrations and update your website. The chat bubble then appears on every page, and Mio, the AI assistant from Talkmio, starts answering visitors from your own content. The job takes a few minutes and needs no developer.

This guide covers the exact steps, what to expect from the preview and the live site, the checks to run afterwards and the most common reasons the bubble does not appear. It also explains what to do if your Hostinger account runs WordPress or a custom site instead of the Website Builder, because the right method depends on how the site was built.

What You Need Before You Start

Gather these items first, so you do not have to switch between tabs halfway through the setup.

A Talkmio account. The Free plan needs no card and gives you 1 operator, 1 website and 50 AI answers a month, which is plenty for testing everything in this guide.
Your install snippet. Sign in at app.talkmio.com, open Websites, add your domain and copy the snippet. It carries your site key, so each website gets its own.
Edit access to the Hostinger site. You need to open the builder and publish changes.
A little time for the knowledge base. Installing the widget is quick, but the chat is only useful once Mio has read your pages. You can do that straight after installing.

The snippet is a single script tag. It loads separately from the rest of your page, so it does not hold up what visitors see first. If you want to understand what such a tag does, the MDN reference for the script element explains the loading attributes in plain language.

Add Live Chat to Hostinger Website Builder Step by Step

Hostinger Website Builder has a built-in place for third-party code. That is exactly what a chat widget needs. The steps below follow the builder as described in Hostinger’s own custom code guide.

Step 1: copy the Talkmio snippet

In app.talkmio.com, open Websites, add your domain and copy the install snippet. Keep the whole tag, from the opening bracket to the closing one. If you copy only the address inside it, nothing will load.

Step 2: open Integrations in the builder

Open your site in the Hostinger builder, click the three dots (More) and choose Integrations. You will see a field called Custom code. This is the field that accepts snippets for analytics, verification tags and chat widgets.

Step 3: paste the snippet and save

Paste the Talkmio script into the Custom code field. If something is already there, such as an analytics tag, add the Talkmio tag below it and never inside another tag. Hostinger’s documentation says to place one snippet below another and not in the middle of one. Save the change.

Step 4: update your website

Custom code does not go live until you publish the site. Click the update or publish button in the builder and wait for the confirmation. The code works on every page, so you do not need to repeat the step per page.

Where Hostinger places the code

According to Hostinger, script tags in this field are placed at the end of the page body, while meta, link and style tags go to the head. A chat widget is a script, so it lands at the end of the body, which is the position recommended in Talkmio’s own documentation: paste the snippet before the closing body tag. You do not have to choose; the builder does it for you.

Check That the Chat Bubble Works

One detail surprises many people. Hostinger states that changes made by custom code are visible in the website’s preview mode and online, but not inside the editor. If you look for the bubble in the editing view, you will not find it, and you may think the install failed.

Open the preview or the live address in a private browser window, so extensions and cached files do not interfere.
Look for the chat bubble in the corner of the page. It appears on every page where the code loads.
Open the chat and ask two or three questions your customers really ask, such as opening hours, delivery times or the price of your most popular service.
Check that each answer comes from your own pages. If Mio has no source for something, it says so and hands the conversation to your team instead of guessing.
Open the Talkmio Inbox in another tab and confirm that the test conversation appears there.

If the bubble is missing, view the page source in your browser and search for part of your site key. Hostinger suggests the same check: inspect the source and search for a word from your snippet. If it is not in the source, the site was probably not updated or the snippet was saved in the wrong field.

Teach Mio Your Hostinger Site

A chat bubble with no knowledge is a polite way to disappoint people. In the Talkmio app, open Mio AI and then Knowledge base, and add your website address. Mio reads every public page on the same domain and respects your robots.txt file. You can add single pages, question and answer pairs, free text and files such as PDF, DOCX, TXT, MD, CSV and HTML up to 15 MB.

The Free plan keeps 20 knowledge base pages, which is enough for a small brochure site. If your Hostinger site has a long price list, upload it as a document rather than hoping Mio finds it in an image. Our guide to training an AI chatbot on your website content shows which pages to prioritise.

Write a short brief for Mio

In the business instructions, tell Mio what you sell, which tone to use and what it must never promise. A typical example for a small site is to never quote delivery dates and to hand order questions to your team. Then use Try Mio to test answers before visitors see them: it shows the answer, the knowledge pieces used and how long it took.

Common Problems and Fixes

Symptom	Likely cause	Fix
No bubble on the live site	Site not updated after saving the code	Click update or publish again and reload in a private window
Bubble missing in the editor	Custom code does not render in the editor	Check preview mode or the live address instead
Nothing loads at all	Only part of the snippet was copied	Copy the full tag again from Websites in the Talkmio app
Other scripts stopped working	Snippet pasted in the middle of another code block	Place each snippet below the previous one, never inside it
Bubble shows, but answers are vague	Knowledge base is empty or too small	Add your site, key pages and a price list, then test again
Chat appears on the wrong site	Site key from another website was used	Copy the snippet for this domain from Websites

Hostinger offers one practical tip when a site breaks after adding code: remove all snippets, republish, then add them back one at a time to find the problem. It works well when several tools share the same field.

When Your Hostinger Site Is Not Built With the Website Builder

Hostinger sells more than one product, and the method changes with the product. Three common cases cover most accounts.

WordPress on Hostinger hosting

If your Hostinger plan runs WordPress, do not use the builder steps. Install the Talkmio WordPress plugin and enter your site key in Settings, then Talkmio. Our guide on adding live chat to WordPress walks through it, and the WooCommerce plugin works the same way for shops.

A custom or static site on hosting

For hand-written HTML, paste the snippet before the closing body tag in your page template or footer file. The general method is explained in our guide to adding live chat to any website.

Another builder or a platform you use alongside

Wix, Squarespace and Webflow each have their own custom code area. The integrations page lists every supported platform with the install method, including Hostinger.

What Live Chat Costs on a Small Hostinger Site

For a small business site, the numbers matter. The Free plan costs nothing and includes 1 operator, 1 website, 50 AI answers a month, 50 tickets a month, 20 knowledge base pages and 30 days of history. Pro costs 19 euros a month, or 190 euros a year with two months free, and includes 3 operators, 3 websites, 1000 AI answers a month, 200 knowledge base pages, the e-mail channel and removal of the Powered by Talkmio line. All prices are on the live pricing page, and VAT is added at checkout.

Start with Free, watch how many conversations Mio handles for a few weeks and move up only when you hit a limit, for example when you need a second website or more AI answers than the Free plan allows.

After the Install: First Week Checklist

The install is the easy part. What you do in the first week decides whether the chat earns its place.

Day one: test five real questions in a private window and fix any answer that is wrong or missing in your knowledge base.
Day two: set your welcome text, the assistant name, colours and the widget position under Websites. Changes apply within five minutes.
Day three: set your business hours and the offline text. When the whole team is offline, visitors are asked for an e-mail before their first message, and your later reply goes out as an e-mail.
Day four: install the Talkmio mobile app for iOS or Android so hand-offs reach you as push notifications.
End of week: read the conversations Mio handed over, because each one points to a missing page or a missing instruction.

Hand-offs happen when Mio cannot answer from your content, when the visitor asks for a person, complains or asks about a specific order. Once a person replies, Mio stays out of that conversation.

Frequently Asked Questions

Can I add live chat to Hostinger Website Builder on the free Talkmio plan?

Yes. The Talkmio Free plan needs no card and includes 1 operator, 1 website and 50 AI answers a month. Copy the snippet from Websites in the Talkmio app, paste it into the Custom code field under Integrations in the Hostinger builder and update your website. You can upgrade later without reinstalling anything.

Why can I not see the chat bubble in the Hostinger editor?

Hostinger does not render custom code inside the editor. Changes made with custom code are visible in the website’s preview mode and on the live site. Open the preview or your public address in a private browser window and the bubble should appear in the corner of the page.

Where should the snippet go in Hostinger Website Builder?

Open the builder, click the three dots, choose Integrations and paste the snippet into the Custom code field. Hostinger places script tags at the end of the page body automatically. If you already have other snippets there, add the Talkmio tag below them and never inside another tag.

Does the chat work on every page of my Hostinger site?

Yes. Code added in the Custom code field applies site-wide, so the bubble appears on every page where the code loads. You do not need to paste it page by page. If you want the chat hidden on a particular page, test that carefully before publishing.

What if my Hostinger site runs WordPress instead of the builder?

Use the Talkmio WordPress plugin instead. Install it, open Settings, then Talkmio, and enter your site key. The builder steps in this guide only apply to Hostinger Website Builder. For a custom HTML site, paste the snippet before the closing body tag in your template or footer file.

How do I know Mio is answering from my content and not guessing?

Use Try Mio in the Talkmio app before going live. It shows the answer, the knowledge pieces behind it and the time it took. Mio answers only from your website, FAQ and uploaded documents, and when it cannot answer from them it hands the conversation to your team.

The Bottom Line

To add live chat to Hostinger Website Builder, copy your Talkmio snippet, paste it into Custom code under Integrations, update the site and test in preview. Then spend your first hour on the knowledge base, because answers matter more than the bubble. If your Hostinger account runs WordPress, use the plugin instead. Create a free Talkmio account, install the snippet and ask Mio your own most common question today.

How to Add Live Chat to Hostinger Website Builder