Create a home page for your platform

 

In this tutorial, you'll learn how to create a home page for your platform. This tutorial is intended for platform Admins. It assumes you have basic knowledge of:

By the end of this tutorial, you'll be able to:

For this tutorial, we’ll be creating our home page based on the following example.

home-page-example

Tip: After completing this tutorial, feel free to customize the home page to your liking and add, change, or remove content.

Before you start

Before you start the tutorial, there are a few things to check:

  • You'll need permission to create a home page by being a platform Admin.

1. Open the home page editor

You’ll need to open the home page editor to customize your home page.

  1. Go to your platform home page.

  2. Click Settings and select Edit Home Page.

This will take you to the home page editor.

Note: If you see ‘The home page draft was last saved by…', select Permanently delete the draft and start a new one and click Continue.

2. Add a compelling header

The first thing your users will see is the home page header, and it’s the perfect place to introduce your platform. You might include your company name and slogan, or a headline that shows what your platform is about.

  1. Under Content Blocks, click Add New Block.

  2. Select General.

  3. Under Manage block content, click Remove and Confirm to remove the second row.

  4. In the block options, toggle Two Columns off.

  5. Toggle Stretch on and set the height to around 15%.

  6. Click the Pencil next to the text box.

  7. Under Description, enter “Add Ideas, Solve Problems, Drive Change”.

  8. Select the text you entered and format it in Bold and Heading 1.

  9. Set the Background color to #005ab5.

home-page-header-example

Tip: You can delete a content block by clicking the Trashcan icon next to the block you want to delete.

3. Add a Featured Challenges section

Now let's add a new section to feature your Challenges on the home page.

Add the heading and subheading

  1. Under Content Blocks, click Add New Block.

  2. Select General and follow steps 3 and 4 from Add a compelling header.

  3. Click the Pencil next to the text box.

  4. Under Description, enter “Feature Challenges”, then on a new line enter “Get involved with the latest Challenges“.

  5. Select the first text line and format it in Bold and Heading 2.

  6. Select the second text line and format it in Bold.

  7. Set the Background color to #ffffff.

home-page-challenges-section-example

Note: If you have speakers of several languages using the platform, you can translate your home page so content can be displayed in a user's preferred language.

Add a featured content block

  1. Under Content Blocks, click Add New Block.

  2. Select Featured Content.

  3. Select Challenge for the content type.

  4. Under Title, toggle Display content off.

  5. Select the Content tab and select 5 Challenges to feature.

  6. Select the Appearance tab and set the Background color to #ffffff.

 
home-page-challenge-cards-example

Note: If you don't have enough Challenges for step 5, you can just add the Challenges you want to feature.

3. Add a Communities section

Lastly, let’s add another section to display your Idea Spaces or Co-creation Communities on the home page.

Add the heading and subheading

  1. Under Content Blocks, click Add New Block.

  2. Select General and follow steps 3 and 4 from Add a compelling header.

  3. Click the Pencil next to the text box.

  4. Under Description, enter “Communities”, then on a new line enter “Collaborate with other contributors.“.

  5. Select the first text line and format it in Bold and Heading 2.

  6. Select the second text line and format it in Bold.

  7. Set the Background color to #ffffff.

home-page-communities-section-example

Add a featured content block

  1. Under Content Blocks, click Add New Block.

  2. Select Featured Content.

  3. Select Idea Space or Co-creation Community for the content type.

  4. Under Title, toggle Display content off.

  5. Select the Content tab and select 2 communities to display.

  6. Select the Appearance tab and set the Background color to #ffffff.

home-page-communities-cards-example

Summary

In this tutorial, you learned how to:

Next steps

Consider completing some other common tasks, such as: