#Microsoft365 #SharePoint – Today we’ll take a look at using the Showcase design template for building Communication sites in SharePoint online.


SharePoint Communication Sites:

The Communication sites got launched for First Release Customers towards end of June 2017. A reminder, if you don’t see communication sites yet as a template, your release preference might have to be updated, see previous blog.

The Communication Sites have 3 designs available. Topic, Showcase and Blank:

  • Topic to share information such as news, events, and other content.
  • Showcase to use photos or images to showcase a product, team, or event.
  • Blank to create your own design.

In this blog I’ll be using the Showcase design which gives us a home page and several web parts to configure:

Create your site:

From the Office 365 page, navigate to SharePoint. Click on Create Site and choose the Communication Site:

Choose the Showcase Design and give your site a name:

Landing Page:

This is the landing page you get on the Showcase template. Scroll down for a look at the web parts included by default:

  1. Hero
  2. Image Gallery

Web Parts:

As explained, the site home page has several web parts to be configured. Keep in mind that regardless of the Design you’ve chosen, you can modify and add web parts to your liking.

Configure the web parts:

Hero:

The Hero web part is all about focus and creating visual interest. It’s the same web part used on the Topics Design site.

To edit the page simply click on the Edit button to the right of your page. Now when you hover over web parts, you will see the option to edit:

When editing the Hero web part, you’ll have the option to change the layouts. For Showcase designs, the layout is set to Layers. Change these based on how much information you would like to “Showcase”. I had some trouble changing the layout to show more, and then actually add more content. Hopefully this will be solved soon.

To add new links, the page needs to be in edit mode. Make sure you click on the edit of the specific section (bottom right corner) and not the complete Hero web part (top left corner):

  1. Edit Section
  2. Add Link
  3. Title
  4. Description
  5. Image
  6. Heading / call to action

Even though Delve shows you what you need to know, what’s important and what’s trending, it is necessary to focus on specific content at times. Use the Hero Web Part on your landing page to showcase content that you think would add value and be informative to users. Here’s some examples of how I’d use this web part:

  1. New policy (link to document)
  2. Feature other documents (link to document)
  3. A blog you would like people to read (link to website)
  4. External Learning and Development blogs (link to website)
  5. Team Building or event update and feedback (link to wiki page / PPTX)
  6. Important Announcements (Link to article)
  7. Important News (link to website)
  8. Showcase employees (link to their Delve page)

Read more about the Hero Web Part

Image Gallery:

The Image Gallery web part shows images. Yup. No linking to websites or documents – it just displays the images.

The page needs to be in edit mode. First we’ll take a look at editing the main web part. Here you have the option to choose Tiles / Carousel layout. The aspect ratio of images can also be set:

Next up, each image can be modified. The easiest for me was to just drag images onto the web part – then go to each of them to modify the Title, Caption and Alternative Text:

I’ve used this web part to show my team. The Tiles layout doesn’t show the Title or Caption unless you click and open the image:The Carousel layout shows the Title which I prefer:

Read more about the Image Gallery Web Part

Mobile View:

All the new templates are fully responsive and opens beautifully on the SharePoint App on my phone:

And there you go. Awesome site built in minutes with the Showcase Design template. Hope you’ll enjoy it as much as I did 🙂

Purpose of this blog challenge: I will write 365 blogs in 365 days around Microsoft 365. I did a similar challenge with Office 365, blogs can be found here. I won’t just be talking about the new Microsoft 365 subscription model. I will be sharing any news, tips and tricks around Office / Office 365 / Windows / Mobility and Security. And let’s not forget all the great new Apps & services available. A lot of what I’ll share on Office and SharePoint will also be applicable to none “Office 365” versions.