WhatsApp Chat Examples
Check WhatsApp Chat examples to reveal the full potential of the widget. Make sure it will suit your any goals.
Example 1. General
This is the most common example of a WhatsApp messenger on a website. A Floating bubble option is chosen and the chat stays moderate but always visible for users. A recognizable chat icon is set in the Bubble and the chat window has custom WhatsApp colors.
Example 2. Support
In this example, the header picture of the widget shows a photo of a customer support specialist and the caption is used to specify the reply time. Thus, users see that they are going to chat with a live person and know when to expect an answer. This makes the chat a good variant of organizing technical support.
Example 3. Sale
A lot of interface customization made this chat window look unique and bright. You can see that the header was colored black and the Start Chat Button turned red and changed its original label. There’s a photo of a manager, his name and positions on the header. That's how you can use WhatsApp chat to attract new sales.
Example 4. Booking
This chat is used to help clients with booking, and the welcome message offers assistance with looking for options, thus attracting clients to start a chat. The header and the chat bubble are painted dark blue to remind of a popular booking service. Start Chat buttons is or original green color and shows WhatsApp icon.
Example 5. Feedback
Here you can see a feedback form as a floating bubble. It’s always at hand for sharing clients’ thoughts. The bubble has a custom text and shows a badge notifying of a new message. A click on the bubble will open a chat window with a photo of manager and his name. The photo can be chosen from our gallery, if you fail to find one.
Example 6. Onboarding
To tell your clients more about your products or services, you can use an unobtrusive chat on your site. A chat bubble displays only an icon, without any text and has a new message notification badge on it. A new set of colors was chosen for the chat: the header is light purple and the Start Chat Button together with chat bubble are bright purple.
Example 7. Consultation
Here’s a good way to consult clients about your offers. A Floating bubble can be aligned left, right, or center. The chat window header and the chat bubble are of the same color. The header shows a picture and name of the chat person, and welcome message serves as a chat trigger.
Example 8. Embed Chat Button
In this example, a chat bubble is not in a floating position; it is embedded into the content zone of the website and stays there. It shows WhatsApp icon with a custom text. The chat bubble opens on click to show a chat person’s photo and name in the header and a welcome message in the chat.
Example 9. Embed Chat Window
You can embed an open chat window on any of your website pages, right where it feels most needed. Users will see a chat window with a welcome message inviting to start a conversation. In this example, the widget saves original colors and the header shows a photo and name of the chat person.
Join 147,932 customers already using Elfsight Apps
Get the taste of 20 more powerful apps by Elfsight. No credit card. Joining is risk-free!
Get 20% discount now!