Site pages

Site pages

Site pages

Pages are fundamental to any website, and adding a page in Super provides customization and performance benefits.

Adding a page

Adding a page in Super is easy. Just copy the Notion share link like you did when creating a site, and paste it in the "Add page" modal on the "Pages" page of the site editor.

Another way to get the share link is to navigate to your desired page in the site preview and click the "Add page" button. This will populate the Notion page field with the page currently being viewed.

Page URLs can be nested too. To achieve this, expand a page you've already added in the "Pages" page and click the "Add page" button nested below it. If you add a page /my-first-post under /blog the new page will be located at /blog/my-first-post.

⚠️

Important: If you want to show pages on your site, they must be public in Notion and must be child pages of the site's home page. This prevents Notion pages you don't own from loading on your site, as well as pages in your workspace you may not want others to see.

Removing a page

Removing a page in Super has no affect on that page in Notion. If the page still exists in Notion after removing it from Super the page can still be served on your site under its Notion page ID which looks something like /c14368928a6e47f0905da4ca5b685da0.

When you remove a page from Super all of its child pages will be removed as well.

Updating a page

When you change your page title, the URL won't be reflected. You'll have to change this manually by hitting the more icon (three dots) next to the page you want to edit, and clicking "Edit page". We do this to prevent people from visiting broken page URLs on your site.

image

Page settings

Pages in Super can be customized individually:

  • Pretty urls (/blog/my-first-post)
  • SEO customizations (see SEO)
  • Automatically added to sitemap
  • Password protection

💡

Sub-pages will always display on your site but unless you turn on automatic page Sync or add pages manually, the url will not be 'pretty' and will look something like: /c14368928a6e47f0905da4ca5b685da0

Password protecting a page

Pages which have password set can only be viewed when the password is entered. Passwords are ignored in the dashboard's live site preview, since you're the only one viewing it. Adding or removing a password will also add or remove it from all child pages of the set page. Here's an example of a password-protected page. Password is vip.

image

Syncing pages (Automatic pretty links)

When "Sync URLs" in the "Pages" page is enabled for a site, Super automatically generates URLs from page titles. URLs are created when a new page without one is visited.

Currently, syncing pages only adds pages to Super and does not delete them.

image

Hiding pages on your site

There are a few reasons why you might want to hide pages on your Notion site. For example if you only want to show links in a navbar and hide any page links in the contents of the page itself. Whilst we will be adding support for this feature soon, it can be achieved using a bit of custom code.

  1. Move your pages inside a toggle block in Notion
  2. Set the toggle block to have a brown background color
  3. Add the following snippet to the CSS tab on the "Code" page in your Site editor:
.notion-toggle.bg-brown {
  display: none !important;
}

💡

Please note, this will hide all toggle blocks that have a brown background.

← Previous