How to Use the Gallery Block in Notion – A Step-by-Step Guide


How to Use Galleries in Notion YouTube Tutorial

Galleries in Notion allow you to create image-oriented collections of information and present them in a visually pleasing way. Galleries are a type of database and can leverage the same customization capabilities as traditional databases in Notion. This step-by-step tutorial will teach you everything you need to know to get started using galleries in Notion effectively.

So, how do you create a gallery in Notion? Enclosed below are the list of steps needed to create a gallery in Notion:

  1. Open Notion to the page where you want the Gallery to appear
  2. Type /gallery and select either “inline” or “full-page” depending on whether you want the gallery to be on an existing page or its own page
  3. The gallery block should appear. Configure each card by clicking on it and editing it.

Before we get started with the tutorial, if you are looking to learn more about apps like Notion, Todoist, Evernote, Google Docs, or just how to be more productive (like Thomas Frank’s Productivity Course), you should really check out SkillShare. Skillshare is an online learning platform with courses on pretty much anything you want to learn. To learn more about Skillshare and its vast library of courses and get TWO FREE MONTHS of UNLIMITED CLASSES, click the link below:

SkillShare – Online Learning Platform

If you are just starting out with Notion and aren’t sure where to get started, you really need to check out my comprehensive beginner’s guide to Notion. It goes through all things you need to know to get started the right way. Enclosed below is the link to the guide:

Link to Beginner’s Guide to Using Notion With Screenshots

Looking for some information on the power of Notion? Check out our article containing tips to help you become a power user of Notion at the link below:

14 Awesome Notion Tips

Let’s get started with the tutorial 😀.

Creating a Gallery in Notion

Creating a gallery in Notion is simple. Open the page in Notion where you want your gallery to appear. Simply type “/gallery” as shown in the screenshot above.

You will be presented with two options:

  • Gallery – Inline
  • Gallery – Full page

An inline gallery will appear on the current page you are on. A full page gallery will create a new sub-page on your current page containing your gallery.

Select which type of gallery you want by clicking on it.

Your Notion page should look like the screenshot above. By default, Notion provides three cards:

  • Page 1 -> contains two checkboxes
  • Page 2
  • Page 3

You can edit these cards (which we will do in a minute) or simply delete them. There is also a box that contains the text “+ New” that allows you to create a new card by simply clicking on it.

Let’s give our gallery a title. Click on the text box marked “Untitled“. Type in a name for your gallery and press Enter.

Editing a Gallery Card in Notion

It is important to remember that a gallery is a database, just like any other database type in Notion (Board, Calendar, Table, etc.). As such, think of each card in your gallery as a row in your database. You can fill it with all the same stuff that you can in a table.

Each card comes with two default properties:

  • Created
  • Date Created

To add more properties, click on the “+ Add a property” button and configure your property.

Once you have added properties to your card, those properties will automatically be added to all the other cards in your gallery.

Adding an Image to a Gallery Card in Notion

Let’s add images to our cards (after all, it is a gallery). To add an image to your card in Notion, simply click in the body of the card and type “/image“. Select Image from the menu by click on it.

You will be presented with a tabbed menu with three options:

  • Upload -> Allows you to upload your own images
  • Embed Link -> Allows you to provide URL of an image on the web
  • Unsplash -> Photo service only available on paid Notion plans

Add your image and it should appear on your card as shown below:

Your gallery should now look kind of like the screenshot above. Now edit the remaining cards and add a new card and add images just like we did with the first card.

Your gallery should now look like the screenshot above (albeit it might not have images of food 😀).

Customizing the Look of Your Gallery Card in Notion

Now let’s talk about customizing how the cards in your gallery look. To get started, hover over your gallery and click on the ellipsis (…) to bring up the menu.

A menu will appear. Select “Properties” by clicking on the option in the menu as shown in the screenshot above.

The properties menu will appear. It contains the following parameters that you can configure:

PropertyDescription
Card PreviewToggles on/off showing image of
card in gallery view
Card SizeAdjusts the size of the card
Fit ImageAllows you to fit the entire image
in gallery view
NameToggles viewing of name under card
on/off
Properties on
Card
Toggle viewing of each property on card
on/off in gallery view
Gallery view properties table in Notion

The card preview property provides 3 options:

  • None – No image appears in Gallery view
  • Page Cover – Shows the page cover as the image in gallery view
  • Page Content – Picks first image in body of card for viewing in gallery view

Page Content is the default setting.

Card size allows you to adjust the size of the card in gallery view. It provides three options:

  • Small
  • Medium
  • Large

Medium is the default setting.

Fit image scales the image so that the entire image in the gallery view. As you can see in the screenshot above, it varies how the gallery looks.

Name allows you to toggle the name on/off underneath the image of the card as shown above.

Additionally, you can toggle each property type of your cards on/off. In the screenshot above, I toggled all of the properties on and, as you can see in the screenshot above, they all show up underneath the image in the gallery view.

Summary

Galleries in Notion are great for idea boards, dream boards and other information that would benefit from being displayed in an image-oriented manner. I hope this tutorial was helpful to you. If you are just getting started with Notion, check out my beginner’s guide to Notion video below. It starts at the very beginning assuming you know nothing about Notion and covers all the various pieces of Notion.

Beginner’s Guide to Notion Tutorial

Want More Tips and Tricks? Subscribe to our Newsletter!

If you haven’t already subscribed, please subscribe to The Productive Engineer newsletter. It is filled with tips and tricks on how to get the most out of the productivity apps you use every day. We hate spam as much as you do and promise only to send you stuff we think will help you get things done.

Check Out Our YouTube Channel!

We have a YouTube channel now and we are working hard to fill it with tips, tricks, how-tos, and tutorials. Click the link below to check it out!

link to our YouTube page

Looking to Get Started Blogging or on YouTube?

Getting started can seem daunting and scary (I know it was for me) but it doesn’t have to be. I was very lucky to find a program that that has helped me grow my blog to over 35,000 page views and a YouTube channel that is growing at over 100% month-over-month.

Income School is the program that I have used. I have been a member for over a year now and just renewed my membership. I cannot recommend Income School enough! For more information on Income School, click the link below:

Income School – Teaching You How to Create Passive Income from Blogs and YouTube

Check out our Resources Page

Check out our resources page for the products and services we use every day to get things done or make our lives a little easier at the link below:

Link to the resources page

Recent Content