Back to blog
· LeadMate Team

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.

How to Add a Chat Widget to Your Website in 2 Minutes

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

  1. Sign up and create a project — enter your website address.
  2. Open the «Install» section and copy the ready-made code with your identifier.
  3. Paste the code before the closing </body> tag in your site template.
  4. 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

  1. Open your site in incognito mode — you will see the widget as a new visitor does.
  2. Wait for the page to fully load and click the chat button.
  3. Send a test message and submit a test lead.
  4. 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.