Notion Layouts: A Complete Guide To Customize Your Pages

Notion Layouts: A Complete Guide To Customize Your Pages

Notion Layouts: A Complete Guide To Customize Your Pages

Notion Layouts: A Complete Guide To Customize Your Pages

Eazypath Avatar

Jean-Remi

Thursday, January 2, 2025

In 2024, Notion launched Notion Layouts, a feature that lets users customize the look of their database pages. Now, users can organize their pages better, make them clearer, and highlight the most important details.

Everyone has their own way of presenting information, and this new feature allows each person to choose the design that best suits their needs.

In this article, we’ll explore how to customize the layout of a Notion page and review all the available customization options, helping you get the most out of Notion Layouts.

Let's start!

Notion Layouts A Complete Guide To Customize Your Pages
Notion Layouts A Complete Guide To Customize Your Pages
Notion Layouts A Complete Guide To Customize Your Pages
Notion Layouts A Complete Guide To Customize Your Pages
Arrow right icon

Table of content

Arrow right icon

Table of content

Arrow right icon

Table of content

How to Customize the Layout of a Notion Page?

Customizing the layout of a Notion page is both easy and straightforward. In this section, we’ll walk through how to activate the layout builder and break down the structure of the builder.

Accessing the Layout Builder

First, we need to access and activate the layout builder. There are two ways to do this:

  • Click the "Customize layout" button above the title of a Notion database item.

How to Customize the Layout of a Notion Page - Access Above Title
  • Click the three dots in the top-right corner of the item and select "Customize Layout".

How to Customize the Layout of a Notion Page - Access From Three Dots

Right after, you should see a builder opening that looks like this:

How to Customize the Layout of a Notion Page - Builder

The Layout Settings

On the side of the builder, you will find the layout settings. As of today, there are three settings you can customize:

  • Inline Comments: Choose to display comments either inline or minimal.

  • Page Discussions: Toggle whether the comments section is shown on the page.

  • Show Property Icons: Decide whether to display icons next to the page properties.

How to Customize the Layout of a Notion Page - Layout Settings

I like to configure the settings this way because I like to keep my pages clean and minimal.

The Layout Builder

The layout builder is organized into several sections:

  1. Heading: This is the header section where you can pin a property and choose whether to show or hide the page's backlinks.

  2. Property Group: This section contains all the page's properties grouped together, though each property can also be displayed independently if desired.

  3. Relation Group: This section organizes all relation-type properties into a single group, though individual relation properties can also be displayed independently.

  4. Panel: Located on the side of the page, this section can display property groups or individual properties. However, the heading and relation group cannot be moved to the panel.

How to Customize the Layout of a Notion Page - Layout Builder

In the next section, we will take a closer look at all the actions you can perform to customize your layout.

What Can You Customize on the Layout of a Notion Page?

When editing the layout of a Notion page, you can perform several actions:

  • Pin a property to the header.

  • Organize properties within the property group.

  • Create a new module.

  • Move a module to the panel or back to its original position.

Let's review each action individually.

Pin a Property to the Header

To pin a property, start by clicking on the heading section to open the heading settings.

What Can You Customize on Layout of a Notion Page - Click Header

Next, select the property you want to pin and click the pin icon next to it. This will move the property to the header.

What Can You Customize on Layout of a Notion Page - Pin Property

Let's pin for example the "Win Rate" property. You should be able to see the property appeared in the heading section.

What Can You Customize on Layout of a Notion Page - Property Pinned

Organize Properties within the Property Group

Now let's see how to organize properties inside the property group. First click on the property group section to open the property group settings.

What Can You Customize on Layout of a Notion Page - Click Property Group

Next, click on the "Add section" button and give a name to your new section.

What Can You Customize on Layout of a Notion Page - Add Section

Let’s keep it simple by creating a single section called "Stats," combining both the "Played" and "Won" properties. You should then see this section in the property section. Of course you can create as many section as you want within the property group.

What Can You Customize on Layout of a Notion Page - Section On Property Group

Create a New Module

Creating a new module allows you to isolate a property in its own module. To start click on the "+" button to start creating your module.

What Can You Customize on Layout of a Notion Page - Add Module

A settings panel will open, allowing you to create a module from an existing property or for a new property. Let’s select the "Players" property for our module.

What Can You Customize on Layout of a Notion Page - Add Players Module

You will see the "Players" module added. You can create modules for any property.

What Can You Customize on Layout of a Notion Page - Players Module

Move a Module to the Panel or Back to its Original Position

The final action we’ll cover is moving a module to the panel section. The panel is located on the side of the builder.

Let’s move the "Players" module to the panel. To do this, click the three dots on the "Players" module.

What Can You Customize on Layout of a Notion Page - Three Dots Button

Then, simply click on "Move to Panel" to move the module to the panel.

What Can You Customize on Layout of a Notion Page - Move To Panel Button

The module will now appear in the panel on the right.

What Can You Customize on Layout of a Notion Page - Module On Panel

To apply all the changes we've covered so far, simply click the "Apply to all pages" button in the top-right corner.

Conclusion

In this article, we’ve looked at how Notion Layouts can help you personalize and organize your workspace. By pinning key properties, grouping them into sections, or adding them to a panel, you can make your pages look cleaner and more organized.

Notion Layouts make your workspace clearer and easier to use, giving you a setup that fits your needs. With these tools, you can keep your workspace tidy and boost your productivity.

So no more excuse, you can start now!

Create your Notion account here.

Frequently Asked Questions

Frequently Asked Questions

Frequently Asked Questions

Arrow right icon

Can I revert to Notion’s default view?

Arrow right icon

Can I revert to Notion’s default view?

Arrow right icon

Can I revert to Notion’s default view?

Arrow right icon

Can I revert to Notion’s default view?

Arrow right icon

Can I set a different layout on the same database?‍

Arrow right icon

Can I set a different layout on the same database?‍

Arrow right icon

Can I set a different layout on the same database?‍

Arrow right icon

Can I set a different layout on the same database?‍