Ready to connect Smartsupp with your website? This guide walks you through the entire installation process — from creating your account to verifying that the chat widget is live on your site.
We've broken it up into steps:
Step 1: Create your Smartsupp account
If you don't have a Smartsupp account yet, start by signing up for free. The registration only takes a minute — all you need is your email address.
Once your account is created, you'll be taken to the Smartsupp dashboard where you can find your unique chat code and start setting up your live chat.
Related resources:
How to create a Smartsupp account? — detailed step-by-step guide for account creation.
Dashboard Overview — get to know the Smartsupp dashboard and its key sections.
Step 2: Find your chat code
After signing up, you'll receive an email with your unique Smartsupp chat code. You can also find it anytime in your dashboard under Settings > Chat box > Installation > Insert code.
Your chat code looks like this:
<script>
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'YOUR_SMARTSUPP_CODE';
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
Tip: Each Smartsupp account has a unique chat code. Make sure you copy the entire code snippet — including the opening and closing <script> tags.
Step 3: Add Smartsupp to your website
There are three ways to install Smartsupp on your website. Choose the method that works best for your setup:
Option A: Paste the code directly
Insert the chat code into your website's HTML between the <head> ... </head> tags. This ensures Smartsupp loads on every page of your site.
Option B: Use Google Tag Manager
If you already use Google Tag Manager to manage scripts on your website, you can add the Smartsupp code as a custom HTML tag. This is a great option if you want to keep all your scripts in one place.
Option C: Use a ready-made plugin
Smartsupp offers plugins and integrations for many popular platforms. With a plugin, you don't need to touch any code — just install the plugin and connect your Smartsupp account.
Plugins are available for platforms like:
Note: If you're not comfortable editing your website code, we recommend using a plugin or asking your web developer for help with the installation.
Related resources:
Google Tag Manager — step-by-step guide for installing via GTM.
Download plugins — browse all available platform integrations.
Step 4: Verify your installation
After adding the code to your website, open your site in a browser to check that the chat widget appears in the bottom corner of the page. You should see the Smartsupp chat bubble ready for visitors to click.
If the widget doesn't appear, double-check the following:
The code is placed between <head> ... </head> tags (or loaded via GTM / plugin).
Your website is published and publicly accessible.
There are no JavaScript errors blocking the script from loading.
Note: After installation, you may see demo messages in your dashboard. These are part of Smartsupp's onboarding and help you practice using the platform — they are not from real visitors.
Tip: Smartsupp also works on tablets, iPads, and in our native mobile apps for Android and iPhone. Download the free mobile app so you can chat with your customers on the go!
Advanced: Multi-domain and API customization
Smartsupp can be installed on a specific number of domains depending on your plan. If you need to customize the chat widget appearance or language on different websites, you can use the Smartsupp API for advanced configuration.
Note: API-based customization (such as setting different chat box colors or languages per domain) is available on the EXPERT and ULTIMATE plans. For details, see the API documentation.
What's next?
Basic chat box settings — Customize colors, position, welcome messages, and more.
Chatbot — Set up automated chat flows to engage visitors 24/7.
Introduction to Mira AI Shopping Assistant — Let AI handle conversations and recommend products.
Which package should I choose? — Compare plans and find the best fit for your business.