Place Calls-to-action in Pages

Help users take action within the context of a page, whether they’re reading about a program, learning about a research center, or scrolling through a story. Use flexible components like CTA Links, Cards, and Columns to encourage engagement without disrupting the user flow.

Place Calls-to-action in pages effectively

Learn how to place calls-to-action where users are most likely to act, choose the right component for the situation, and guide visitors toward meaningful next steps without disrupting the flow of a page.

Examples of a in-page calls to action

Call to action component

Call to Action Link Component

Vertical card Component

Vertical Card Component

Button style card component

Button-Style Card Component

Using calls to action in your pages

Best for

Use this approach when you want users to take action right after reading about a topic, story, or piece of content.

Recommended components

  • Call to Action Links: Stackable buttons for end-of-section actions
  • Vertical Cards: May include an image, title, and multiple links
  • 50-50 Cards: Pair an image and text with a call to action for a storytelling approach
  • Button-Style Cards: One-click cards with an optional icon or image
  • Columns (Coming soon): Combine CTAs with related content like testimonials or stats

Other suggested components

What it does

  • Places CTAs inside the content of a page
  • Allows for text and visual message
  • Does not disrupt a page’s layout
  • Supports contextual actions: apply, support, donate, etc.

Setup tips

  • If images are included, use clear alt text

Pros & cons

Added benefit

Flexible options that adapt to a site’s content

Potential drawbacks

If overused, message can become overwhelming and dilute the meaning

See also: