Call to Action Placement on a Small Business Website

Visitors read your page, nod along, and then leave without booking, calling or buying. When that happens on a small business site, the button is often fine. It is just in the wrong place, showing up before people are ready or hiding after they have decided. Getting call to action placement right is usually a layout fix, not a copy rewrite, and it is one of the cheapest conversion improvements you can make.

I design sites for local businesses, and I spend more time moving buttons than writing them. Below are the placement rules I use on real client pages, the spots that consistently work, and one popular rule I think you should stop following.

Why call to action placement matters more than button color

Designers love arguing about whether a button should be orange or green. Those tests rarely move results more than a few percent. Placement changes behavior far more, because it decides whether the visitor sees the action at the moment they want to take it.

People arrive at different levels of readiness. A returning customer who already knows they want to book needs a button within the first screen. A first time visitor comparing three plumbers needs to see prices, reviews and service areas before they will click anything. One button in one spot cannot serve both.

The four places a call to action belongs

On most service and small shop pages, I place the same primary action in up to four locations. Each one catches a different kind of visitor.

1. In the hero section

Your first screen should always contain the main action, for the ready buyers. Put it directly under the headline and short supporting line, aligned with them, not floating off to one side. Keep it visually connected to the headline so it reads as the obvious next step.

2. Right after the strongest proof

Find the section that does the most persuading, often reviews, a before and after photo, or a clear price list. Place the button immediately after it. That is the moment doubt is lowest. On one roofing client's page, adding a "Get a free quote" button directly under the testimonials block lifted quote requests by about 30 percent over eight weeks, with no other change.

3. After answering objections

If your page has a section on pricing, guarantees or how the process works, follow it with the action. The visitor has just had a worry resolved. Give them somewhere to go.

4. At the end of the page

Anyone who scrolls all the way down is interested. Do not end on a footer full of links. End with a short closing line and the button, so the last thing they see is the next step.

The above the fold rule is overrated

A lot of advice insists that every important element must sit above the fold, the part of the page visible without scrolling. For calls to action, that rule causes as many problems as it solves.

The trouble is that a button only converts when the visitor is ready. Cramming a form, three buttons and a phone number into the first screen pushes people to decide before they have any reason to. It also crowds out the headline and image that build trust in the first place. Heatmaps on client sites routinely show more clicks on buttons placed mid page, after the proof, than on the hero button, even though fewer people see them.

So yes, put one clear action in the hero. But treat it as a shortcut for the already convinced, not the main event. The real work is placing actions where your argument lands.

Sticky buttons and mobile placement

Over half the traffic on most local business sites comes from phones, and phone layouts change the rules.

A sticky bottom bar with one action, such as "Call now" or "Book online", works well for trades, restaurants and clinics. Keep it to about 56 to 64 pixels high so it does not cover content.
Thumb reach matters. Buttons near the bottom of the screen are easier to tap one handed than buttons at the top.
Tap targets should be at least 44 by 44 pixels, with space around them so people do not hit the wrong link.
Avoid stacking two sticky elements, like a cookie banner and a chat bubble over your call bar. Test on a real phone, not just the desktop preview.

On desktop, a sticky header button can work, but keep it subtle. A loud, flashing header button that follows the reader everywhere feels pushy and tends to get ignored.

One primary action per page

Placement works best when every button on a page leads to the same thing. A service page that offers "Call us", "Get a quote", "Download our guide" and "Follow us" in equal weight splits attention four ways.

Pick one primary action and make it visually strongest. If you need a secondary option, such as "See our prices" for people not ready to call, style it as a plain text link or an outlined button so it clearly ranks second.

The wording on that primary button should stay consistent too. If the hero says "Book a consultation" and the bottom says "Contact us", visitors may wonder whether those are different things. Our guide on writing button copy that tells people what happens next explains how to word it so the click feels safe.

Where the click leads matters as much as where the button sits

A well placed button that opens a long, confusing form loses people at the last step. Keep forms short, ideally three to five fields for a first enquiry, and make sure the form loads quickly on mobile. If your form is the bottleneck, our article on designing a contact form people actually finish walks through the fixes.

How to test placement without special software

You do not need an expensive testing tool. Use your existing analytics.

Give each button location a different link parameter or event label, such as hero, proof, pricing and footer.
Run the page for four to six weeks and note which location gets the most clicks and, more importantly, the most completed enquiries.
Remove or weaken the location that performs worst, and add one after a section you have not tried yet.
Change one placement at a time so you know what caused the result.

Small businesses rarely have enough traffic for fast, statistically clean tests. Look for large, steady differences rather than tiny swings week to week.

Frequently asked questions

Where is the best place to put a call to action on a website?

There is rarely one best place. For most small business pages, put the main action in the hero, right after your strongest proof such as reviews, and at the end of the page. That catches visitors at each stage of readiness.

How many call to action buttons should a page have?

Many pages work well with the same primary button repeated three or four times at natural decision points. What matters is that they all lead to one action, rather than offering several competing choices.

Do sticky call to action buttons improve conversions?

On mobile, a slim sticky bar with one clear action often helps, especially for businesses where people want to call or book quickly. On desktop the effect is smaller, and an aggressive sticky button can annoy readers.