Another new Web Part has arrived! It is the ‘Call to action’ Web Part. This Web Part is a great way to highlight content or an action you want your audience to take. Gone are the days of having to hack a button and image together. Let’s check out what this Web Part has to offer –

Find the Call to Action Web Part underneath the Text, media and content area in the SharePoint Online gallery

Web Part Overview

This 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)

As you can see it’s pretty straight forward. However, there are some things to note:

  • Be careful of the length of the text that you use in the “call to action text” because it will truncate and won’t wrap
  • Your call to action will be rectangular and not square (or any other shape) regardless of the image that you use so if you want to have a nice square call to action button, this Web Part currently doesn’t support it
  • Use the text alignment for more impact. Content that is centre aligned may look more important then left aligned (try it and see!)

Call to Action Web Part Usage Scenarios

So what exactly should you use the Call to Action Web Part for? Here are some scenarios:

Promoted Content on your Intranet

A great way to use this Web Part you be to have a pre-defined ‘promoted’ content section on your Intranet and use the Call to Action Web Part to drive users there. An example of this would be having a vertical section on your homepage and using the top right hand section as a way to promote content as below.

Actionable content on News or Content Pages

Another usage would be to have a Call to Action Web Part on a News or Content Page in the same location across all pages. This Web Part could then be used to promote actions such as mailing the author of the article, providing private feedback (as opposed to social commentary) or performing an action such as filling out a form.

Important Messages or Alerts

You can use to communicate important messages or alerts to users. By creating a Call to action with a solid background and maybe an icon you can position this on your Intranet so that users can click on it for more information. Its a little large just because of the spacing but if you really want to capture users attention its worth a shot 🙂

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’. There is a ton of research around effective call to action buttons since web marketers have been doing this for a long time so it is worth understanding effective labels.
  • Keep your description text short: This is more of a limitation with the web part itself as it 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: Remember this is a call to action so you want to attract your user’s eyes to it. Make use of colour and imagery to make this pop.
  • Don’t use the Call to Action Web Part for links: I have seen this before and it’s not a great idea. Some authors want their link to get noticed so they use a call to action to promote it in some way. This isn’t the best way to get this content promoted because it can lead to everyone wanting their content in Call to Action web parts which leads to…
  • Don’t have 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. If you have too many on a page, the likelihood of that happening is very low as they will all compete for attention! I suggest having some governance both in terms of how many you can have on a page and where they should be positioned.

Common Questions

Does the text wrap if I have too many characters extending width of the Web Part?
No it doesn’t and it will just get truncated. This is a real issue in my mind since you might want to show more text wrapped on multiple rows but it’s not possible at the moment.

Can I create a call to action with no button text?
Maybe you just want to use this Web Part as a way to show an image with a text overlay? It’s a good idea but unfortunately you need to create a button with a link.

Can I have more than one on a page?
Yes you can.

Other Links

Do you have any other scenarios that you are using the Call to Action Web Part for? Let us know in the comments below or reach out on our social channels.

3 COMMENTS

  1. Hi Michal,
    Re your advice for the question “Can I create a call to action with no button text?” People can use the Image web part as it is possible to have text overlay and image and act as a hyperlink. This update to the image web part became available about March 2019

LEAVE A REPLY

Please enter your comment!
Please enter your name here