Add MyLiveChat to your OpenCart store
MyLiveChat live chat for OpenCart allows you to add MyLiveChat to your online
store in a few minutes. 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.
Use this guide to add MyLiveChat to your OpenCart store. If you do not have a MyLiveChat account yet,
create a free MyLiveChat account.
Start free
Step 1. Get your MyLiveChat code
Sign in to the MyLiveChat web console and click
Deployment menu on the left. Choose Chat Button tab and copy the MyLiveChat
code. It is a single script tag and it is the same code on every platform.
Step 2. Paste the code into your theme footer
- Open
catalog/view/theme/<your-theme>/template/common/footer.twig (OpenCart 3 and 4). On OpenCart 2 the same file is footer.tpl.
- Paste the MyLiveChat code immediately before
</body>, then save and upload it.
- Refresh the theme cache from Dashboard » Extensions » Modifications (or clear your storefront cache) so the change is served.
Note. Editing the default theme means an OpenCart upgrade can overwrite it. Copy the theme first and edit the copy.
Check that live chat is working
Save the code, then open your store 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 store 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 OpenCart setup mistakes
- The code went into the wrong theme. A store can carry several themes. Check which one is live under Design » Theme Editor and edit that theme’s footer.
- The layout position is only set for the home page. Module positions are assigned per layout under System > Design > Layouts. If you only set the Home layout, chat will not appear on product or checkout pages - add the module to those layouts too.
- 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 store
Colours, position, language and the pre-chat form are all set in your MyLiveChat
dashboard, not in the OpenCart code, so you can change them without touching your store 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: Using chat to recover abandoned carts.
Also useful: Answering order-tracking questions.
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.
OpenCart live chat FAQ
Which file do I edit?
The footer template of the theme you are using: catalog/view/theme/<your-theme>/template/common/footer.twig on OpenCart 3 and 4, or footer.tpl on OpenCart 2. Because every page includes it, one paste covers the whole store.
Does it survive an OpenCart theme change?
No. The code lives in the theme, so switching themes leaves it behind - paste it into the new theme footer as well. Working on a copy of the theme rather than the default one also stops an OpenCart upgrade from overwriting it.
Will it slow down my store?
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.