Skip to content

Native Divi 5 ModulePro

Divi WhatsApp Chat

A WhatsApp click-to-chat button.

Why use the Divi WhatsApp Chat module?

A WhatsApp launcher is a direct line to a real conversation, and it works better than a contact form for visitors who already have WhatsApp open. Building the floating bubble, the opening message and the header by hand means custom CSS and a manually built wa.me link.

WhatsApp Chat is a single module: a phone number, a chat template, and the bubble opens Facebook's own WhatsApp Web link with the message pre-filled. No API key, no app to connect.

This is the live module, with a placeholder number. Look at the corner of your screen.

Profile

Sales Team

Typically replies within an hour

What you get out of it

A real floating bubbleFixed to the corner of the viewport, the same behaviour visitors expect from a chat launcher.Four chat templatesDefault, support, sale and booking, each with its own pre-written opener.A real headerProfile name, caption and photo build the chat window header before a visitor even sends a message.No API or app connectionIt opens a standard wa.me link with your number and the template message pre-filled.Bubble styling, your choicePosition, alignment, icon, size and colours are all module settings.Native on Divi 5Ships in Divi Torque Pro. A Divi 4 layout using the same module converts across.

Everything the Divi WhatsApp Chat module does

Every option below ships in Divi Torque Pro.

A WhatsApp number, used to build the chat linkTemplate: default, support, sale or bookingProfile name, caption and photo for the chat headerBubble alignment: left, right or centreBubble icon: WhatsApp mark or one of four alternatesCustom bubble text and iconStart Chat button textHeader background, bubble background and icon colourBubble size, width and icon size

See the Divi WhatsApp Chat in action

It is genuinely fixed to the viewport, not inline in this row, so it will appear in the corner of the browser window rather than beside this text.

Floating, bottom right

Default template, WhatsApp icon. The bubble itself is fixed to the viewport, not drawn inside this box.

Profile

Sales Team

Typically replies within an hour

Four chat templates

Only one bubble runs live above, since it is a floating widget. The four templates it can be set to:

Default, Support, Sale, Booking

Default opens with a general greeting. Support leads with "How can we help?". Sale opens with a product question. Booking opens with a scheduling request. Switching between them is one dropdown, no rewriting the rest of the module.

Adding one takes about a minute

Three steps, and none of them involve custom CSS.

1Drop in the moduleAdd WhatsApp Chat to any row. Where you place it in the layout does not matter, since it always floats.2Add your number and pick a templateThe Content panel takes the WhatsApp number and one of four chat templates.3Style the bubblePosition, alignment, icon and colours are all in the Design tab.

Questions people ask first

Short answers, all of them checked against what the module actually does.

Is the WhatsApp Chat module free?No. It ships in Divi Torque Pro. The free plugin does not include it.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.Do I need a WhatsApp Business API account?No. It opens a standard wa.me link with your number and message pre-filled, the same as WhatsApp's own share link.Can I place it inline instead of floating?No. Bubble Position has exactly one value: floating. It is always fixed to the viewport.Can more than one chat widget appear on the same page?Technically yes if you add two instances, but with both fixed to the viewport they would overlap. One per page is the practical limit.Does it work without JavaScript?The bubble itself needs a small script to open and close the chat window. The wa.me link it opens is a plain URL.

Get WhatsApp Chat and 78 more.

One license, every module and extension, native on Divi 5.