Too many buttons on your homepage? Pick one path

Key takeaways

Too many buttons on a homepage make visitors choose before they are ready, so many choose nothing. Rank every button by how often it leads to a sale, keep one as the primary style, turn two or three into text links and remove the rest. You keep every route but only one asks for attention.

• List every button and link on the homepage first.
• 1 primary button style, used only for the main action.
• 2 or 3 secondary actions as text or outline links.
• Remove routes nobody uses, after checking click data.

Why do competing calls to action hurt?

Competing calls to action hurt because each extra equal option adds a decision. Hick's law describes how choice time rises as options increase, and on a homepage that delay often becomes an exit. When 'Call', 'Quote', 'Book', 'Brochure' and 'Newsletter' all look the same, none looks like the obvious next step.

• Why your homepage is not converting visitors into customers
• Too many choices on your website? Cut them to convert

How do you rank the buttons?

List every button and link above the footer. For each, note how often it is clicked (from GA4 click events) and how often that route leads to paid work. The top one becomes primary. The next two or three become secondary. Anything with few clicks and no sales either moves to the footer or goes.

• Track homepage button clicks in GA4
• Give your homepage one conversion goal

How should secondary actions look?

Secondary actions should look clearly less important: text links, outline buttons or a smaller size in a neutral colour. They stay findable for people who want them without competing with the main path. Never give two different actions the same strong button style.

• One button or two in your homepage hero?
• A next step for homepage visitors not ready to buy

What about menus and headers?

The header often adds its own 'Contact' button, a phone number and social icons, which compete with the hero button. Make the header button the same action as the hero so they reinforce each other, and move social icons to the footer.

• The header CTA button: one action that stands apart

When are several equal options right?

Several equal options are right when visitors must self-select before they can act, such as choosing between three clinics or 'I want to buy' and 'I want to sell'. Then the options are routes, not competing actions, and they should be clearly labelled by who they are for.

• One homepage, several audiences: how to route them

What does this look like in practice?

A pattern we see: seven bright buttons on one homepage, each added by a different person over the years. Ranking them and keeping one primary style usually raises clicks on the main action without any new design.

• See client work
• Website Design & Development for UK businesses

Competing buttons checklist

• List every button and link above the footer.
• Note clicks and sales for each route.
• Make one action primary.
• Style 2 or 3 secondary actions as links.
• Match the header button to the hero button.
• Move or remove the rest.

• One primary call to action on your homepage
• How often to repeat the call to action on a homepage

Next step

Screenshot your homepage and circle every button. If more than two look equally important, start ranking.