Website Widgets

WhatsApp Chat Widget

Turn website visitors into direct WhatsApp conversations and qualified enquiries in one tap.

Pricing available on request.

Create Your Free Widget

Configure and preview for free.

Try it live

This is the real thing, running right here in the page. Click around — nothing is saved.

yourwebsite.com

Tap the launcher to see the greeting panel visitors get.

Live preview

Your website content

The preview is interactive: open the chat, edit the message and press Start Chat to test the WhatsApp link.

See What It Looks Like Inside Your Dashboard

A clean, no-code backend built for dispatchers, business owners, and non-technical staff.

www.smartflosystems.com/dashboard/widgets/whatsapp
WorkspaceWebsite widgetsWhatsApp Chat Widget Live workspace data

Chat button setup

No-code

WhatsApp number

+44 7700 900123

Greeting

Hi! Got a question about your project?

Availability

Mon – Fri

08:00 – 18:00

Saturday

09:00 – 13:00

Sunday

Closed

Show an out-of-hours message instead

On your site

Live preview
Chat with us

Hi! Got a question about your project?

Typically replies in 5 minutes

What you get

One-tap conversations

Visitors land in WhatsApp with your message pre-filled.

Business hours aware

Show an away message automatically outside your opening times.

Fully branded

Colours, avatar, greeting, launcher shape and teaser are all yours.

Consent built in

Optional GDPR notice and privacy link before the chat opens.

Works on Any Website

Paste one snippet exactly where you want it to appear — it fills the space it's given.

  • WordPress: edit the page or post, add a Custom HTML block where the graphic should appear and paste the snippet in.
  • Shopify: Online Store → Themes → Edit code, or add a Custom Liquid section to the product page and paste the snippet.
  • Webflow: drag an Embed element onto the canvas, paste the snippet, then publish the site.
  • Squarespace: edit the section, add a Code block and paste the snippet.
  • Wix: Add → Embed Code → Embed HTML, paste the snippet and let the frame size to the content.
  • Framer: Insert → Embed → HTML and paste the snippet into the embed panel.
  • Custom HTML: paste the snippet directly into your page markup at the position you want the widget.

Ready to add WhatsApp Chat Widget to your site?

Set up in under 2 minutes.

Create Your Free Widget