How to add a Button web part in SharePoint Online

In this tutorial, I will explain how to add a button web part in SharePoint Online with its functionality and properties.

We use the button web part to add a custom name and link button on the SharePoint Online Site Page. When we click on the button web part on the SharePoint Online site page, it will navigate to an internal or external URL included in the button.

We will also add a custom label button and links button to the SharePoint Online site page.

Table of Contents

Add Button Web Part in SharePoint Online

Now I will explain the method to add a button web part in SharePoint Online with the help of the steps below.

Step-1

First, open the SharePoint Online site page where you want to add the button web part in SharePoint Online site page.
Now click on the Edit button on the top right side of the page to put the page in the edit mode option.

How to add Button web part in SharePoint Online

Step-2

To create a new section layout, click the plus icon (+) in the circle.

Step-3

In the search box, Various Options are there (Text, media, and content) choose the button web part.

Step-4

After clicking the button web part, select Edit web part (pencil icon) that is on the left toolbar.

How to add text web part in SharePoint Online

Step-5

We can name the label we want to display in the Label box. I have given the label Company Site URL a name in this example.
Enter the source URL in the Link field. In order for the button to redirect to the specified URL when we click on it.
For your changes to be saved, click Republish.

Step-6

Choose whether you want the button to be centered, to the right, or to the left inside its column on the page under Alignment.
Align Left: Use this tool to align the button to the left.

Align Center: Use this tool to align the button to the center.

Align Right: Use this tool to align the button to the right.

Step-7

Button color: If you wish to change the color of the button, you must also alter the color of the SharePoint Online site theme. The color of the button is depending on the color of the current site theme.

Conclusion

In this SharePoint Online, we learned about the SharePoint Online button web part and covered how to add a button web part to a SharePoint Online site page.

You may also like:

Preeti Sahu

Preeti Sahu is an expert in Power Apps and has more than 6 years of experience working with SharePoint and the Power Platform. As a Power Platform expert for Power BI, Power Apps, Power Automate, Power Virtual Agents, and Power Pages, she is currently employed with TSinfo Technologies. She is the author of the book Microsoft Power Platform A Deep Dive. She also made a big technical contribution to SharePointDotNet.com in the form of articles on the Power Platform. She enjoys traveling and spending time with her family in her spare time.