Effectively using the Call to Action (CTA) web part

When you add a modern page to a site, you can add and customise web parts, which are the building blocks of your page. One of the web parts available in modern SharePoint is the Call to Action web part. Please note that this is not an Atlas web part.

This web part can be used to highlight content or an action that you want your audience to take. One way to use this web part is to drive users to a pre-defined ‘promoted’ content section on your digital workspace.

Available Options

This web part is fairly simple to configure and the options available are:

• Background: This allows you to change the background of your call to action. Please note that this web part will be rectangular and not square (or any other shape) regardless of the image that you use. 
• 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. By default this is set to left.
• Call to action text: This is the text that will appear above the button (describing the button)

To learn more about this web part, read more on Microsoft website: Use the Call to action web part - Office Support (microsoft.com)

Tips on how to make the most of this web part 

• Imagery makes the difference: Use images that are simple but eye catching. You want to attract your user’s eyes to the call to action, so we recommend making use of color and simple images that make it stand out.
• Don’t use button labels such as ‘Click Here’: In terms of accessibility and usability best practice, we recommend that you rather use 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 (shorten) your text. Make sure your text will fit in the button or move the web part to a wider column on the page.
• 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. Consider using other web parts like Mandatory Reads or Quick Links in filmstrip mode. 

• Don’t have too many Call to Action Web Parts on each page: Remember, the whole point of using this 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.