Where should a call-to-action block go on the page?

At least at the end, after you've made your case, and often a second time mid-page for long content. Place it where the reader is most likely to be convinced, and keep one clear action per block.

What should a CTA button say?

State the outcome in the user's terms — 'Start free trial', 'Get the template', 'Talk to sales'. Specific, benefit-led verbs outperform generic labels like 'Submit' or 'Click here'.

All categories

cta/*

Calls to action

Conversion sections — banner, mid-page, or inline email capture.

3 variants

@vireya/blocks/cta/centered

Centered eyebrow + headline + actions.

server

Get started

Build your next landing in an afternoon

Composable sections, themeable tokens, real components — not screenshots.

@vireya/blocks/cta/inlineEmail

Newsletter signup with email validation. Uses state — opts into 'use client'.

client

Get the changelog

One email when we ship. No spam, no upsell.

Unsubscribe anytime. We never share your address.

Understanding Calls to action

A call-to-action block exists to convert — it isolates a single decision (sign up, start a trial, contact sales) and removes everything competing for attention. Placed mid-page or at the end, it catches readers at the moment they're persuaded.

Vireya offers banner, centered and inline-email-capture CTA variants, all customised through props.

When to use

Closing a landing page once you've made the case.
Breaking up a long page with a mid-scroll conversion prompt.
Capturing an email with a single inline field.

When to avoid

Stacking multiple CTAs back to back, which dilutes each one.
Asking for a high-commitment action before establishing value.

Best practices

Use one specific, action-led label ('Start free trial', not 'Submit').
Surround the action with minimal copy — restate the benefit, then ask.
Make the button the highest-contrast element in the block.
For email capture, ask for the least information that lets you follow up.

Accessibility

Label the action button by its outcome, not 'click here'.
Associate inline email inputs with a visible or accessible label.
Maintain strong contrast between the button and its background.

Frequently asked questions

Where should a call-to-action block go on the page?: At least at the end, after you've made your case, and often a second time mid-page for long content. Place it where the reader is most likely to be convinced, and keep one clear action per block.
What should a CTA button say?: State the outcome in the user's terms — 'Start free trial', 'Get the template', 'Talk to sales'. Specific, benefit-led verbs outperform generic labels like 'Submit' or 'Click here'.

Ready to build your landing?