WhatsApp Widget for your website
Build your floating WhatsApp bubble, watch it change live and copy the code. Free, no signup, and it pastes the same way into your site or your client's.
Your WhatsApp number
How it looks
Copy and paste
Paste this code right before the closing </body> tag of the site. It works the same on your own site or on a client's.
We ask for no signup and no email. The code is built in your browser and it's yours.
How to add a WhatsApp button to your website
Adding a floating WhatsApp button to your website is simple: just copy and paste a small HTML script before the closing </body> tag of your page. This chat widget appears on all your pages and lets your visitors message you directly on WhatsApp with a single click.
Floating WhatsApp chat widget in HTML
Our floating WhatsApp widget is built with plain HTML, CSS and JavaScript, so it works on any platform: WordPress, Shopify, Wix, Webflow, or static HTML. It requires no plugins or complex setup: just insert the code and you're done.
Live chat alternative better than WhatsApp
Unlike traditional live chats that disappear when a user leaves your site, WhatsApp keeps the conversation open. This means you can continue selling, answering questions, or sending information even after the visitor leaves your page.
Chat plugin for Shopify, WordPress, Wix, and Webflow
Our WhatsApp widget works as a universal plugin: compatible with Shopify, WordPress, Wix, Webflow, and any website builder. You don't need to install additional plugins or worry about compatibility: the code works on any platform that allows custom HTML.
How to install the widget on your platform
WordPress
1. In your WordPress dashboard, go to "Appearance" > "Theme Editor" 2. Select "footer.php" from the left menu 3. Paste the script right before the </body> tag 4. Save changes Alternative: use a plugin like "Insert Headers and Footers" and paste the code into the "Footer" field, with no file editing.
Shopify
1. Go to your Shopify admin panel 2. Navigate to "Settings" > "Themes" 3. Click on "Actions" > "Edit code" 4. In the left-hand menu, select "theme.liquid" 5. Paste the script right before the </body> tag 6. Save changes
Wix
1. In the Wix Editor, click on "Settings" (⚙️) in the top bar 2. Select "Advanced Settings" > "Custom Code" 3. Click "+ Add Code" > "Embed Code" 4. Paste the script into the code field 5. Under "Place code in", choose "Body - end" 6. Save and publish your site
Webflow
1. Open your project in Webflow 2. Go to "Project Settings" > "Custom Code" 3. In "Site Code" > "Footer code", paste the script 4. Publish your site to see the changes
Plain HTML
1. Open your page file, for example index.html 2. Scroll to the end of the document and find the </body> tag 3. Paste the script right before that tag 4. Upload the file to your server If your site has several pages, repeat the step in the template they all share.
Frequently asked questions about the WhatsApp widget
What is the WhatsApp widget?
It's a floating bubble that appears on your website and lets your visitors message you directly on WhatsApp with a single click. They don't need to add your number or fill out forms: the conversation starts immediately.
How do I install the widget on my website?
Enter your number on this page, adjust the copy and the color, and copy the code that appears below. Paste it right before the closing </body> tag of your webpage and save. Once installed, the bubble will automatically appear on all your pages with no additional configurations.
Is it free? Do I have to sign up?
The generator is free and asks for no signup, no email and no card. The code is built in your browser as you type and you can copy it as many times as you want. You don't need a TBit account to use it either: just an active WhatsApp number.
Can I install it on a client's website?
Yes, that's exactly what it's meant for. Enter your client's WhatsApp number, adjust the brand name, the color and the copy until the preview matches their site, copy the code and paste it into their template. You can repeat it with as many clients as you want: each snippet is independent and isn't tied to any account.
Can I customize the logo or welcome message?
Yes. You can add your company logo so it appears next to the bubble and define the welcome message your visitors will see, for example: "Hello! Do you want more information about our products?" This helps you maintain your brand's visual identity and deliver a consistent experience from the first contact.
Why add a WhatsApp bubble to my website?
Because it turns visitors into real conversations. Users trust WhatsApp more than forms or emails. By offering a direct channel, you increase your sales opportunities, respond faster, and build closer communication with your customers.
How is it different from traditional live chat?
Unlike a live chat that disappears when the visitor leaves the page, WhatsApp keeps the conversation open even after. This lets you continue the chat, send information, or close a sale without losing contact with the customer.
Is the widget secure?
Yes. All communication happens directly within WhatsApp, so the information is protected by the platform's encryption. TBit does not store your messages or conversations. The code is generated in your browser from what you type on this page.
Does it work on any page or country?
Yes. The widget works on any website that allows HTML code insertion and on all modern browsers. You only need an active WhatsApp Business or personal account.