A gorgeous site is pointless if nobody can reach you. This phase is all about WhatsApp buttons, a multi-platform chat bubble, and a proper contact form — explained slowly, in full detail.
You can build the most beautiful website in the world — but if nobody can reach you in two taps, it's just a very nice-looking dead end.
Think about how you actually check on an order — you don't email the Swiggy delivery guy, you tap a chat bubble. Almost every visitor to your client's website will be on their phone, and in India that phone almost certainly has WhatsApp open more than any other app. If the only way to reach you is a buried email address, most people will simply close the tab instead of typing one out.
A shop with three entrances: a front door people can just walk straight through (WhatsApp), a reception counter where they leave a written note and wait for a call back (a contact form), and a side window for the ones who'd rather just ring the bell or drop a DM on Instagram (Chaty). The more doors you open, the fewer people turn around and leave.
Quick fact: WhatsApp is consistently the single most-opened app on an Indian smartphone — well ahead of email. Making it someone's easiest option to reach you isn't a nice-to-have, it's just meeting people where they already are.
This one trick is the foundation of literally every WhatsApp button you will ever add to a website.
WhatsApp has a free, built-in way to let anyone start a chat with your number without saving it as a contact first — it's called a click-to-chat link. Tap it, and it opens WhatsApp (on phone or desktop) with a chat window to your number already open.
Break that link apart, and it's really just two simple pieces stitched together:
wa.me/919876543210The number, written in full international format — country code first, no + sign, no spaces, and no leading zero. An Indian number like 98765 43210 becomes 919876543210.
?text=...An optional pre-written message that shows up already sitting in the message box the moment the chat opens. The visitor doesn't have to think of what to type — just hit send. Every space in your message has to be written as %20 so the link stays valid.
Handing someone a chit of paper with your number and a message already written on it. All they have to do is glance at it and hand it back — no thinking, no typing, just one tap to send.
Always test your link first. Paste it straight into your own browser's address bar before using it anywhere. If it's built correctly, WhatsApp opens instantly with your message already sitting there, ready to send.
You don't need any plugin for one simple WhatsApp button — Elementor's own Button widget does the entire job.
Using the format from Stop 2, create your own click-to-chat link with your number and a friendly opening message.
Open any page with Elementor, and drag the "Button" widget from the left panel onto your section.
Click the button, go to Content → Link, and paste your wa.me link into the box.
Toggle "Open in new window" so visitors don't lose your website the moment WhatsApp opens.
In the Style tab, set the background to WhatsApp's signature green (#25D366), and add a chat or WhatsApp icon from the Icon tab so it's instantly recognisable.
Click "Update," then open the live page on your own phone and actually tap the button to confirm it works.
Go further: add this same button inside your header (using the Header Builder from Phase Two) so it stays visible on every single page, not just one.
A single WhatsApp button is great — but what about the visitor who'd rather just call you, or DM you on Instagram instead?
Chaty is a free WordPress plugin that adds one small floating chat bubble to the corner of your website — the kind you've almost certainly seen sitting bottom-right on dozens of sites you've visited. Tap it, and it fans out into separate icons for WhatsApp, phone call, email, SMS, Messenger, Instagram, Telegram, and more, all bundled into one tidy widget instead of five different buttons cluttering your page.
The help desk at a big mall — from the outside it looks like one neat counter, but walk up to it and you'll find separate windows for WhatsApp, calls, and email, all under one roof instead of scattered across the building.
Good to know: Chaty's free plan already covers several channels at once, which is more than enough for almost any small business website — no coding involved.
Go to Plugins → Add New, search "Chaty," then click Install and Activate.
A new "Chaty" menu appears in your dashboard sidebar. Click it to open the setup screen.
Click "Add Channel," pick WhatsApp, and enter your number plus a default greeting — the exact same idea as the click-to-chat link from Stop 2.
Repeat for Call, Email, Instagram, or anything else your client actually uses. Each one just asks for the relevant number, address, or username.
Under "Widget," pick the bubble's position (bottom-right is standard), its colour, size, and whether it should pulse gently to catch the eye.
Decide whether it shows on all devices or just mobile, and on every page or only specific ones.
Click "Save," then open your site in an incognito tab to see the live bubble and tap through every icon to confirm they all work.
Keep it to 3–4 channels max. A bubble that fans out into ten different icons stops feeling helpful and starts feeling like clutter — pick the platforms your client actually checks.
Not every visitor wants to chat instantly — some would rather write everything out once, properly, and wait for a reply. That's exactly what a contact form is for.
Contact Form 7 is one of the oldest and most widely used WordPress plugins in existence, and it's completely free. It lets you build any kind of form — a simple "Name, Email, Message" enquiry box, a detailed quote request, or a job application — using a simple tag-based system, and it emails you the submission the second someone hits send.
A suggestion box outside a shop — except instead of someone physically walking up and dropping a chit in, it lands straight in your email inbox the instant they submit it.
Fun fact: Contact Form 7 alone runs on several million WordPress websites worldwide. When someone asks "how do I add a form to my site," this is usually the answer.
Go to Plugins → Add New, search "Contact Form 7," then Install and Activate.
A new "Contact" menu appears in your sidebar. Click "Contact Forms" — you'll already see one ready-made form called "Contact form 1."
In the Form tab you'll see tags like [text* your-name], [email* your-email], and [textarea your-message]. Add, remove, or rename fields here — the asterisk (*) simply marks a field as required.
Click the Mail tab. This is where you tell the form which email address should receive every submission, and you can customise the subject line and message layout too.
At the top of the page, copy the small shortcode — something like [contact-form-7 id="15" title="Contact form 1"].
Open your page with Elementor, drag in the "Shortcode" widget, and paste the code in. Your form now appears right there, styled in Contact Form 7's default look.
Publish the page, fill out the form yourself, hit submit, and check that the email actually lands in the inbox you set in Step 4.
Form working but no email arriving? Check the spam folder first — that's the single most common "my form is broken" issue, and it's usually not actually broken at all.