#  Place Calls-to-action in Pages 

 



 ##  

  expand\_more  

 
  

 

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](/sites/g/files/omnuum631/files/2025-06/CTA_components.png)

 

Call to Action Link Component



 

 ![Vertical card Component](/sites/g/files/omnuum631/files/2025-06/VC_components_0.png)

 

Vertical Card Component



 

 ![Button style card component](/sites/g/files/omnuum631/files/2025-06/ButtonCard_components_1.png)

 

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**](/call-action-links_OLD "Call to Action Links"): Stackable buttons for end-of-section actions
- [**Vertical Cards**](/vertical-cards_OLD "Vertical Cards"): May include an image, title, and multiple links
- [**50-50 Cards**](https://50): Pair an image and text with a call to action for a storytelling approach
- [**Button-Style Cards**](https://butt): One-click cards with an optional icon or image
- **Columns** (Coming soon): Combine CTAs with related content like testimonials or stats

#### Other suggested components

- [Accordion](/accordion_OLD "Accordion")
- [Tabs](/tabs_OLD "Tabs ")
- [Quote Card](/quote-card_OLD "Quote Card")
- [Tabs](/tabs_OLD "Tabs ")

### 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:- [ Conversion ](/how-guides-topics/conversion)
- [ Engagement ](/how-guides-topics/engagement)
- [ How-To Guides ](/page-categories/how-guides)