How to Add a Chat Widget to Your Website in 2 Minutes
A practical guide to adding a chat widget to your website — one script tag for WordPress, Tilda, Shopify and custom sites. No developer needed.
To add a chat widget to your website, paste a single line of code before the closing </body> tag — it takes about two minutes and does not require a developer. Below is a universal walkthrough, notes for popular platforms and fixes for typical issues.
What you will need
- An account in the widget service — registration is free.
- The install code from your dashboard — the «Install» section of your project.
- Access to edit your site: the CMS admin panel or template files.
The universal way: one script tag
- Sign up and create a project — enter your website address.
- Open the «Install» section and copy the ready-made code with your identifier.
- Paste the code before the closing
</body>tag in your site template. - Reload the page — a chat button appears in the corner.
The script loads asynchronously: it does not block page rendering and does not slow your site down.
Installing on popular platforms
WordPress
The easiest way is any code-insertion plugin (Insert Headers and Footers or similar): paste the code into the footer section. Alternatively, add it to the footer.php file of a child theme.
Tilda
Open «Site settings → More → HTML code inside body» and paste the install code. Save and republish all pages — without republishing the change will not go live.
Site builders: Shopify, Wix, Squarespace
Every modern builder has a «custom code» field in the theme or site settings. Paste the code there — it will automatically appear on all pages.
Detailed step-by-step guides for each platform live on the install page.
How to check that the widget works
- Open your site in incognito mode — you will see the widget as a new visitor does.
- Wait for the page to fully load and click the chat button.
- Send a test message and submit a test lead.
- Check that the lead appeared in the dashboard and a notification arrived in Telegram or email.
Common problems and fixes
- The widget did not appear. Make sure the code is on every page, not just the homepage.
- Changes are not visible. Clear the CMS and CDN cache — an old page version may be cached.
- The widget shows in the wrong places. Review display rules in the dashboard: pages, devices, timing.
- There is already another chat on the site. Remove the old widget: two chats confuse visitors and fight for the same corner.
Will the widget slow my site down?
No. The widget code is a lightweight asynchronous script: the browser loads it in parallel with the main content, not instead of it. A correctly installed widget has practically no impact on page speed scores.
FAQ
Can I install the widget on several websites?
Yes. Create a separate project for each site — each gets its own install code, settings and statistics.
Can I show the chat only on certain pages?
Yes. Display rules are configured in the dashboard: specific URLs, devices (desktop or mobile), appearance delay.
Do I need to change the code after a site redesign?
No. The code stays the same — all widget appearance settings are changed in the dashboard and apply instantly.
What next
The widget is installed — now tune it: our welcome message examples will help start conversations, and the article about AI chatbots explains how to turn dialogues into leads.