WhatsApp Widget Generator

WhatsApp Widget HTML Code

Copy this snippet and paste it just before the closing </body> tag of your site. Replace the phone number with your own, or use the generator above to customise the button text, welcome message, and position.

<script>
  (function() {
    function loadTailorTalkWhatsAppWidget(callback) {
      var script = document.createElement('script');
      script.src = "https://plugins.tailortalk.ai/widget_whatsapp.js";
      script.onload = callback;
      document.head.appendChild(script);
    }

    loadTailorTalkWhatsAppWidget(function() {
      window.TailorTalkWhatsApp && window.TailorTalkWhatsApp.init({
  "agentId": "public",
  "whatsappConfig": {
    "businessInfo": {
      "phoneNumber": "919876543210"
    },
    "buttonText": "Chat with us",
    "welcomeMessage": "Hello 👋\\nHow can we help you today?"
  },
  "position": "right"
});
    });
  })();
</script>

Works on any site that allows custom HTML, including WordPress, Shopify, Wix, and Squarespace. React and Next.js versions are available in the generator above.

1. 1

   Configure your widget

   Enter your WhatsApp number, button text, welcome message, and position in the generator above.

2. 2

   Copy the HTML embed code

   Select the HTML/WordPress tab and click copy. The snippet is a single lightweight block of HTML and JavaScript.

3. 3

   Paste it into your site

   Add the code just before the closing </body> tag of your HTML page, or into your theme's footer on WordPress, Shopify, Wix, or Squarespace.

4. 4

   Save and publish

   The floating WhatsApp chat button appears instantly. Visitors tap it to open a chat with your number on WhatsApp or WhatsApp Web.

Prefer a framework? The generator also outputs a ready-to-use React component and a Next.js Script snippet — switch tabs before copying. For a static site, the plain HTML embed code works everywhere.