Add MyLiveChat to your Blogger site
MyLiveChat provides an easy way to integrate your Blogger page
with MyLiveChat. MyLiveChat helps your team answer visitors quickly, collect offline messages, and keep support conversations organized. It lets your team answer visitors in real time, see helpful visitor context, and keep every conversation available for follow-up.
Chat Widget Demo
Start free
Step 1. Get your MyLiveChat code
Sign in to the MyLiveChat web console and click
Deployment menu on the left. Choose Embedded Chat tab and copy the MyLiveChat
code.
Step 2. Open Template Editor in your Blogger admin panel and Add the MyLiveChat code
Now sign in to your Blogger admin panel.
You need to:
- Click Template from post list.
- Click Edit HTML to edit your current template.
- Add the MyLiveChat code(chat button/chat box/chat text link) at the place in body
section you want to have your MyLiveChat displayed.
Check that live chat is working
Save the template, then open your blog in a private browsing window. A private window matters: as a signed-in
administrator you may see a different version of the page than your visitors do.
- Look for the chat launcher on the page. If it is missing, view the page source and
search for mylivechat to confirm the code is really being served.
- Start a chat as a visitor and send a test message.
- Sign in to the web console and confirm the message arrives
and that you can reply.
- Close the chat and check the transcript is saved, so you know follow-up will work.
If your blog caches pages, clear the cache before deciding something is broken. A cached
copy of the old page is the single most common reason a correct installation looks like a
failed one.
Common Blogger setup mistakes
- The theme editor rejected the paste. Blogger's theme editor is strict about markup. Paste the snippet as-is immediately before the closing body tag rather than inside another element.
- You changed themes afterwards. Switching Blogger themes replaces the HTML you edited. Re-add the code after a theme change.
- Chat looks offline to everyone. The widget shows an offline form when no
agent is signed in. That is working as intended - set your hours and your offline
message so the page tells visitors when to expect a reply.
Make the chat window fit your blog
Colours, position, language and the pre-chat form are all set in your MyLiveChat
dashboard, not in the Blogger code, so you can change them without touching your blog again.
See customization options for what can be
changed, and visitor monitoring if you want to
see which page a visitor is on before you reply.
Related guides
New to live chat? Start with
how to add live chat to your
website and the
live chat launch checklist.
Also useful: Opening lines that get a reply.
Also useful: Live chat best practices.
If you are worried about page speed, see
does live chat slow down your
website.
What's next?
After setup, sign in to the web console to answer visitors from your browser. You can also use the desktop app from the download page if your team prefers it.
Blogger live chat FAQ
Will the chat button show on every post?
Yes. The code is added to your Blogger template, which every post and page shares.
What happens if I change my Blogger theme?
A new theme replaces the template you edited, so the code goes with it. Re-add it after any theme change.
Will it slow down my blog?
The chat code loads asynchronously, so it does not block your page from rendering. If you want to check that for yourself rather than take our word for it, measure your own pages before and after with your usual speed tool.
Is it really free?
Yes. One agent, unlimited chats and unlimited websites are free forever, with no credit card required.
Any questions?
If anything is unclear, contact our support team from the chat button on this page or visit the Support page. We can help you choose the right setup path.