Skip to content
July 3, 2020

How to Use SharePoint Online ‘Call-to-Action’ Web Part

Updated June 2023

With SharePoint Online’s Call to Action Web Part, gone are the days of having to hack a button and an image together. This web part is a great way to highlight content or an action you want your audience to take. In this blog post, we will talk you through what the call to action web part has to offer and how best to utilize it in SharePoint Online.

Add Call To Action in SharePoint Online
Call To Actions Web Parts in Microsoft SharePoint Online

SharePoint Online: Call to Action Web Part Overview

The SharePoint Online call to action web part is fairly simple to configure and has a number of options:

  • Background: This allows you to change the background of your call to action.
  • Button Label and Link: This is the text shown in the button itself and also a link to the destination. The link needs to be a http, https, or a mailto link. When a user hovers over the button they will be shown the URL.
  • Alignment: Controls the alignment (position) of both the text and the button.
  • Call to action text: This is the text that will appear above the button (describing the button).
Screenshot - Adding CTA to SharePoint Online

           Image: Configuring Call To Actions Web Parts in SharePoint Online

It’s pretty straightforward, but there are a few things to note:

  • Be careful of the length of the text that you use in the “call to action text.” If your text is too long, it will truncate
  • Your call to action will be rectangular and not square (or any other shape) regardless of the image that you use. If you want to have a nice square call to action button, this web part currently doesn’t support it
  • Content that is centre aligned may look more important than left-aligned, so experiment with the text alignment for a greater impact
Screenshot - CTA Example on SharePoint Online

SharePoint Online: Call to Action Web Part Usage Scenarios

Now that you understand what the SharePoint Online call to action web part is, here are some examples of how you can utilize it:

Promoted Content on your Intranet

One great way to use this web part is to drive users to a pre-defined ‘promoted’ content section on your Intranet. For example, if you have a vertical section on your homepage, you could use the top right-hand section as a way to promote important content (as shown in the image below).

SharePoint Online CTA Example - Screenshot

Curious about vertical sections? In our blog, we covered everything you wanted to know about Microsoft SharePoint Online Vertical Sections.


Actionable Content on News or Content Pages

Another way you could use the CTA web part is on a News or Content Page, in the same location across all pages for consistency. This web part could then be used to promote actions such as emailing the author of the article to provide feedback or performing an action such as filling out a form.

SharePoint Online CTA Example in News Section - Screenshot


Important Messages or Alerts

You could use the SharePoint Online CTA web part to communicate important messages and alerts to your users. To do this, create a call to action with a solid background and an icon and position it on your Intranet so that users can click for more information. It may be a little large depending on the spacing, but will be sure to capture the attention of your users.

SharePoint Online Screenshot - Announcement Example

SharePoint Online: Call to Action Web Part Best Practices

  • Don’t use button labels such as ‘Click Here’: From a user experience perspective, try to use a more descriptive and action-orientated label such as ‘Register Now’ or ‘Reserve Your Seat’.
  • Keep your description text short: Unfortunately, if your copy is too long, the web part will truncate your text. Make sure your text will fit in the button or move the web part to a wider column on the page (more horizontal space).
  • Use impactful imagery: You want to attract your user’s eyes to the call to action, so we recommend making use of color and imagery to make it stand out.
  • Don’t use the Call to Action Web Part for links: Some authors want their link to get noticed so they use a call to action to promote it. This isn’t the best way to get content promoted because it can lead to everyone wanting their content in Call to Action web parts. 

Don’t have too many Call to Action Web Parts on each page: Remember, the whole point of using this SharePoint Online web part is that you want to draw attention to something important. Having too many CTAs on one page will make them less effective as they will be competing for attention. We suggest having some governance both in terms of how many you can have on a page and where they should be positioned.


SharePoint Online: Call to Action Web Part Common Questions

Does the text wrap if I have too many characters extending the width of the Web Part?

No, it doesn’t. Unfortunately, if you have too many characters the text will just get truncated. This can be restricting as you may want to show more text displayed over multiple lines, but it’s best to keep your text short and succinct. 

Can I create a call to action with no button text?

No, you can’t use this web part as a way to show just an image with a text overlay – there must be a button with a link. 

Can I have more than one on a page?

Yes, you can have more than one on a page. However, we don’t recommend having too many.


Unleash the Full Power of Microsoft 365 with Orchestry

Most organizations are not using Microsoft 365 to its full potential.

Orchestry makes Microsoft 365 simple for all users.

Orchestry  is an adoption and governance platform that allows End Users, Workspace Owners, IT admins and organizations to take full advantage of Microsoft 365.

To see Orchestry in action, request a demo!


Want more insights like this one?

For more Microsoft 365, SharePoint Online, and Teams insights, tips and tricks, best practices, and exclusive events delivered straight to your inbox, join our mailing list today and level up your Microsoft 365 game!




Other posts you might be interested in

View All Posts