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

Also note, if you have Manual Publishing enabled, only pages with pretty URLs will displayed on the site, and pages with URLs like /c14368928a6e47f0905da4ca5b685da0 will give a Page Not Found error.

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 page blocks/links from appearing on a page

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.

Invalid page routes

The following page routes are reserved and cannot be used with Super sites

  • /api
  • /_next
  • /_super

Ad blockers can cause pages on the following routes to break. It is advised to avoid using them:

  • /sponsor
  • /sponsors
  • /advertising

Page redirects (301 and 302)

A page redirect is used to automatically send viewers from one web page to another. In Super you can easily setup a temporary or permanent redirect.

💡
Please note: Page redirects are a Pro site feature

What’s the difference between 301 and 302 redirects?

A 301 redirect is used for permanent URL changes and transfers SEO value to the new URL, while a 302 redirect is used for temporary URL changes and does not transfer SEO value.

There are two ways to setup a redirect, firstly using an existing page:

  1. In your site, open the ‘Pages’ page
  2. Click the 3 dots menu on the page that you want to setup the redirect and choose ‘edit page’
  3. Then, at the bottom click the ‘Redirect’ button
  4. Inside the page that opens, click the switch to enable the redirect
  5. Choose a redirect type
  6. Select a page that you want to redirect to

The other way to setup a redirect is by creating a new page:

  1. In your site, open the ‘Pages’ page
  2. Click the ‘Add new page’ button
  3. Click the ‘Redirect’ tab
  4. Inside the dialogue that opens, enter the path name that you want to redirect
  5. Choose a redirect type
  6. Select a page that you want to redirect to

Hiding a page from your site (404)

Returning a 404 error is useful when you want to indicate that a requested page no longer exists. It helps maintain a good user experience by informing users that the requested URL is unavailable. Also, search engines consider 404 errors when indexing websites, helping to keep their search results accurate and up-to-date. In Super you can easily hide a page from your site by applying a 404 error.

💡
Please note: Hiding a page is a Pro site feature

  1. In your site, open the ‘Pages’ page
  2. Click the 3 dots menu on the page that you want to setup the redirect and choose ‘edit page’
  3. Then, at the bottom click the ‘Hide page (404)’ button
  4. Inside the page that opens, click the switch to enable the redirect

Adding RSS and ATOM feeds

RSS and Atom feeds are essential for websites, especially blogs, as they allow users to easily subscribe and receive updates, saving time and enhancing website visibility and content distribution. Now you can enable RSS and ATOM feeds on your Notion databases in Super.

  1. In Notion add the meta properties to your database - these are used to create the content of the News feed.
    2. Property
    Type
    Description
    meta:title
    text
    Used as the title of the article in the Feed
    meta:description
    text
    Used as the description of the article in the Feed
    meta:image
    file
    Used as the thumbnail image for the article in the Feed
    meta:author
    person
    Used as the Author
  2. Next on the database or database view that you want to be the main source of the News feed, ensure that these properties are displayed in the view. Do this by clicking the three dots on the view and show the meta properties on the database view
  3. Now, in Super navigate to the page in the Page list and Edit the page. From here you can click the Feeds button.
  4. Next select the database view that you want to use as the source of the feed and save.
  5. After the next page sync or press of the dashboard refresh button, the feed will be added to the page.

And that’s it! Now site vistors can subscribe to your feed by using the url of the page. You can even add an RSS icon to the footer from the Footer menu in Super.

← Previous

Creating a site

X

Templates

Guides

Showcase

Pricing

Privacy

Terms

© Super Publishing Co.