{"id":1834,"date":"2026-11-03T11:14:59","date_gmt":"2026-11-03T11:14:59","guid":{"rendered":"https:\/\/demo.divi-pixel.com\/modules\/conversation\/"},"modified":"2026-11-05T18:17:16","modified_gmt":"2026-11-05T18:17:16","slug":"conversation","status":"publish","type":"page","link":"https:\/\/demo.divi-pixel.com\/modules\/conversation\/","title":{"rendered":"Conversation"},"content":{"rendered":"
\n
\n
\n
<\/span><\/div>\n\n

Conversation for Divi<\/h1>\n<\/div><\/div>\n\n

Build realistic chat conversations that type themselves out as visitors scroll. iOS, Android, WhatsApp and Messenger skins, typing indicators, read receipts, reactions and image messages \u2013 all inside the Divi Builder.<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>

Divi 5 Ready<\/h4><\/div><\/div><\/div>\n<\/div>\n<\/div>\n
<\/div><\/div>\n\n
\n
\n
\n
<\/span><\/div>\n<\/div>\n\n
\n

Custom Divi Module<\/h2>

Tell Your Story One Message at a Time<\/p>\n<\/div><\/div><\/div>\n\n

Pixel Conversation turns a plain list of messages into a living chat. Each message is its own child module, so you control the sender, avatar, timestamp, read status, reactions and images per bubble. Pick a device skin, enable typing animation, and the conversation plays out message by message as it scrolls into view. Perfect for product stories, support, testimonials and onboarding.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n

Customer Support Chat<\/h2>

Show Your Support in Action<\/p>\n<\/div><\/div><\/div>\n\n

Let visitors see how fast and friendly your team responds. A short support exchange builds more trust than a \"24\/7 Support\" badge ever could.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n
9:41<\/span><\/svg><\/svg><\/svg><\/span><\/div>
<\/svg><\/span>Messages<\/span><\/div>
\n
<\/div>
Jonas<\/span>

Hi, my license key isn't activating on my new site.<\/p>\n<\/div><\/div>

14:02<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Sarah<\/span>

Hi Jonas! No worries, let me check that for you.<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Sarah<\/span>

Hi Jonas! No worries, let me check that for you.<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Sarah<\/span>

Found it. The key hit its site limit. I've bumped it for you.<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Jonas<\/span>

Works now. That was quick, thank you!<\/p>\n<\/div>\ud83d\udc4d<\/span><\/div>

14:02<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Sarah<\/span>

Anytime! Have a great day \ud83d\ude0a<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>
+<\/span>iMessage<\/span><\/svg><\/span><\/div><\/div>

iOS Style<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
9:41<\/span><\/svg><\/svg><\/svg><\/span><\/div>
<\/svg><\/span>Messages<\/span><\/div>
\n
<\/div>
Marta<\/span>

Hi! Order #48213 still says \"processing\". Is everything okay?<\/p>\n<\/div><\/div>

10:12<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Tom<\/span>

Hi Marta, let me pull that up.<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Sarah<\/span>

It shipped this morning, tracking just hadn't synced yet. Here you go: DHL 8837 2210 45<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Marta<\/span>

Oh perfect, I see it now. Thanks for checking!<\/p>\n<\/div>\u2764\ufe0f<\/span><\/div>

10:12<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Tom<\/span>

You're welcome. Should arrive Thursday \ud83d\udce6<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>
Message<\/span><\/svg><\/span><\/div><\/div>

Material Style<\/p>\n<\/div><\/div>\n<\/div>\n\n

\n
9:41<\/span><\/svg><\/svg><\/svg><\/span><\/div>
<\/svg><\/span>\"\"<\/span>Ben<\/span>Active now<\/span><\/span><\/svg><\/svg><\/span><\/div>
\n
<\/div>
Ben<\/span>

I can't log in. The reset email never arrives.<\/p>\n<\/div><\/div>

16:40<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Lena<\/span>

Sorry about that, Ben! Which email is on the account?<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Ben<\/span>

ben.k@gmail.com<\/p>\n<\/div><\/div>

16:41<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Lena<\/span>

Found it. The address had a typo on our side. Fixed, and I've just sent a fresh reset link.<\/p>\n<\/div><\/div>

16:43<\/span><\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Ben<\/span>

Got it, I'm in. Thank you so much!<\/p>\n<\/div>\ud83d\ude4c<\/span><\/div>

16:41<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
Lena<\/span>

Great! Let us know if anything else comes up.<\/p>\n<\/div><\/div>

16:44<\/span><\/span><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>
<\/svg><\/svg><\/svg><\/svg><\/span>Aa<\/span><\/svg><\/span><\/svg><\/span><\/div><\/div>

Blue Messenger<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

<\/span>\n
\n
\n

Green Messenger<\/h2>

Book, Confirm, Done<\/p>\n<\/div><\/div><\/div>\n\n

Ideal for restaurants, salons and local services. Walk visitors through the exact conversation they'll have with you and remove any doubt about how easy it is.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\uf007<\/span><\/span><\/div>

Avatars and sender names<\/h4>

Put a face and a name on every reply. Real people, not a faceless helpdesk.<\/p>\n<\/div><\/div><\/div><\/div>\n\n

\uf164<\/span><\/span><\/div>

Reactions<\/h4>

Add \u2764\ufe0f, \ud83d\udd25 or any emoji to a bubble. One tap of approval says more than a paragraph of copy.<\/p>\n<\/div><\/div><\/div><\/div>\n\n

\uf8cc<\/span><\/span><\/div>

Scroll-triggered playback<\/h4>

The conversation starts when it enters the viewport and can replay every time it comes back into view.<\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n

\n
9:41<\/span><\/svg><\/svg><\/svg><\/span><\/div>
<\/svg><\/span>\"\"<\/span>Elena<\/span><\/svg><\/svg><\/span><\/div>
\n
<\/div>

Hello! Do you have a table for two on Friday around 7pm?<\/p>\n<\/div><\/div>

11:18<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

Hi Elena! Yes, we have a window table free at 7:15. Would that work?<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

Perfect. Can we get the tasting menu?<\/p>\n<\/div><\/div>

11:19<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

Absolutely. Tasting menu for two, Friday 7:15. You're all set \ud83c\udf77<\/p>\n<\/div><\/div>

11:20<\/span><\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

Amazing, see you Friday!<\/p>\n<\/div>\u2764\ufe0f<\/span><\/div>

11:20<\/span><\/span><\/div><\/div><\/div><\/div>\n<\/div><\/div><\/div>
+<\/span><\/svg><\/span><\/svg><\/span><\/svg><\/span><\/div><\/div>
\n
\ue01a<\/span><\/span><\/div>

Typing animation<\/h4>

Messages appear one by one with a live typing indicator, so the chat unfolds like a real conversation.<\/p>\n<\/div><\/div><\/div><\/div>\n\n

\uf086<\/span><\/span><\/div>

Two-sided story<\/h4>

Flip any message left or right. Show the customer's question and your answer side by side, exactly like a real sales chat.<\/p>\n<\/div><\/div><\/div><\/div>\n\n

N<\/span><\/span><\/div>

Read status<\/h4>

show sent, delivered and read states on any bubble to signal fast, attentive replies.<\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n

Sell Through Conversation<\/h2>

Product Recommendation with Images<\/p>\n<\/div><\/div><\/div>\n\n

Mix text bubbles with image messages to show products the way people actually share them. Reactions and read receipts make the exchange feel spontaneous and real.<\/p>\n<\/div><\/div>\n\n

\ue006<\/span><\/span><\/div>

Image messages<\/h4>

Drop a product photo straight into the chat. Pick any image from the Media Library, it renders as a native photo bubble.<\/p>\n<\/div><\/div><\/div><\/div>\n\n

\uf5c3<\/span><\/span><\/div>

Fully styleable bubbles<\/h4>

Colors, radius, shadows, fonts, spacing. Match brand or keep native WhatsApp green. Every option in familiar Divi Design tab.<\/p>\n<\/div><\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
<\/div>

I need a desk lamp that doesn't look boring. Ideas?<\/p>\n<\/div><\/div>

19:05<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

We've got you. How about this one?<\/p>\n<\/div><\/div>

<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>
\"\"<\/div><\/div>
<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

Okay that's gorgeous \ud83d\ude0d Does it come in black?<\/p>\n<\/div>\u2764\ufe0f<\/span><\/div>

19:05<\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

It does. Matte black, ships in 2 days. Want the link?<\/p>\n<\/div><\/div>

19:07<\/span><\/span><\/div><\/div><\/div><\/div>\n\n
<\/div>

Yes please!<\/p>\n<\/div>\ud83d\udd25<\/span><\/div>

19:05<\/span><\/div><\/div><\/div><\/div>\n<\/div><\/div>