Free Floating WhatsApp Web Widget Generator

Q: How do I embed the WhatsApp widget on WordPress, Shopify, or plain HTML?

Simply copy your generated 1-line script tag from Step 5 and paste it right before the closing </body> tag of your site or inside your platform's footer script settings. The widget activates immediately without any coding knowledge.

Create an embeddable floating WhatsApp chat widget with a custom greeting card for your website. 100% free, client-side, with zero tracking or branding.

Step 1 • Live Interactive Demo

Interactive Live Preview

Test your floating WhatsApp chat widget in real time below. Click the green button to see the greeting card popup in action, or switch to mobile view.

https://your-website.com

Sample Web Page

Your Modern Online Store

This interactive simulator shows how your floating WhatsApp widget will appear to visitors on your actual website.

Explore Catalog

Customer Support Typically replies in minutes

Hi there! 👋 How can we help you today?

⚡

1-Line Embed Code

Works instantly on Shopify, WordPress, Webflow, Squarespace, or custom HTML.

🎨

Custom Icons & Avatars

Choose from official WhatsApp icons, speech bubbles, or friendly customer support avatars.

🔒

100% Free & Private

Zero tracking, zero monthly subscriptions, and zero external script delays.

WhatsApp Destination & Message

WhatsApp Phone Number

Enter the phone number linked to your WhatsApp or WhatsApp Business account without leading zeroes.

Pre-filled Customer Message

Pricing Question Request Demo Order Support General Info

When visitors click the button, this text will automatically be entered into their WhatsApp chat box.

Button Icon & Appearance

Select Button Icon

Classic Phone

Chat Bubble

Modern Badge

Agent Avatar

Choose Avatar Persona

Button Shape

Pill Button Label

Theme Color

Custom

Screen Position

Notification Badge Displays a pulsing red "1" badge to draw attention

Floating Callout Bubble Shows a friendly invitation bubble above the button

Callout Bubble Text

Popup Greeting Card

Show Chat Card on Click Displays an interactive card before redirecting to WhatsApp

Header Title / Agent Name

Online Status / Response Time

Agent Welcome Message

Visitor Input Form Style

Send visitor's custom typed message directly to the WhatsApp magic link.

Message Placeholder

Name Field Placeholder

Action Button Text

Support Free Tools Show subtle "Powered by WAXP" link in card footer

Your Ready-to-Use Embed Code

Test Link

How to Add to Your Website

Install any free header/footer plugin (e.g., WPCode or Insert Headers and Footers).
Paste the copied script into the Footer Scripts box.
Save changes and refresh your website.

In Shopify Admin, go to Online Store > Themes.
Click Actions > Edit code.
Open theme.liquid, scroll down to the bottom, and paste the code right above the </body> tag.
Click Save.

Open your Webflow Project Settings > Custom Code.
Paste the snippet into the Footer Code box.
Publish your project.

Paste the snippet directly into your HTML file before the closing </body> tag.
The widget loads asynchronously and will not slow down page loading speeds.

Frequently Asked Questions

Quick answers about embedding, pricing, and compatibility.

Is this floating WhatsApp chat widget completely free to use? +

Yes, it is 100% free with no monthly subscription fees, no credit card required, and no forced "Powered by" branding badges. You can generate and embed widgets on unlimited websites, blogs, Shopify stores, and client projects.

Will this widget slow down my website or collect visitor data? +

No. The generated embed code is lightweight (<3KB), loads asynchronously, and runs entirely in the visitor's browser with zero external JavaScript dependencies or heavy tracking libraries. It respects user privacy and collects zero analytics, cookies, or personal data.

How do I embed the WhatsApp widget on WordPress, Shopify, or plain HTML? +

Simply copy your generated 1-line script tag from Step 5 and paste it right before the closing </body> tag of your site or inside your platform's footer script settings (e.g., in WordPress via a header/footer plugin, or in Shopify under Online Store > Themes > Edit code > theme.liquid). The widget activates immediately without any coding knowledge.