Discover 10 most useful SharePoint Web Parts

do you want to build modern and beautiful sharepoint page my name is shimon bochniak from microsoft 365 at work i will introduce you to modern web parts in sharepoint online sharepoint online offers possibilities to build modern and beautiful pages which will manage the communication and collaboration inside your intranet or the portals or team site you want to build across your organization modern web parts that are available there allows you to build low code beautiful pages that will deliver great content for your end users you don't have to be developer you don't have to have technical skills to manage creation of the pages the only thing you have to know is how to use available web parts and how to build pages using them today i want to present you the most important the greatest web parts that are available in sharepoint online and show you how to use them to build beautiful pages if you will like this video please leave the thumbs up if you want to get the notifications about the new videos please subscribe the channel and now we will move to my screen sharepoint online offers great possibility to build modern and beautiful pages that can generate and deliver the content to your users today i would like to focus on the web parts that are used to build all the components presented in here i will show you a few of them which are the most important how to use them what kind of configuration you should use you should remember that all these web parts are totally local so you don't have to develop anything you don't have to have developer skills to build the pages like this one and all these webparts are delivered to you by design when you're editing sharepoint page there's this magic button that allows you to add the web parts to your sharepoint page you can see there's a lot of web parts that display the content on the sharepoint page from perspective of the elements you have somewhere in the background or you can use what is most important all of these web parts have some kind of configuration behind so it allows you to use the same web part different ways based on your scenarios now we will switch to the blank page and i will show you a few web parts that i really work to be known by you and how to use them to build beautiful page when we working from perspective of the empty page you should know very basic web parts like image and text web part web parts are paste to the section so if you will change that kind of section to the two columns section then you can use two web parts at the same line to build your content using image webpart gives you the possibility to insert the image to your page and what is great you can use stock images available somewhere in the microsoft cloud that are present to you and you can use it for the commercial use on your sharepoint page so let's search for work and use the picture to insert it to your sharepoint page of course you can upload your own picture you can add text on top of your picture you can see this is something that looking much better moreover you can decide how your picture will present from perspective of the size crop the picture and decide where the text should be placed you can see the final effect is quite good again this is very simple solution but from my experience having a lot of images is important people prefer to take a look on the page and if your page will not look beautiful then they will move on so use image webparts on your pages to make your pages more attractive to your end users the next web part i want to show is something very basic the text web part which gives you the possibility to put the some kind of text on your page if we will include the text in here you have additional possibilities to style it based on your preferences which is something very basic it's like simplified the word experience but remember about these three dots which gives you the possibility for more advanced styling not every time this panel appears on the screen automatically so remember about these three dots you can use to get access to the additional styling options again this is super simple web part but it's good to know that something like that exists the next web part i would like to present you is again something very simple the button you can put the url to the page in here and then do the label on top of that of course you need to put proper hyperlink to your page in here but again it's very easy to visualize that kind of button using this functionality alternative for this kind of web part is called to action this is the more advanced functionality that building more complex button and gives you nicer experience to your end users from perspective of the call to action you can add the text to your button but you have additional header and you have additional possibility to change the background again you will see this is very similar experience from perspective of finding the images what is great you can use the same picture but you can use it a little different way use something called focal point and then you can switch that kind of image a little higher thanks to that you will get a little different user experience using the same styling on colors one more thing which could be also quite useful for you from perspective of the options present there you can align the buttons to the right side you can compare how simple button versus call to action looks like again both are great both work perfectly well and they can be used but sometimes for different purposes let's create another section and change it color to make it a little different and now i will present you a few additional web parts that will help you make your pages much useful and deliver additional information to your colleagues let's start with the youtube web parts very simple solution it gives you the possibility to end that youtube video on your page if your organization publishing videos on youtube then you can easily share that directly on your page the only thing you have to do is to paste the url to the youtube video and then the video automatically will be loaded to your page very simple solution also if you have the videos about your organization or some kind of public announcement that are present on youtube this web part will help you to move them to your sharepoint page another webpart that is good to know about is the people web part this is the one of the my favorite web parts present on sharepoint this is the web part to present the people from your team from your organization or from the project it's doing that very simple way and gives the possibility to navigate to the information about the chosen users directly from the sharepoint page let's see how it could looks like the only thing you have to do is to put the people's name or people's emails in the content of the web part and thanks to that you can present information about the people on your page you have two models how that kind of information can be presented very simple one and more detailed whole card about the person information is presented on your sharepoint page i highly recommend you to use this basic one why it's important because it gives you the possibility to navigate to the page and see the detailed information contact information immediately about the person let's take a look how it looks like we are on the published page and when you will move your mouse to the person listed in the people web part you can get detailed information about the user of course this is some kind of test tenant but still in organization you will get the information about the organization structure maybe to the link heading profile and you can navigate to the whole profile of that user super useful solution from perspective of sharing the contact information across the organization really must have in case you're building your pages another web part that i want to present is the map web part you can use bing maps to present the localization of the event or of your office very simple solution it's of course it's not google maps but again if you have your organization present somewhere you can use it to present exact localization of your office you can paste here your address of your company of your office and then easily present it on your map using bing maps something very simple but at the same time if you building the pages for your events your localization it could be very useful for your end users let's move to another web parts that could be useful for you in this case let's try to use informations from sharepoint that are hosted somewhere in there the most important and one of the most popular web part that is used on sharepoint online is the news web part this is the web part that aggregate announcements across the organizations if the announcements are published there you can see this is something that is already pushed to your intranet you have multiple ways how that kind of announcements are published all of them looks quite nice and what is most important if the data is already in the background so if somebody publish your announcements it's very easy to build on top of your sharepoint landing page that will present that this is advice for you your landing page don't have to contain any kind of announcements but if you connect your pages in the hub then you can aggregate all that kind of announcements through the hub to your landing page in the advanced features you can you can include additional informations about the views and do additional filtering or order from perspective of which website should be pushed on top of that this is must have for you if you want to use sharepoint as an intranet portal or communication portal announcements are super important to be published on your sharepoint pages and again you have multiple ways how to publish them another thing you can also use that kind of web part multiple times like global organization announcements and c-level announcements presented in the different place by limiting the source of announcement to the specific site or to the specific people the next web part which is also quite important and used in the very similar way is the hero web part of the web part when you can build tiles that will highlight the content something like the view of the hub news or the ties views when you have the announcement you can build something very similar but putting the links to the very specific locations but manually added hyperlinks in the background if you will select the link use the link add the background image top applications or top resources that you want to recommend to the users and build the call to action possibility this is some kind of advanced top tiles that will work exactly like call to action but if you will use that on the top of the navigation of your site it could give you a really nice user experience played with this web part it's something worth to know about to prefer in the past i use that web part a lot but i switched to the news to highlight the most important informations this way the last web part i would like to recommend for you is the quick links web part this is something that i recommend you to use a lot this is the simple navigation that can be included in your page content of course you can use great navigation from a hub perspective or from the sharepoint site perspective but the same time if you would like to navigate the user across any kind of content on the pages you can easily done that using quick links their web part offers you few available options how that kind of navigation could looks like so you will have multiple possibilities how to build that kind of navigation the way how you would prefer let's set up few links like this one and then see how that kind of navigation could present on your page at first of course you need to add the link let's select any kind of pages here and select if you would like to get the thumbnail custom image again you can use stock images provided for you by microsoft or do you prefer to use an icon you have multiple icons which you can use so we will use few different scenarios to show you how this looks like let me prepare a few links and then i will show you how that kind of navigation code looks like i build the links that can be presented on the page you can see there are different ways how they can be visualized it could be the file icon if you navigate the user to the specific file it could be icon provided by microsoft in the framework background or stack image which we can load from the picture settings the way how that kind of links can looks like are quite different you can see in case of the bigger view assigned picture to the specific content is automatically loaded but at the same time you can decide how that kind of solution could looks like we have multiple options here i really like the film strip which is more or less something like that or the button option which gives you possibility to build really nice navigation based on the simple buttons you can provide on the page i highly recommend you to try that kind of solution to build the navigation inside your page it could be navigation to the part of the content of existing sharepoint page or something that will navigate user to the totally different place let's see how something like that looks on the page thanks to the web part you can build quite nice navigation based on the buttons or or based on the icons slash pictures you can see it is something that could focus your reader's perspective or the elements you want to highlight quick links this is something i use all the time building sharepoint pages and i advise you to do the same thing today i present you only the 10 web parts from all available on sharepoint online there are much more and there's no other way to get them know than starting to play with them build your pages navigate through them in the description of the video you will also find additional links that could be helpful for you from perspective of getting know the sharepoint web parts start to build beautiful sharepoint pages using modern sharepoint web parts you can see using the sharepoint web parts is very easy they are great solution to build modern pages with advanced structure and also to present the information about the files people or the announcements modern way with the great design start using modern web parts in sharepoint online today play with them maybe use predefined templates and start to build your pages in the way that will be attractive to your readers end users and your colleagues also check other materials on the channel you will find additional videos like introduction to the microsoft lookbook and other videos about the publishing process of the sharepoint pages these are the elements that will help you to make your portals very professional and also does not require much technical skills on your side for now thank you very much for watching and see you in the next video [Music]

Channel: Szymon Bochniak - Microsoft 365 atWork

Views: 51,836

Keywords:

Id: 24Dvx16ZE5M

Length: 16min 23sec (983 seconds)

Published: Sun Oct 24 2021

Reddit Comments

[u/BoomSchtik]

Link is to a private video