Use the Call to action web part

Use the Call to action web part

When you add a modern page to a site, you can add and customize web parts, which are the building blocks of your page.

This article describes the Call to action web part, which allows you to create a button with a call to action for users.

Notes: 

  • Some functionality is introduced gradually to organizations that have opted in to the Targeted Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.

  • The Call to action web part is not available in SharePoint Server 2019.

  1. Go to the page where you want to add the web part.

  2. If your page is not already in edit mode, click Edit at the top right of the page.

    Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this:

    Plus sign for adding web parts to a page

  3. Click +, and then select Call to action from the list of web parts.

  4. Start typing in the Add your call to action text here field.

    The Call to Action web part for SharePoint sites, with generic information included

  5. Click the Edit web part Web part edit button icon to access the Call to action webpart toolbox.

    • Background - The image you want displayed in the background of the Call to action webpart. Click Change to select the image you want to use for the background. (This will open a new pane, where you have options to select where you want to get the image (such as from your SharePoint files, uploading from your computer, and so on. When you're done, click Open.)

      Tip: For best results, try to make sure your image is 1204 pixels wide.

    • Button label - The text for the button (for example, "Click here for more info!", "Details", or whatever is most appropriate). Enter the text you want to use.

    • Button link - The URL for where you want the Call to action button to link to. Make sure your URL starts with http://, https://, or mailto:  If your URL is added without one of these protocols, https:// will be added for you.

    • Alignment - The alignment of the Call to action text and button. By default, this is set to Left.

      The toolbox for the Call to Action webpart for SharePoint sites, showing how to customize the link, button, and alignment of the webpart

Expand your Office skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?

Thank you for your feedback!

Thank you for your feedback! It sounds like it might be helpful to connect you to one of our Office support agents.

×