Website Conversion Funnel and Call to Action Best Practices

A website conversion funnel is the path a visitor takes from a first visit to an inquiry, a booking or a sale. Calls to action (CTAs) are the steps along that path. Give each page one main action that suits the visitor’s stage, and word it as their next step. Keep the form short, never block the page with a pop-up, and count every action in GA4.

On any new site, I start the same way. I act like a visitor and ask what the site is trying to tell or sell me, and whether it manages to. For conversions, that comes down to one question: is the next step obvious? This guide turns that question into checks you can run yourself.

It goes deeper into two steps of my C.O.N.V.E.R.T. Method: Obvious Action and Now. For the full seven-question check, use the website conversion audit.

Match each funnel stage to the right call to action

Most funnel models use three stages: awareness, consideration and decision. Marketers also call them the top, middle and bottom of the funnel. Visitors at each stage are ready for a different size of step.

Ask for too much too early, and people leave. Ask for too little at the end, and ready buyers drift away. This is how a CTA funnel looks on a typical service business site.

This site follows the same pattern. The softest action is a free chapter of my book. Its form asks for one thing, an email address, and the button says “Send me the chapter”. My service pages ask for one bigger step: “Book a free 30-minute call”.

Search sends many visitors straight to a service or contact page. So every page needs its own next step, sized for the person who lands there.

Call to action best practices: one main action per page

Each page should have one primary call to action. Other links can stay, but they should look quieter. If “Call now”, “WhatsApp us”, “Download brochure” and “Subscribe” all look equally loud, the visitor has to stop and choose. In my book, the chapter on Obvious Action rests on the principle of least effort.

• Use contrast, not a magic color. As I wrote in the book, “There is no single ‘best’ color for conversion.” The button needs a color that stands apart from its surroundings.
• Make it look like a button. Give it a solid shape and space around it. A text link that looks like every other link is easy to miss.
• Size it for a thumb. Google’s web.dev guide to accessible tap targets recommends “around 48 device independent pixels”, with targets “spaced about 8 pixels apart”.

Some visitors would rather call or message than fill in a form. Give them a phone or WhatsApp link, styled as a link rather than a second big button.

My SEO consulting page works this way. The main button, “Book a free 30-minute call”, appears at the top and again at the bottom. The top also offers “How it works” for visitors who want to read first.

Write button text that finishes “I want to…”

The words on the button matter as much as its color. “Submit”, “Enter” and “Continue” describe how the form works, not what the visitor gets. In my book, the test is simple: a good label completes the sentence “I want to…”.

In my book, I use the example of an investment site whose next step is a plain “Click here for more” link. It looks just like the privacy policy link. The visitor hesitates and goes to check the other site first.

Descriptive wording helps search too. Google’s link best practices ask for anchor text that is “descriptive, reasonably concise, and relevant” to the pages at both ends of the link.

Then add one short line near the button that answers the next worry: is it free, and what happens after? My booking page lists the steps. I read the message and look at the site, then reply by email to confirm a time. We talk for 30 minutes. If you go ahead, a written scope and fixed quote come before any work starts.

Place the call to action where visitors decide, with proof beside it

On a contact or booking page, the form is the page, so show it near the top. On a long service page, show the main button near the top for visitors who arrive ready. Then repeat it after each section that answers a doubt, with the same words.

Visitors hesitate most just before they act, so that is where proof belongs. As I put it in my book, “A generic testimonial on a separate page is a safety net stored in a locker backstage.” Put a specific testimonial, a dated result or your address right beside the button. My guide to testimonials that sell shows what makes proof specific.

An honest reason to act now also belongs beside the button. Use real limits only: an admission deadline, a fixed number of slots each month, a price change on a stated date. The book’s test is plain: “The goal is to overcome procrastination, not to create regret.” I explain where the line sits in why urgency without ethics kills your brand.

Keep forms short and say what happens next

The form is the easiest place to lose someone who has already decided. Ask only for what you need to reply. Google’s web.dev guide to sign-up forms puts it simply: “ask for as little as possible”.

Match the length to the step. My free chapter form has one field. A call request needs more context, so my booking form also asks what you need and when to talk. Phone, company and website are optional.

• Use the right field types. Setting type="tel" or type="email" helps “to provide the right keyboard on mobile and enable basic built-in validation by the browser”.
• Show errors next to the field. The same guide says: “Show problems inline and explain how to fix them”.
• Word the button for the step. My two forms say “Send me the chapter” and “Send and request a call”.
• Confirm what happens next. After the click, say what to expect. My free chapter page tells visitors an email will arrive asking them to confirm their address.

Then test the whole path, not just the page. Before launch, and every month after, send a real inquiry from your phone. Check that it arrives, stays out of spam and gets a reply. A form that sends inquiries nowhere converts nobody.

Pop-up best practices: help visitors, never block the page

A pop-up is a call to action that interrupts. It can work when it appears at the right moment and is easy to close. It hurts when it covers the content the visitor came for.

Google’s guidance on interstitials and dialogs describes intrusive ones as “page elements that obstruct users’ view of the content, usually for promotional purposes”. It warns that “interrupting users with intrusive interstitials may frustrate them and erode their trust in your website.” There is a search cost too. They “make it hard for Google and other search engines to understand your content, which may lead to poor search performance.”

Google suggests that you “use banners that take up only a small fraction of the screen to grab your users’ attention.” Its two mistakes to avoid are plain: “Don’t obscure the entire page with interstitials” and “Don’t redirect the user to a separate page for their consent or input.” Interstitials a site must show because of its content, such as an age gate, are exempt.

In August 2016, Google announced a change for pages reached from mobile search. After January 10, 2017, pages where content is not easily accessible “may not rank as highly”. Used responsibly, legal interstitials “such as for cookie usage or for age verification” were not affected. Neither were “Banners that use a reasonable amount of screen space and are easily dismissible.” Google called it “just one of hundreds of signals that are used in ranking.” Its current page experience guidance still asks: “Do your pages avoid using intrusive interstitials?”

Visitors dislike them too. In a 2017 Nielsen Norman Group survey of 452 US adults, modal ads tied for the most hated ad type on desktop. These ads appear on top of a site’s content.

If you use a pop-up, follow these rules:

• Never on arrival. Wait until the visitor has read part of the page. On a phone, use a small banner instead.
• Make it easy to close. Show a close button that is easy to see and big enough to tap.
• Show it once. After someone closes it or signs up, do not show it again in that visit.
• Tie the offer to the page. A checklist for the article being read beats a general “Join our newsletter”.
• Keep it honest. No countdown that resets, and no “no thanks” link that shames people for declining.

Often you need no pop-up at all. An inline form after the article can carry the same offer. So can a small slide-in box in a corner, or a slim bar at the edge of the screen.

Measure every call to action as a GA4 key event

A call to action you do not measure is a guess. In GA4, a key event is “an event that measures an action that’s particularly important to the success of your business.”

1. List every action you want. Form submissions, call and WhatsApp clicks, bookings, downloads and sign-ups.
2. Make sure each one sends an event. GA4’s enhanced measurement can log form_start and form_submit. The second fires “when the user submits a form”. For lead forms, Google’s recommended event is generate_lead, for when a user “submits a form or a request for information”. Check that call and WhatsApp clicks are recorded too.
3. Mark them as key events. In Admin, under Data display, open Events and click the star next to each one. Standard properties allow up to 30 key events (Google’s steps).
4. Choose how to count them. “Once per event” counts every submission, and Google recommends it. “Once per session” counts one per visit (counting methods).
5. Build a funnel. A funnel exploration can have up to 10 steps. Make it an open funnel, where “users can enter the funnel in any step”, and break it down by device category.

Submissions and people are not the same number. For a Gurugram real estate developer, my team at Adtric had GA4 events for inquiry forms, contact clicks and project filters live from June 2025. From June to September 2025, they recorded 2,414 inquiry form completions from 1,782 people who came from Google (case study). Decide which number you report, and label it.

Key events also show which channel brings the action, not just the visit. A small finance bank whose SEO my team at Adtric managed counts submissions of its Apply Now form. Organic search brought 5,194 of the 5,623 submissions, or 92%, from January to June 2026 (case study).

Visits alone can mislead. For an Indian maker of transmission towers, organic search brought 30% of sessions but 75% of key events, March to August 2026 (case study). Count only visits, and you would badly undervalue that channel.

Fix your funnel one page at a time

Do not change everything at once, or you will not know what worked. Start with the three pages where most visits begin. For each one:

1. Name the one action that page should get.
2. Make that button the first thing you see on a phone, with a label that finishes “I want to…”.
3. Put one piece of specific proof beside it, and cut form fields you do not need.
4. If anything covers the content on a phone, replace it with a small banner.
5. Check that the action is a key event. Date each change, then compare equal periods before and after.

If you would like an outside view, my website conversion review does this for your key pages, starting with mobile. It uses your GA4 data to show where visitors drop, by page and device. It also includes rewritten headlines, calls to action and form fields for the pages that matter most. One URL is enough to start.