How to add Click-to-call button to your website
Click-to-call button is a tap-to-dial phone link on your website, used by every local service business — this is the highest-converting element most sites are missing. Here's how to put it on your own website, which embed option to pick, and what goes wrong.
Quick answer
Get the code from nothing to generate — a tel: link written directly into your page. For most people the right choice is the header phone link — your number in the header as a tappable link, visible without scrolling. Paste it into a code or embed block on your site — not a plain text field — then place it beside your main call to action and test the whole flow on a phone before relying on it.
Click-to-call button: which option to use
| Option | What it does |
|---|---|
| Header phone link | Your number in the header as a tappable link, visible without scrolling. |
| Sticky mobile bar | A fixed call button at the bottom of the screen on phones. |
| Inline call links | Every mention of your number on the page made tappable. |
Step-by-step
- 1
Find the code or link in your account
Click-to-call button keeps this in nothing to generate — a tel: link written directly into your page. Copy what you need before touching your website — most of the time people lose is spent hunting for the snippet, not installing it.
- 2
Pick the right option for the job
The table above is the decision. Header phone link: Your number in the header as a tappable link, visible without scrolling. Sticky mobile bar: A fixed call button at the bottom of the screen on phones. Choosing before you paste saves rebuilding the section later.
- 3
Paste it into a code or embed block
This needs an HTML, code or embed block — not a plain text field, where the code will simply appear as text on your page. On Adviita, ask the AI editor to add an embed section and drop the code in. On WordPress use a Custom HTML block, on Squarespace a Code block (Business plan or above), and on Wix an Embed HTML element.
- 4
Put it where the decision happens
A messaging option is only an asset if someone answers it. An ignored chat is worse than none. A widget three scrolls down does a fraction of the work of the same widget beside your main call to action. Decide what the page is for, then place it at the point the visitor is deciding.
- 5
Check it on an actual phone
Most visitors to a small business website arrive on a phone, and embeds are where mobile layouts break. Open your live site on your own phone and confirm it loads, fits the screen without sideways scrolling, and does not push your contact button out of view. Third-party embeds are also the most common cause of a slow page, so if it noticeably delays loading, consider a plain link instead.
- 6
Test it end to end before you rely on it
Run through the whole flow yourself as a customer would — send a real message — and confirm what should happen actually happens. Broken embeds fail silently, and the first person to notice is usually a customer who has already given up.
Tips & best practices
- ▸A phone number written as plain text is not tappable on a phone. It must be a tel: link, and this is one of the most common oversights on small business sites.
- ▸Use the international format with your country code so the link works for everyone.
- ▸Do not hide the number behind a form. For trades, the phone call is the conversion.
- ▸Re-test the embed after any change to your site, your plan, or the connected account — third-party widgets break quietly and nothing tells you.
Common questions
How do I make my phone number clickable on mobile?
+−
Wrap it in a tel: link — for example a link with the destination tel:+441234567890 — rather than writing it as plain text. Plain text numbers are not tappable on most phones, which means every mobile visitor who wants to call has to copy the number by hand. Many simply do not.
Where should the phone number go on a small business website?
+−
In the header, visible without scrolling, on every page, plus a sticky call button at the bottom of the screen on mobile. For local service businesses this single change reliably produces more enquiries than any other layout decision.
Do I need a developer to add Click-to-call button to my site?
+−
No. Every option here is copy and paste into a code or embed block, which every mainstream website builder provides. The only genuine blocker is a builder or plan that does not allow custom code at all — Squarespace, for instance, requires a Business plan or above for code blocks.
Will adding Click-to-call button slow down my website?
+−
Any third-party embed has some cost, because it loads code from another company's servers. One is usually unnoticeable; four or five on the same page is where small business sites become visibly slow. If page speed matters to you, prefer a plain link over a script wherever the option exists, and keep embeds to the pages that genuinely need them.