HTML Whatsapp Live Chat code

Let visitors chat with you via WhatsApp on your HTML website to get quick answers, request help, and stay connected through a trusted channel.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
HTML Whatsapp Live Chat code

Create your Whatsapp Chat widget

Configure your Whatsapp Chat and add it to your HTML website for free!

Screenshots

HTML Whatsapp Live Chat code
1 / 6

Description

WhatsApp widget by Elfsight is a simple tool for your website customers to stay connected with you and hear answers to their questions and requests. Be available live for clientele in their most favorite messenger all day long. Set up chat on website and it will appear on specified pages or for specified groups of viewers. You can establish start-chat triggers, write your unique welcome message, choose icons, and even more. With the help of HTML Chat code embedded on web page, you will remain connected with your viewers anytime and from any place.

WhatsApp chat is there to help you with not only improving your website’s performance metrics, but also in terms of design. With this widget, you can add a floating or fixed messenger button to any page of your website. You can even choose the audience who will be able to see the chat and send a message to you using it. WhatsApp floating button can become an extremely effective tool for your business. The widget is a perfect solution for providing all sorts of help for our users – from customer support to common talks on messenger. And using WhatsApp to send a message or two to your users will only add points to you as it’s one of the most used messengers in the world.

The WhatsApp plugin is also extremely easy to personalize in terms of design, and that is good news as you can turn it into an unmissable block on your website’s page. Simply start with choosing the right colors for your WhatsApp button design. Your first message can become an unforgettable experience for users of the WhatsApp chat as you can completely alter the widget’s original look. Try it yourself and enjoy the result!

Features

In order to get a full idea of the Chat box, view the list of its essential features. They make the widget incredibly effective for your promotion:

  • Integrate WhatsApp messenger on your web page to stay connected with clients;
  • Respond to messages right from your WhatsApp account;
  • Try 3 options of chat location: floating bubble, embed bubble, and embed chat window;
  • Use a collection of bubble icons to choose from;
  • Enter your own text of the chat bubble.

To explore more features, see our demo

How to add the Whatsapp Chat code to your HTML page

These several actions are the only thing you need in order to have Whatsapp up and running.

  • Generate your customized WhatsApp Live Chat
    With the help of our free editor, generate a plugin with a custom interface and functions.
  • Acquire the personal code to install the widget
    After you have set your plugin, you will receive the installation code from the popup notification on Elfsight Apps. Copy it.
  • Publish the widget on your HTML site
    Define the place you would like to embed the plugin to and insert the saved code there. Publish the results.
  • Congratulations! You have just published the Chat widget!
    Enter your page, to see your widget.

Still not decided? Or stumbled upon anything? Just a single request to our customer service will resolve any kind of matter.

What’s required to set up WhatsApp Chat on an HTML website?

To connect the widget, you only need your WhatsApp phone number with country code, which links the chat button directly to your account.

Does WhatsApp Chat work with Business accounts?

Elfsight supports both personal and WhatsApp Business accounts, connecting through a phone number or an official WhatsApp short link.

Is the WhatsApp Business API supported by the widget?

The solution works with standard WhatsApp and WhatsApp Business accounts, but it doesn’t connect directly to the WhatsApp Business API.

Which triggers can automatically open the live chat?

You can enable triggers such as page load, time on page, time on site, scroll depth, or exit intent to prompt chats contextually.

Are there message length limits in WhatsApp Chat?

The widget simply opens WhatsApp Messenger, so message length and usage limits are fully defined by WhatsApp’s own rules.

Is my WhatsApp number visible on the HTML page?

Your phone number is used internally to route chats and isn’t displayed in the widget unless you add it manually to the text.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Cross-platform digital solution that works on any site
from $0 / month
start with free plan
Unlimited websites
Free customer support
Charge-free installation help
Limited time offer for multiple apps
Fully customizable