Talkmio Widget Setup: Colors, Greeting, Pre-Chat Form, Business Hours

The Talkmio widget is the small chat bubble that appears in the corner of your website, and it is the only part of Talkmio that your visitors see. Everything else, from the knowledge base to the inbox, works behind it. How the widget looks, what it says first, what it asks before a chat begins and what it does outside working hours all shape whether a visitor starts a conversation or ignores the bubble. These are quick settings to change and easy to get wrong, so they deserve some thought.

This guide walks through the widget options that Talkmio provides, with practical advice on each: colour, position, the assistant’s name, the welcome and offline texts, the pre-chat form, language, business hours and the attribution line. The options described here follow the Talkmio documentation. For the wider product, see our page on Talkmio.

Install First, Then Customise

To get a widget onto your site, create an account in the Talkmio app, add your website and you receive a site key and an install snippet. Paste the snippet before the closing body tag on every page, or install the Talkmio WordPress plugin and enter the site key in its settings. Shopify, Wix, Squarespace and Webflow have their own places for custom code. Our Talkmio setup guide covers installation step by step.

Once the bubble appears on your site, the customisation options live under Websites, where you choose your site. Changes apply within five minutes, so you do not need to touch the code again. That makes it easy to try a setting, wait a few minutes, reload your site in a private window and see the result. Keep a note of what you changed, so you can compare behaviour before and after.

The Options at a Glance

The rest of this guide goes through the options in the order a visitor experiences them, starting with the bubble.

Colour and Contrast

The colour should be recognisable as part of your brand, but readable first. A bright bubble in a corner is noticed more easily than one that blends into the background of your pages. Use your primary brand colour if it contrasts with the page, or a stronger accent colour if your primary one is pale.

Check contrast for the text and icons on the chosen colour. Accessibility guidelines set minimum contrast ratios between text and background, and the W3C explains them in its page on minimum contrast. A light yellow bubble with white text may look cheerful but be unreadable. Test the colour on your lightest and darkest pages, and on a phone in bright light.

Avoid choosing a colour that suggests an error or warning, such as strong red, unless it is your brand. Visitors may read it as a problem notice rather than an invitation to chat. If your site has several themes or seasonal designs, pick a colour that works across all of them rather than changing it frequently.

Position on the Page

Most chat widgets sit in a bottom corner. The right choice depends on what else is in that area. On a site where the bottom right holds a cookie notice, a back-to-top button or a sticky call-to-action bar, move the bubble to the left or adjust the other elements so that they do not overlap. A bubble that covers a checkout button or a form submit button costs you sales and annoys customers.

Test on several screen sizes. On a small phone screen, a bubble and a sticky footer can occupy a large share of the visible area. Check your most important pages, including the checkout, the contact page and landing pages that receive paid traffic. If layout shifts occur when the widget loads, review your page’s stability, as explained in the web.dev guide to cumulative layout shift.

Think about reading direction too. On sites in languages written from right to left, the natural placement of interface elements may differ. Test on the language versions you offer, and choose the corner that suits each audience as far as the settings allow.

The Assistant’s Name

The name appears at the top of the chat window and sets expectations. Mio is the assistant that answers first, so the name should make sense for a visitor who may be chatting with software at first and with a person later. Many businesses use their brand name together with a word such as “Assistant” or “Support”, which is clear and accurate.

Be honest. Do not give the assistant a human name and a photo that suggests a specific person if visitors are in fact talking to an automated assistant. The setup of Talkmio already tells visitors when it is connecting them with a person, and trust is easier to keep if the whole experience is consistent. Our article on live chat etiquette discusses how tone and honesty affect trust.

The Welcome Text

The welcome text is the first thing a visitor reads inside the chat. A generic “Hello! How can I help you?” works, but a text that names what the chat is for works better. For example: “Ask about prices, delivery or opening hours, and we will answer right away. If we cannot, a team member will join.” This tells visitors what to type, and it sets the scope.

Keep it to one or two short sentences. Long texts push the input field down on small screens and discourage people. Avoid promises you cannot keep, such as an instant reply from a person, if your team is not always online. Mio can answer first from your content, but do not say that a human will answer within a time you cannot guarantee.

Write in the voice of your brand, and use the language of your main audience. If your site is multilingual, remember that the chat window itself is translated, and Mio replies in the language the visitor writes in, so your texts should be simple enough to translate well. Read the text on a phone before you save it.

The Pre-Chat Form

The pre-chat form asks for details before the conversation begins. Talkmio gives three choices: none, optional or required. This setting has a direct effect on how many visitors start a chat, so choose it carefully.

With none, a visitor types a question and the chat starts at once. This lowers friction and suits sites where most questions are simple and instant answers matter. The downside is that you may not know who is writing, so you rely on the conversation itself to collect contact details when needed.

With optional, visitors see a short form with fields such as name and email, and they may skip it. This is a good compromise for many businesses: those who want a follow-up can leave details, and others are not blocked.

With required, visitors must fill in the form first. Use it only when you really need the details before talking, for instance for a service that requires a verified contact. Expect fewer chats, and make sure you explain why the information is needed and how you will use it. Keep the fields to the minimum, as a long form defeats the purpose of live chat.

Whatever you choose, think about privacy. Tell visitors briefly why you ask and link to your privacy information. Ask only for what you will use, and tell your team not to request sensitive information in chat. Our article on after-hours live chat shows how a well-designed form can capture leads when nobody is online.

Language Settings

You can let the widget detect the visitor’s language automatically or fix a single language. Automatic detection is the natural choice for an international site or any site that receives visitors from several countries. Mio replies in the language in which the visitor writes, and it answers only from your content, even when the question and the source are in different languages.

A fixed language is better for a single-market site where the interface should always match the site. It also avoids surprises when a visitor’s browser language differs from the site language, such as an English-speaking resident on a Lithuanian-language site.

Test the widget in each language that matters to you. Look at the welcome text, the offline text and the form labels, and check whether they read naturally. If you notice awkward phrasing, rewrite the source text in simpler words.

Business Hours and the Offline Message

Business hours tell Talkmio when your team is available. Set the real hours in your own time zone, and update them for holidays and special days. If your hours say you are online but nobody is watching the inbox, visitors wait and the first reply time suffers, which then shows in your reports.

When your whole team is offline, Talkmio asks visitors for an email address before their first message. Your later reply from the Inbox goes out as an email. This means no question is lost, but visitors need to know what to expect. Use the offline text to say when you will reply, for example on the next working morning, and what they can do in the meantime, such as read a page on your site.

Be precise about time. “We reply within one working day” is better than “we will contact you soon”. Do not promise what your team cannot deliver. If you want to enforce good habits, use the response time target setting in Talkmio, which marks conversations without a first reply within your target as overdue.

Remember that Mio can still help outside hours by answering from your content, while the handover to a person happens when someone is online. Check the experience yourself by setting hours so that the team appears offline, opening your site in a private window and sending a test message.

The Attribution Line

The widget shows a “Powered by Talkmio” line, and on paid plans you can hide it. Whether to hide it is a branding choice. Some businesses prefer a clean widget that looks fully their own. Others leave it, as it signals that a known product runs the chat. It has no effect on how the chat works.

Test Like a Visitor

After changes, test the whole experience as a first-time visitor would. Use a private browser window, a phone and a desktop, and, if possible, a second language.

1. Load a normal page and a busy page, such as the checkout, and check where the bubble sits and whether it covers anything.
2. Click the bubble and read the welcome text on a small screen.
3. Start a chat with and without the pre-chat form and check the fields.
4. Ask three typical questions and check that Mio answers from your content.
5. Ask for a person and check that the handover and the notification reach your team.
6. Set your hours so that the team looks offline and test the offline flow, including the email reply.
7. Check contrast, text size and focus with the keyboard.

Wait for the five-minute window after each settings change before you test. Record the results in a short checklist that you can repeat after future changes, such as a site redesign or a new cookie banner.

Combine the Widget With Triggers

The default behaviour of the widget is passive: it waits until a visitor clicks. Talkmio also supports chat triggers and rules that can show the right message at the right moment. Used lightly, they can invite visitors on pricing or checkout pages. Used heavily, they become pop-ups that annoy. Our guide on chat triggers and rules describes sensible limits.

Start with the basics described above, watch conversations for two weeks, then consider adding a trigger where visitors clearly need help. Let the data from your reports guide you, rather than guessing.

Frequently Asked Questions

How quickly do widget changes appear on my site?

According to the Talkmio documentation, changes apply within five minutes. You do not need to change the installed code. Reload your site in a private window to see the result.

Should I require visitors to fill in a form before chatting?

Usually not. The optional form is a good compromise, and no form gives the least friction. Use a required form only when you truly need the details before starting.

Can the widget detect my visitors’ language?

Yes. You can choose automatic detection or a fixed language. Mio replies in the language the visitor writes in, and answers only from your content.

What happens if nobody is online?

Visitors are asked for an email address before their first message, and your later reply from the Inbox is sent as an email. The offline text should explain when they can expect an answer.

Can I remove the Powered by Talkmio line?

The line is hidden on paid plans. Check the current plans on the Talkmio website for details.

Where should I place the chat bubble?

In the corner where it covers the least. Check your cookie notice, sticky bars and checkout buttons on phone and desktop, and move the bubble if anything overlaps.

The Bottom Line

The Talkmio widget settings are quick to change and have a real effect on how many visitors talk to you. Choose a readable brand colour, put the bubble where it blocks nothing, write a welcome text that says what the chat is for, keep the pre-chat form short or optional, set honest business hours and write an offline message that states when you will reply. Test the whole experience as a visitor on a phone and review real conversations after two weeks. Small adjustments here usually give more chats and better ones.