Put a visible phone number in your header and pair it with a persistent mobile click-to-call button: together they capture the most phone-led conversions. Mobile visitors tend to call rather than fill out a form when they're ready to buy, and a number that disappears after the first scroll loses those visitors. Keep your contact page and footer listings too, since they remain the canonical spots search engines and returning visitors expect. The checklist below covers exactly where to put each one.
TL;DR:
- Put call prompts beside pricing, booking forms, and service descriptions, where visitors show intent, while keeping the full number, hours, and service areas in the footer.
- On mobile pages, prefer a fixed footer bar near the bottom, clear of device controls; hide it where it would block forms.
- Make each call control at least 48 by 48 device independent pixels, with about 8dp of separation from nearby links; add invisible padding when needed.
- Track each tel click in GA4 and use call tracking on busy pages; change one element at a time, then compare results over two weeks.
Table of Contents
- Where to place your phone number for the most conversions
- Getting mobile placement right: thumbs, not just screens
- Touch targets and accessibility specs you can't skip
- How to implement and measure phone number placement
- Common phone number placement mistakes and fast fixes
- Why most sites still get this wrong
- How we handle phone number placement for client sites
- FAQ
- Sources
Where to place your phone number for the most conversions
Not every placement carries equal weight. Some spots catch visitors at the exact moment they decide to call, while others simply need to exist for reference and search visibility.
- Header or hero area: show the number as clickable text with a phone icon and a short label like "Call us," visible without scrolling.
- Persistent mobile CTA: a sticky footer bar or floating button that stays on screen as the visitor scrolls through service pages.
- Contextual CTAs near high-intent content: repeat the number (or a "Call now" button) next to pricing tables, booking forms, and service descriptions, since that's where buying intent peaks.
- Contact page and footer: keep the full number as plain, selectable text along with hours and service-area details, since this is the backup location visitors check when they want to confirm you're legitimate.
These aren't competing options. A header number alone works for a desktop visitor, but it does nothing for someone scrolling a service page on their phone three screens deep. Click-to-call research from Think With Google found that adding call options and call extensions increases mobile click-through and can produce more phone leads for service businesses, which is exactly the audience most local sites are built for. The practical takeaway: treat the header, the sticky mobile CTA, the in-page prompts, and the footer as four layers of the same safety net, not four places to pick from. If you're rebuilding a site section by section, our guide to why mobile optimization matters for local businesses walks through how these behavioral patterns show up in real traffic.
Getting mobile placement right: thumbs, not just screens
A phone number that's technically "on the page" isn't the same as one a thumb can actually reach. Mobile layout decisions come down to a few repeatable rules.
- Choose a sticky footer over a floating button when the page has a lot of scrollable content, since a fixed bottom bar stays predictable and doesn't drift over text as the visitor scrolls.
- Place the CTA in the bottom third of the screen, where a thumb naturally rests during one-handed browsing, and keep it clear of the device's notch or home-gesture area.
- Show the call CTA on pages where intent is highest, such as service and pricing pages, and hide or shrink it on pages where it would block essential content, like a long contact form.
- Label the button with an action and a timeframe, for example "Call now, open until 6pm," so the visitor knows what happens and whether anyone will answer.
Think With Google's mobile research found that participants completed primary tasks fastest when the main call-to-action sat clearly in the body of the page rather than buried in a menu, which is the same logic that makes a sticky mobile bar outperform a header-only number.
Touch targets and accessibility specs you can't skip
A phone number link that's visually present but physically hard to tap loses calls just as surely as one that's missing. The accepted minimum touch target size is 48 by 48 device-independent pixels, roughly 9 millimeters, a figure confirmed by both Web and Android's developer accessibility documentation. Meeting that minimum reduces accidental taps on neighboring links and keeps the call button usable for visitors with limited dexterity or larger fingers.
A few rules make this easy to apply without changing how the button looks:
- Add padding around a small icon or text link rather than enlarging the visual element itself, so the clickable area grows while the design stays clean.
- Leave about 8dp of spacing between the call button and nearby links, which is the spacing Web to prevent accidental taps.
- Use an invisible padded container with a defined min-width and min-height when the visual design can't grow, a technique Android's guidance describes for expanding hit areas without altering layout.
- Check targets with your browser's built-in accessibility inspector before launch, since undersized tap targets are also one of the more common mobile-friendliness flags in automated audits.
The W3C's WCAG understanding document on target size frames this as a success criterion precisely because small, poorly spaced targets create real barriers, not just minor annoyances, and fixing them tends to lift conversions alongside accessibility scores.
How to implement and measure phone number placement
Getting the number on the page is the easy part. Making sure it works everywhere and actually produces trackable calls takes a short, specific checklist.
- Use a
tel:+1...link with a visible label and anaria-labelso screen readers announce the button clearly and desktop visitors simply see normal text (since desktop browsers won't trigger a dialer, the number should still read naturally). - Set up event tracking in Google Analytics (GA4) for every click-to-call button, so you can see which page, not just which button, generates the click.
- Use call-tracking numbers on your highest-traffic pages to attribute calls to specific placements rather than guessing from analytics events alone, a method Think With Google's click-to-call research treats as essential for connecting ad or page performance to actual calls.
- Test one variable at a time: placement, button copy, color, or size, and compare call volume and call-to-lead conversion over a fixed window rather than changing everything at once.
- Confirm responsive CSS keeps touch padding and spacing intact across breakpoints, since a button that passes the accessibility check on one screen size can shrink below 48dp on another.
Pro Tip: Start with a sticky mobile footer before testing subtler changes like color or copy; it tends to close the biggest conversion gap and costs little to build.
For a step-by-step walkthrough of the button markup and tracking setup, our click-to-call buttons guide covers the implementation in more detail, and the partner guide on CTA design from Baby Love Growth is a useful reference when you're deciding how a call button should read and look next to your other CTAs.
Common phone number placement mistakes and fast fixes
Most placement problems are small and fixable in an afternoon.
- The number only appears in one place, usually the header or contact page. Fix it by adding at least one persistent mobile CTA so the number travels with the visitor.
- The call button is an icon with no text label. Fix it by adding a short word like "Call" next to the icon and widening the tap area to meet the 48dp minimum.
- The button sits too close to another link or form field, causing accidental taps. Fix it by adding spacing or relocating the CTA away from dense content.
- The copy is vague, something like "Contact," instead of a direct instruction. Try changing it to "Call now" and measuring call volume over two weeks before and after the change.
Running through a short checklist like this one is often faster than a full redesign; our website review checklist is built for exactly this kind of quick audit.
Why most sites still get this wrong
Most businesses treat the phone number as a formality, something that belongs on the contact page because that's where people expect to find contact information. That assumption misses how mobile visitors actually behave: they often decide to call while reading a service description or a price, not while hunting for a dedicated contact page. Treating the number as one listed item instead of a conversion tool is the real gap between sites that generate calls and sites that just display a number.
The second underestimated issue is spacing. Business owners fixate on whether the button is "visible enough" and rarely check whether it's tappable without hitting the wrong thing on a crowded screen. A number that's visually prominent but packed too tightly next to other links will still lose calls, quietly, with no error message to flag the problem.
— Dylan
How we handle phone number placement for client sites
We build every local business site with key phone number placements in place from the first draft, not as an afterthought added after launch. Our focus on mobile clarity and lead flow comes from working directly with Texas business owners who lose calls to exactly the placement gaps covered above, and our call tracking setup guide is one of the resources we use to help clients see which pages their calls actually come from.
If your current site buries its number or skips tracking entirely, we offer services designed to fix that quickly:
- Starter Website: a scoped, mobile-first build with click-to-call placement included from day one.
- Responsive Website Development: makes sure every CTA keeps its spacing and tap size across screen sizes.
- Local SEO: keeps your contact details consistent across your site and Google Business listing.
Most projects launch in three days to a week. You can view current packages and pricing on our pricing page and start a project when you're ready.
FAQ
Where should I put my phone number on a website?
Put it in the header so it's visible without scrolling, add a persistent click-to-call button for mobile visitors, and keep it listed on your contact page and footer as backup locations. Using all of these together, rather than just one, covers both the moment of intent and the reference lookup.
Does click-to-call actually increase phone leads?
Yes, Think With Google's click-to-call research found that adding call options and call extensions increases mobile click-through and generates more phone leads for service businesses. Pairing a visible call button with call tracking lets you confirm the effect on your own site.
How big should a tap-to-call button be on mobile?
The accepted minimum is 48 by 48 device-independent pixels, around 9 millimeters, as described in Web and echoed in Android's accessibility documentation. Keeping roughly 8dp of spacing around the button also helps prevent accidental taps on nearby links.
Should I use a sticky footer or a floating button for mobile calls?
A sticky footer bar tends to work better on content-heavy pages since it stays in a predictable spot and doesn't drift over text as the visitor scrolls. A floating button can work on simpler pages, but either way the goal is one persistent, reachable control rather than two competing sticky elements.
How do I track whether my phone number placement is working?
Set up click event tracking in GA4 for every tel: link and consider a call-tracking number on your highest-traffic pages to attribute calls to specific placements. Comparing call volume before and after a placement change, over a fixed two-week window, gives a clear read on what's working.
Sources
These are the primary standards and studies behind the recommendations above, covering touch-target sizing, click-to-call behavior, and mobile accessibility guidance.
- The Role of Click to Call In the Path to Purchase
- Web
- Understanding Success Criterion: Target Size (Minimum) — W3C WCAG 2.2
- Developer