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.
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)
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
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).
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.
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: 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.
Work smarter in SharePoint Online with Orchestry
Orchestry makes work simple in Office 365, Microsoft Teams, and SharePoint Online Sites by empowering your IT Administrators and employees to define a winning Microsoft 365 adoption and change management strategy, with a roadmap of what to use when, for what purpose. Orchestry increases usage and adoption while empowering through governance and simplifies through intelligent provisioning in Microsoft 365, organization-wide at a fraction of the cost, on a subscription basis.