How to write call-to-action buttons that actually get clicked

Home / Everything About / Everything About Forms / How to write call-to-action buttons that actually get clicked

The worst performing form submit button in most studies is always the same. It has no color of its own. It blends into the page. Its label is one word. And it works reliably across every website that wants fewer conversions.

That button says "Submit."

Not every visitor who reaches your button is ready to click it. Some are still deciding. Some are nervous. Some are scanning for reassurance that filling out this form is worth their time. The button is often the last impression that decides whether they follow through. A one-word generic label leaves them to fill in that reassurance themselves. A thoughtfully designed button with specific copy removes doubt.

This chapter covers what button copy, color, and placement actually change about form submission rates, how the context of your form affects which button text works, and how to avoid the design and copy patterns that kill conversions without realizing it.

What button text actually affects conversion

Research on call-to-action buttons shows consistent patterns. Generic buttons like "Submit" and "Send" underperform action-specific copy by 30 to 40 percent. A button that says "Get my free proposal" converts higher than a button that says "Submit." A button that says "Confirm my registration" works better than "Submit." But this isn't about being clever with copy. It's about being clear about outcomes.

When a visitor hovers over a button labeled "Submit," they're answering an implicit question. What am I submitting? Where does it go? What happens next? They don't have the answer. They're making an assumption. Generic button text creates friction because it forces the visitor to infer what comes next.

Specific, action-oriented button text answers that question instantly. "Get my free proposal" tells the visitor exactly what happens when they click. "Confirm my registration" explains the next step. "Request a demo" makes clear that they're starting a conversation, not committing to something unknown.

The pattern holds across form types and industries. In a Baymard Institute study of checkout forms, "Complete Order" outperformed "Submit" by 25 percent in conversion rate. In a HubSpot test of contact forms, "Send My Inquiry" beat "Submit" by 18 percent. In a conversion-rate testing analysis across 50 e-commerce sites, buttons that included a benefit or next step outperformed one-word actions by an average of 23 percent.

The improvement isn't tiny. This isn't a 2 percent optimization. This is changing your form submission rate from 15 percent to 19 percent. Or from 300 submissions per month to 370. Button copy ranks as one of the highest-leverage changes you can make to a form.

Button copy by form type

The same CTA text doesn't work across every form. The context of why someone is filling out a form shapes which button copy they respond to.

Signup and registration forms

When someone is creating an account, they're committing to something. The decision is usually made. They're not asking "should I?" anymore. They're asking "will this work?" and "is it safe?" Button copy for registration should confirm the action and offer reassurance.

Effective patterns: "Create my account," "Let's get started," "Confirm my registration." Avoid generic "Submit." Avoid labels that feel permanent or heavy, like "Commit to account creation." Keep the tone light and forward-moving.

For password-protected registrations, the button text can acknowledge the friction: "Create password and continue." This tells the visitor they are not creating a password for no reason. It is a step toward something. The action is clear.

Contact and inquiry forms

Contact forms benefit from conversational, human button text. The visitor is reaching out. They're asking for something. The button should sound like you're acknowledging that request.

Effective patterns: "Send my inquiry," "Get in touch," "Send my message," "Request more information." These make the form feel like a conversation, not a data dump.

Avoid clinical or formal language. Don't say "Submit inquiry." Do say "Send my inquiry." The difference is subtle. One feels like a transaction. The other feels like talking to a person.

Booking and appointment forms

By the time someone is filling out a booking form, their intent is confirmed. They want the appointment. Button copy should be direct and remove doubt about what comes next.

Effective patterns: "Confirm my appointment," "Book my session," "Schedule my call," "Reserve my spot." These acknowledge that the person has already decided. The button is the final confirmation step.

Avoid anything that creates ambiguity. "Reserve" works. "Sign up" creates less clarity about what's being reserved. Clarity at this stage increases completion rates.

Checkout and payment forms

E-commerce checkout has the most to lose from vague button text. Every word here affects revenue directly. The visitor is ready to buy. Don't create hesitation.

Effective patterns: "Complete my purchase," "Pay now," "Finalize order," "Buy now." Some retailers test benefit-forward copy like "Get my [product name]" to reinforce what they're receiving, not what they're paying.

Never use generic "Submit." Test whether "Complete my purchase" or "Buy now" performs better for your audience. Some industries and price points respond to different language. But both beat generic labeling.

Feedback and survey forms

Survey buttons should feel quick and easy. The visitor is doing you a favor. Button copy should acknowledge that and make it feel frictionless.

Effective patterns: "Send my feedback," "Submit my response," "Share my thoughts." These feel quick. Avoid language that makes feedback feel like a formal submission. "Send my feedback" feels lighter than "Submit survey."

Lead qualification and B2B forms

B2B forms often require more information because they're filtering leads. The button text can acknowledge what comes next without being off-putting.

Effective patterns: "Request a proposal," "Schedule a consultation," "Start my free trial," "Get a custom quote." These make clear what the next step is. The visitor isn't worried they're committing to something vague.

Button design affects click rates more than most people think

Button text is only part of the story. How the button looks and where it sits on the page shapes whether someone even sees it as clickable.

Color contrast and visual prominence

A button blending into the page background gets fewer clicks than a button with high contrast. This isn't about flashy design. It's about discoverability. If a button doesn't visually stand out from the form, the visitor might miss it entirely.

Effective buttons have color contrast of at least 4.5 to 1 against the background. In practical terms, this means the button color should be noticeably different from the page background and different from other form elements.

Test what works for your brand. Some brands use a brand color that stands out naturally. Others use warm colors like orange or red on cool backgrounds like gray or white. The specific color matters less than the contrast. Make the button discoverable.

Size and white space

Buttons that are too small don't feel clickable. Buttons that are too large feel pushy. The right size is relative to the form and the page. A button that takes up half the form width feels aggressive. A button that's 150 pixels wide on a full-width contact form feels appropriate.

White space around the button increases click rates. A button surrounded by other form elements blends in. A button with clear space around it stands out and feels clickable. Add padding above and below the button. Let it breathe.

Button shape and style

Rounded corners feel more modern and friendly. Sharp corners feel more corporate or technical. Neither is universally better. Test which style matches your brand and audience.

Solid buttons with clear backgrounds perform better than outline or ghost buttons in most form contexts. An outline button that matches the form styling blends in. A solid, contrasting button stands out.

Shadows and hover effects increase the sense that something is clickable. A button that changes color or has a visible hover state shows the visitor that it responds to interaction.

Mobile button sizing

Mobile users tap with their thumb. A button that's too small gets missed taps. Apple's guidelines recommend a minimum touch target of 44 by 44 pixels. Android's guidelines recommend 48 by 48 pixels. Forms on mobile should make buttons large enough that a thumb-sized target hits reliably.

On mobile, buttons often stack vertically. A full-width button feels more clickable than a button that's only partially visible. A sticky button that remains visible while scrolling through the form increases completion rates on mobile.

Placement shapes who sees the button

The best button text and design won't help if people scroll past it without noticing. Where the button sits on the page affects visibility.

Buttons above the fold

Ideally, the primary button should be visible without scrolling on desktop. If your form takes up most of the screen, the button might need to be scrolled to. That's unavoidable. But if there's space above the fold, put the button there so the visitor doesn't have to hunt for it.

Sticky buttons on mobile

Mobile forms often require scrolling. A sticky button that remains visible at the bottom of the screen increases completion rates. The visitor never loses sight of the button while they're filling out fields. They can complete any time without scrolling to the bottom.

Primary and secondary buttons

Some forms have multiple buttons. "Submit," "Save as draft," "Next step." When you have multiple buttons, make the primary action visually dominant. A strong primary button should be obviously more clickable than secondary options. Use color, size, or position to show hierarchy.

A common mistake is making primary and secondary buttons identical. If "Cancel" and "Submit" are the same size and color, some visitors click the wrong one. Designers test this and find that making the primary button 30 to 40 percent larger than secondary buttons reduces accidental cancellations.

Copy under the button increases completion

The button itself is just the final interaction. Copy below or near the button provides last-minute reassurance that pushes hesitant visitors to click.

Reassurance copy addresses the final objection. If your form asks for an email address, a line below the button saying "We'll never share your information" removes the last reason not to submit. If your form requires a phone number, "No spam calls, we'll contact you within one business day" builds trust.

This reassurance copy should be small and secondary. You're not selling anymore. You're answering the last doubt. Examples: "We'll get back to you within 24 hours," "Your data is always protected," "No credit card required to start your free trial," "Your privacy is our priority."

Testing shows that reassurance copy below buttons increases completion rates by 3 to 5 percent on high-friction forms. On low-friction forms like newsletters, the impact is smaller. On B2B forms asking for a lot of information, reassurance copy can increase completions by 10 percent or more.

Error states and loading feedback

What happens after someone clicks the button shapes whether they feel confident about their submission.

Disabled state while submitting

Once someone clicks the button, disable it immediately. A disabled button prevents duplicate submissions. More importantly, it shows the visitor that their click registered. The button should show a loading state: "Submitting..." or a spinner or animated text.

Without a loading state, the visitor doesn't know if their click worked. They might click again. They might close the browser. A one-second delay between clicking and any feedback feels long to a user. Show immediately that something is happening.

Error recovery copy

When a form submission fails, the button and copy around it should explain what went wrong and what to do next. Don't just show an error message at the top of the form. Update the button itself.

A button that says "Try again" is more useful than "Submit" when an error occurs. Copy next to the button should explain specifically what failed: "This email is already registered" or "Please fill in all required fields."

Make error recovery obvious. Some forms highlight the problem field. Some show inline error messages. Some do both. The clearer the error, the faster the visitor can fix it.

WEMASY forms and submit button optimization

WEMASY's form builder lets you customize button text, design, and placement to match your form strategy. You can set different button text for different form types. You can add conditional logic that changes the button label based on form answers. You can customize button colors, size, and styling to match your brand.

Form analytics show which fields cause abandonment. If your button has a high abandonment rate specifically, that's a sign that button copy or design needs testing. If visitors are getting to the button but not clicking, test different copy and designs without rebuilding the form.

See how WEMASY's form builder handles button customization and form analytics. For more on form copy that drives completions, read about writing form labels and help text that works and what causes form abandonment and how to prevent it.

Frequently asked questions

Does the specific button text really matter that much?

What button text works for every form type?

Should the button color match my brand or contrast with everything?

Does adding reassurance copy below the button really help?

Is a loading indicator on the button important?

Should I change button sizing on mobile or use the same size as desktop?