The 'Book Now' Button: Where It Should Live and Why Most Sites Get It Wrong

02 September 2026·5 min read

Quick answer: Your main call-to-action button should live in at least four places: the main navigation, the hero section above the fold, the end of every page block that could prompt a decision, and a sticky bar on mobile. One button buried in the footer is not a strategy — it's a hope. Repetition and placement matter more than colour or wording. 📱

Most businesses treat their “Book Now” or “Enquire Now” button like a nice-to-have — something the web designer added because every site needs one. It's not decoration. It's the one moment on your entire website where a visitor's intent turns into an actual lead, and where it sits (and how many times it shows up) has a bigger effect on your enquiry numbers than almost anything else on the page. Get the button right and you can leave a slightly ugly page limping along and still convert 💖. Get it wrong and the prettiest site in your industry won't book a single job.

What most businesses get wrong

The most common mistake is treating the CTA as a single event instead of a recurring one. A business builds a beautiful hero section, puts one “Enquire Now” button at the very top, and assumes that's covered. But most visitors don't decide in the first five seconds — they scroll, they read your services, they check your reviews, and by the time they're ready to act, the button is long gone off-screen. If they have to scroll back up to find it, a good chunk of them simply won't bother.

The second mistake is vague labelling. “Submit” and “Learn More” tell a visitor nothing about what happens next. And the third — especially common on mobile — is forgetting that thumbs, not mice, are doing the clicking. A button that works beautifully on a 27-inch monitor can be nearly unreachable on a phone if it's not designed with the mobile “thumb zone” in mind.

The 5-Spot Placement Checklist

Run through your own site right now and check off each spot. If you're missing more than one, that's your next website task.

1. Main navigation — top right (desktop) or as the primary tab (mobile), visible on every single page, not just the homepage.
2. Hero section — above the fold, before anyone has to scroll.
3. End of every persuasive block — after your services list, after testimonials, after your “why choose us” section. Anywhere someone might finish reading and think “okay, I'm convinced.”
4. Sticky mobile bar — a slim bar pinned to the bottom of the screen on mobile, so the button travels with the visitor as they scroll.
5. Exit points — the bottom of blog posts, FAQ pages, and your about page, where visitors often leave if there's nothing pulling them forward.

Label formula: [Action verb] + [what actually happens]. “Book a Free Chat,” “Check Availability,” “Get a Quote in 24 Hours” — never just “Submit.”

A booking-based business with lots of no-shows: switching the vague footer “Contact Us” button to a sticky mobile “Check Availability” bar made rebooking so low-friction that casual browsers converted into confirmed bookings on the spot, instead of drifting off to “think about it” and never coming back.

A B2B firm with a long sales cycle: “Buy Now” was never going to work on a considered six-week purchase. Swapping it for “Book a 15-Minute Chat,” repeated after every case study on the page, matched the actual size of the ask — and enquiry quality went up because the button matched what people were actually ready to do.

A local service business with a seasonal dip: adding a “Get Your Spring Quote” banner CTA near the top nav a few weeks before the busy season started gave returning visitors an obvious, timely reason to act instead of bookmarking the page and forgetting about it.

How to actually place it (not just decide to)

Start with your theme's navigation settings — most website builders let you pin a button to the nav bar without needing a developer. For the hero, make sure the button has enough colour contrast against its background that it doesn't need a second look to spot; this matters more than which brand colour you pick. On mobile, build or enable a sticky bottom bar and test it with your own thumb, one-handed, the way most people actually browse.

Avoid stacking a pop-up modal on top of all this. A CTA that interrupts someone before they've read anything tends to get closed on reflex — it's competing with itself. Let the placement do the work instead of the interruption.

💡 Test one change at a time. If you're moving from one CTA to five, don't also change the label, the colour and the copy in the same week — you won't know which change moved the needle. Watch enquiries, not just clicks, over at least a few weeks before you call it a win.

Mistakes to avoid

Using a generic label like “Submit” that gives no clue what happens after the click.
Having exactly one CTA on the whole site, usually buried in the footer.
Low-contrast buttons that blend into the background colour.
Linking the button to a plain mailto: address instead of a form or booking page — it breaks on half of mobile setups.
Hiding the actual booking step behind three extra clicks once someone's finally committed.
Forgetting to put any CTA at all on blog posts and other content pages.

Frequently asked questions

How many “Book Now” buttons is too many?

There's no fixed number — it depends on how long the page is. A short homepage might only need three (nav, hero, footer); a long services page with several sections can comfortably carry five or six. The test isn't a count, it's whether a visitor ever has to scroll back up to find one.

Should the mobile and desktop buttons say the same thing?

Mostly, yes — consistency helps people recognise the action. Mobile copy can be shorter (space is tighter), but keep the verb and the outcome the same so it doesn't feel like a different offer.

Does the colour of the button actually matter?

Contrast against its background matters far more than the specific colour. There's no universal “best” button colour — what works is whatever stands out clearly on your particular site. Be wary of anyone who tells you one exact colour will lift your conversions; it depends on your palette.

What if I take enquiries, not bookings?

Same placement principles apply — just swap the label. “Get a Quote” or “Enquire Now” instead of “Book Now.” The five spots and the label formula work the same either way.