Skip to content
July 11, 2026·4 min read

Where to Put the "Call Now" Button on Mobile So People Actually Tap It

A practical guide to phone-button placement on mobile and the sticky bar that turns visits into real calls.

If you run an auto shop, a salon, or a clinic, most people open your site on a phone, standing up, with one hand busy. They don't read, they scan. And if your "Call now" button is buried at the bottom or blends into the rest of the page, they leave before they ever dial.

The problem is almost never that you don't have a phone button. It's that the button is in the wrong place, or only shows at the top and disappears the moment someone scrolls. In this article I'll show you exactly where the button goes on mobile, why a sticky bottom bar works, how to keep it from being annoying, and the small mistakes quietly costing you calls.

The thumb rule: the button must land where the hand reaches

When you hold a phone one-handed, your thumb comfortably covers the bottom and middle of the screen. The top corners are hard to reach, especially on big phones. That's why your main contact button shouldn't live only in the header, up top, where people can't reach without rearranging their grip.

What works in practice:

  • A phone button visible right away, no scrolling needed (in the first section).
  • A fixed bar at the bottom, present the whole time someone reads.
  • A generous tap area: the button should be as tall as a fingertip, not a thin line of text.

Think about it simply: if someone wants to call you at 8 in the evening, how fast do they find the number without hunting? If the answer is "they have to scroll," you lose the call.

The sticky bottom bar: the safest spot for calls

A sticky bar (fixed at the bottom, staying on screen as you scroll) is the most reliable option for a business that lives on phone calls. The reason is simple: no matter where someone is on the page, contact is always one thumb away, right in the easy-to-reach zone.

How to build it well:

  • Show it on mobile; you can hide it on desktop, where the number is in the header anyway.
  • Ideally two actions side by side: "Call now" and WhatsApp. Some prefer to type, others to talk.
  • Make the phone button a real <code>tel:</code> link, so a tap starts the call directly.
  • Leave a little space at the bottom of the page so the bar never covers text or the footer.

It's the kind of small detail that changes how many calls you get, not how the site looks.

Color, wording, and size: what a tappable button looks like

A good button is seen instantly, not guessed at. Pick a color that contrasts strongly with the rest of the page - if the whole site is blue, a blue button disappears. Keep the text clear and direct: "Call now" beats a plain "Contact," because it says exactly what happens on tap.

A few concrete rules:

  • Make the button tall and wide, easy to hit on the move.
  • Add a phone icon next to the text - it's recognized instantly.
  • Don't put three or four equally bright buttons; pick one "main button" and keep the rest quieter.
  • If you have set hours, note "Mon-Fri 9-6" next to the button, so people know if you'll pick up now.

The goal is for someone in a hurry to find it and tap without thinking.

Mistakes that quietly cost you mobile calls

Plenty of sites have a phone button and still nobody calls. Usually it's small things that fix fast:

  • The number is plain text, not a tappable link - people have to copy it manually and give up.
  • The button only shows up top and vanishes on scroll, right when someone decides.
  • The sticky bar covers the form's submit button or important text.
  • Pop-ups that jump over the button and have to be closed first.
  • The button is too small or too close to another link, so people miss and tap wrong.

It's worth opening your own site on a phone and pretending to be a customer: how fast can you call? If you, who know the site, hunt for a few seconds, a stranger gives up sooner.

How we handle this at MPO Web Studio

On the sites we build, the "Call now" button and the mobile sticky bar aren't a last-minute add-on - we plan them from the start, because most of your customers arrive on a phone. We work remotely across the country, with transparent pricing and no surprises.

So you don't have to buy on faith, we build you a free demo of your site upfront, so you can see on your own phone exactly where the button lands and how the sticky bar feels. Only after you like it do we go further.

If you'd like us to check your current site or see a demo for your business, message us on WhatsApp - we'll look together at where you're losing calls and what can be fixed fast, with no "number one on Google" promises.

Frequently asked questions

Doesn't the sticky bottom bar annoy visitors?+

If it's slim and discreet, no. The trick is to keep it small, never cover text, and leave room at the bottom of the page equal to its height. Done right, most people don't consciously notice it - they just have the button handy when they want to call.

Do I put the button in the header too, or only in the bottom bar?+

Ideally both. The top is useful for people who look right away, and the bottom bar stays present while they scroll. The key is that the bar button is always visible on mobile, because that's where the decision to call often gets made, after someone has read a bit.

Is "Call now" better, or WhatsApp?+

It depends on your customers. Many people prefer to message on WhatsApp rather than call, especially outside business hours. Our advice is to put both, side by side in the bar, so each person picks what's comfortable. You're not forcing anyone onto a single channel.

Does this work on WordPress or only custom-built sites?+

It can be done on almost any type of site, including WordPress. The difference is how clean it comes out and how fast it loads. A poorly built sticky bar can slow the page; a properly built one is lightweight and doesn't hurt speed.

How do I know if my current button actually brings calls?+

Open the site on your phone and time how long it takes you to call, like a rushed customer. Then check whether the number is a tappable link, whether the button stays visible on scroll, and whether anything covers it. If you want, we'll look and tell you concretely what's blocking calls.

Free guide

7 mistakes that drive clients away from your website

Leave your email and get the guide right here, instantly. No spam.

By submitting, you agree to the Privacy Policy.
MThe MPO teamWe reply personally

Want to see what your business's website could look like?

Message us on WhatsApp and we'll build you a free demo website with your business name on it. See it first, then decide — no strings attached.

Ask for a free demo websiteWe usually reply within a few minutes