Call to Action Web Part in SharePoint Online

In this blog, we will understand the use of the Call to Action web part. The "Call to Action" web part in SharePoint Online is a feature that allows you to create visually compelling and attention-grabbing content on your site's pages. The web part can be used to promote specific actions or messages to your site visitors, such as signing up for a newsletter, downloading a document, or filling out a form.

Adding Call to Action web part to SharePoint online page

  • To include a Call to Action web part on a SharePoint Online page, access the page's Edit mode by clicking the Edit button located in the upper-right corner of the page, select the plus "+" icon to add a new web part, search for the Call to Action web part in the search box, and choose the Call to Action web part.
    Call to Action Web Part in SharePoint Online
  • Once you have inserted the Call to Action web part to your SharePoint Online page, the default layout will be automatically displayed in the page, and you will be presented with editing options such as Move, Edit, Duplicate, and Delete Web Part. Additionally, you will have the option to zoom in or out, as well as set the focal point for any background images you have chosen to use. Enter the required text in the “Add your call to action text here” field. When creating a call to action, keep the text length in mind to avoid truncation.
    Call to Action Web Part in SharePoint Online
  • On click of the Edit web part option, a property pane will appear on the right side of the screen, which will include a variety of formatting options such as:
  • Background Image: The background image feature in the Call to Action web part of SharePoint Online enables users to add an engaging visual element to the web part. To set the background image for the Call to Action web part in SharePoint Online, click on Change and select the desired image source from the new pane, which may include options to select the image from SharePoint files, upload from your computer, and more. Once you have selected the image, click Open to apply it as the background.
  • Button Label: This option allows you to customize the text that is displayed on the button, giving you the ability to create a more personalized and effective call to action.
  • Button Link: This option allows you to specify the destination URL that the button will link to when clicked by the user. When specifying the button link, it is important to ensure that the URL start with http, https, or mailto, and that it directs the user to the intended destination. Additionally, when a user hovers over the button, the URL will be displayed, giving them a preview of where the link will take them.
  • Alignment: This option allows to change the alignment of both text and button to right, center or left. Left alignment is the default selected alignment.
    Call to Action Web Part in SharePoint Online

The Call to Action Web part in SharePoint Online helps to provide a clear and compelling message to encourage visitors to take action, such as subscribing to a newsletter or filling out a form.