Chat widgets for any website

Free Chat Widgets for Your Website

Add a WhatsApp, Messenger, Telegram, Viber or all-in-one chat button to your website in minutes - or host real conversations on your site with Live Chat.

Create a widget See how it works
  • Free chat buttons
  • Guides for 31 platforms
  • Views and clicks analytics
  • No coding needed

Choose your widget

Five buttons that hand visitors to a messaging app, and Live Chat for conversations on your own site.

Chat buttons or Live Chat?

Comparison of the chat widgets
WhatsApp, Messenger, Telegram, ViberAll-in-OneLive Chat
Where the conversation happensIn the messaging appIn the app the visitor picksOn your website
Visitor needsThe app installedOne of the four appsNothing - just a browser
You reply fromYour phone or that appEach appYour A2Z Tools inbox, with your team
PriceFreeFreePricing not settled yet
AnalyticsViews and clicksViews and clicksConversations, agents, ratings

How it works

  1. 1

    Create your widget

    Pick a widget, add where chats should go, and style it. Free account required.

  2. 2

    Paste two lines of code

    Copy the snippet into your site before the closing body tag, or use one of the step-by-step guides for 31 platforms.

  3. 3

    Check the installation

    Use Check installation to confirm the widget is live, and clear your site's cache if you don't see it.

Works with your website

Step-by-step installation guides for 31 platforms, including notes on caching, content security policies and single-page apps.

  • Any website (HTML)
  • Google Tag Manager
  • Cloudflare Zaraz
  • WordPress
  • WooCommerce
  • Shopify
  • Blogger
  • Ghost
  • Joomla
  • Drupal
  • Wix
  • Squarespace
  • Webflow
  • Google Sites
  • Magento / Adobe Commerce
  • PrestaShop
  • OpenCart
  • React
  • Next.js
  • Angular
  • Vue
  • Nuxt
  • ASP.NET Core
  • ASP.NET Web Forms
  • PHP
  • Laravel
  • CodeIgniter
  • Django
  • Flask
  • Ruby on Rails
  • Node.js / Express

Ready in a few minutes

Create your widget for free, paste it into your site, and start getting conversations.

Create a widget See my widgets

Related Tools

More tools in the same category

Other Tools

Popular tools from across A2Z

Quick answer

To add a chat button to your website, choose a widget for WhatsApp, Facebook Messenger, Telegram or Viber (or the All-in-One widget), create it in a free A2Z Tools account, and paste its two-line code into your site. Visitors click the button and continue the conversation in that messaging app.

Key facts

  • Five free link-out widgets: WhatsApp, Facebook Messenger, Telegram, Viber and All-in-One
  • A free A2Z Tools account (email sign-in) is needed to create and manage widgets
  • You can create several widgets of each type
  • Installed with two lines of code; guides for 31 platforms
  • The conversation continues in the messaging app, not on your website
  • Dashboard shows impressions, clicks and referring websites over time
  • Each widget shows a small "powered by a2z.tools" credit link
  • A2Z Live Chat is the separate option for real-time chat hosted on your own site

What is this tool?

A website chat widget is the button in the corner of a page that lets a visitor contact you without hunting for a phone number or filling in a form. A2Z Tools offers two different kinds, and choosing between them is the first decision.

Link-out widgets (free)

The WhatsApp, Facebook Messenger, Telegram and Viber widgets, and the All-in-One widget that combines them, show a popup and then open the messaging app. You reply from that app on your phone or computer, exactly as you answer any other message.

Live Chat (hosted on your site)

A2Z Live Chat keeps the conversation on your website. Visitors need no app or account, and you and your team answer from the A2Z Tools dashboard. It suits teams that want shared inboxes, departments and transcripts rather than a personal messaging account.

How to use it

There are two separate jobs: creating the widget in your free A2Z Tools account, and adding its code to your website. Nothing appears for visitors until the second job is done.

The code is two lines - an async script tag and a div carrying your site key. Step-by-step guides cover 31 platforms: HTML, Google Tag Manager, Cloudflare Zaraz, WordPress, WooCommerce, Shopify, Blogger, Ghost, Joomla, Drupal, Wix, Squarespace, Webflow, Google Sites, Magento (Adobe Commerce), PrestaShop, OpenCart, React, Next.js, Angular, Vue, Nuxt, ASP.NET Core, ASP.NET Web Forms, PHP, Laravel, CodeIgniter, Django, Flask, Ruby on Rails and Node.js (Express). Squarespace needs a Business plan and Webflow a paid site plan before custom code can be added, and Google Sites accepts only an embed box, not a floating button.

  1. Decide where you want conversations to happen: in a messaging app, or on your own website.
  2. For a messaging app, open the WhatsApp, Facebook Messenger, Telegram, Viber or All-in-One widget page.
  3. Sign in to A2Z Tools with your email address; the account is free.
  4. Enter your contact details, set the text, image and colours, and save.
  5. Copy the two-line code and follow the guide for your platform.
  6. Clear caches and check the installation, then follow impressions and clicks in your dashboard.

Example

A small online shop. Most customers message from their phones, so the owner creates a WhatsApp widget with the business number, the display name of the shop and the caption "Typically replies within an hour", and pastes the code into the Shopify theme. A second widget of the same type can be made later for a different site or number.

An agency with international clients. Visitors use different apps, so the agency uses the All-in-One widget with WhatsApp, Telegram and Viber filled in; each visitor picks the app they already have.

Common use cases

  • Letting shop visitors ask about stock, delivery or sizes on WhatsApp
  • Giving a Facebook audience a direct Messenger link from your website
  • Offering Telegram contact for tech, crypto or community sites
  • Reaching customers in markets where Viber is common
  • Offering several apps at once with the All-in-One widget
  • Moving to on-site chat with a team using A2Z Live Chat

Benefits

  • Visitors use an app they already have. No new account or download for them; they land in WhatsApp, Messenger, Telegram or Viber.
  • Nothing new for you to check. Messages arrive in the same app you already use every day.
  • Free, with several widgets per type. Make one per site, number or brand.
  • Measured. Impressions, clicks and referring websites show whether the button is used.

Limitations

  • The chat does not happen on your website. The button hands the visitor to the messaging app; the conversation, its history and your notifications all live there.
  • Visitors need the app. A visitor who does not use the chosen app cannot start a chat through that widget; the All-in-One widget lets them pick another.
  • No scheduling or targeting. The installed widget does not apply delay or trigger rules, business hours, device or page targeting, size or animation options, custom button text or a consent checkbox. It shows on every page that carries the code, about one second after the page loads, and its popup button always reads "Start Chat".
  • A credit link. Every widget shows a small "powered by a2z.tools" link.
  • Blockers. Ad blockers and privacy extensions can stop the widget loading for some visitors, so your counts can be lower than real traffic.
  • Platform plans. Squarespace (Business plan) and Webflow (paid site plan) restrict custom code, and Google Sites allows only an embed box.

Privacy & your data

Here is exactly what happens to the details you enter, and what the widget records once it is on your website.

The details you enter

The destination you configure - your chat destination - is stored on A2Z Tools so the widget can use it. The code you paste into your website does not contain it: the snippet carries only a widget key, and the widget looks up its own settings when a page loads. Because that key appears in the page source of every site the widget runs on, treat the destination as public information, exactly as you would a phone number printed on your website.

Your visitors' conversations

Conversations happen entirely inside the chat app. A2Z Tools never sees, stores or has any access to the messages your visitors send you, or to their the chat app accounts.

What the widget records

So that you can see whether the widget is working, it records when it is shown and when it is clicked. Alongside each of those we keep the website and page path it happened on, the referring site, a broad device category, the browser and operating system family, and a country where the network can tell us one. Page addresses are stored without their query string, so anything your own site puts after a question mark - order numbers, email addresses, session tokens - is discarded before it reaches us.

Visitors are counted using a one-way value derived from their network address and browser, mixed with a secret, the widget's identity and the date. It cannot be reversed into an address, it is different for the same person on two different customers' websites, and it changes every day - so it can answer "how many different people" without following anyone around. The network address itself is never stored.

What is never recorded

No names, no email addresses, no message content, no full browser identification string, and no cookies of our own on your visitors' devices.

Blockers and consent

Privacy extensions and ad blockers can stop the widget loading. When that happens the widget simply does not appear for that visitor and nothing is recorded, which also means your visitor numbers are a little lower than your real traffic rather than higher.

Frequently asked questions

Which chat widget should I choose?

Choose the app your customers already use: WhatsApp, Facebook Messenger, Telegram or Viber. If they use a mix, the All-in-One widget offers all four from one button. If you want the chat to stay on your website with a team answering, choose A2Z Live Chat.

Are the chat widgets free, and do I need an account?

The WhatsApp, Messenger, Telegram, Viber and All-in-One widgets are free. You need a free A2Z Tools account (email sign-in) to create and manage them, and you can create several widgets of each type. Visitors need no A2Z Tools account. Live Chat is a separate product whose pricing is not settled yet.

What is the difference between the WhatsApp widget and Live Chat?

The WhatsApp widget (like the Messenger, Telegram and Viber widgets) is a button that opens the messaging app, where you reply from your own account. Live Chat hosts the conversation inside your website: visitors need no app, and your team answers from the A2Z Tools dashboard with departments, routing, business hours, transcripts and ratings.

How do I install a widget on my website?

Copy the two-line code (an async script tag and a div with your site key) and paste it using the guide for your platform. There are guides for 31 platforms, including WordPress, WooCommerce, Shopify, Wix, Squarespace, Webflow, Blogger, Joomla, Drupal, Magento, Google Tag Manager, React, Next.js, Laravel and Django. Clear caches afterwards and run the Integration Centre check.

Will a chat widget slow down my site?

The link-out widgets load with an async script, so your page renders without waiting, and the button appears about one second after load. If the widget is blocked or unavailable, the rest of the page works normally.

What do the widgets record about visitors?

When a link-out widget is shown or clicked, A2Z Tools records the visitor IP address, page address and referrer, page title, a random device id in your website browser storage, and the time, to produce impressions, clicks and referring websites. Names and email addresses are not collected, and messages stay in the messaging app.

Can I change a widget after installing it?

Yes. The installed code holds only a site key, and the widget loads its current settings on each page view, so changes you save in the dashboard apply without replacing the code. Clear your site cache if the old version still shows.

Which website platforms does the widget work with?

Any website you can add HTML to. We provide step-by-step instructions for over thirty platforms, including WordPress, WooCommerce, Shopify, Wix, Squarespace, Webflow, Blogger, Ghost, Joomla, Drupal, Magento, PrestaShop, OpenCart, React, Next.js, Angular, Vue, Nuxt, ASP.NET, PHP, Laravel, CodeIgniter, Django, Flask, Ruby on Rails, Node.js, Google Tag Manager and Cloudflare Zaraz. If yours is not listed, the universal HTML instructions work anywhere.

Do I need to add anything to my website, or is creating the widget enough?

You do need to add it. Creating the widget and installing it are two separate steps, and this is the one people most often miss. After you have made the widget you copy two lines of code and paste them into your website. We show you exactly where for your platform, and there is an installation check that tells you whether it arrived.

I added the code but the widget is not showing. What should I check?

In order of likelihood: the change was not published; a cache or CDN in front of your site is still serving the old page; the code went onto one template rather than the site-wide header or footer; or your site sends a Content-Security-Policy header that does not allow a2z.tools. Opening your site in a private browsing window rules out your own browser cache. If a colleague cannot see it but you can, an ad blocker is the usual answer.

Will the widget slow my website down?

No. The script loads asynchronously and independently, so your page renders without waiting for it. If our service were unavailable the widget would simply not appear, and nothing else on your page would be affected.

Can I use the same widget on more than one website?

Technically yes - the same code works anywhere you paste it. It is usually better to create one widget per website, because then the numbers for each site are separate and the installation check knows which address to look at.

Can I see whether anybody is actually using it?

Yes. The widget reports how often it is shown and how often it is clicked, broken down by day, page, device and country. If it is being shown but never clicked, that is worth knowing too - a different position or a clearer message often helps.

Related tools

Last reviewed: