Getting started
Customize your site
Advanced
Reference
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
.
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.
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
/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
.
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.
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.
- Move your pages inside a toggle block in Notion
- Set the toggle block to have a brown background color
- Add the following snippet to the CSS tab on the "Code" page in your Site editor:
.notion-toggle.bg-brown {
display: none !important;
}
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.
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:
- In your site, open the ‘Pages’ page
- Click the 3 dots menu on the page that you want to setup the redirect and choose ‘edit page’
- Then, at the bottom click the ‘Redirect’ button
- Inside the page that opens, click the switch to enable the redirect
- Choose a redirect type
- Select a page that you want to redirect to
The other way to setup a redirect is by creating a new page:
- In your site, open the ‘Pages’ page
- Click the ‘Add new page’ button
- Click the ‘Redirect’ tab
- Inside the dialogue that opens, enter the path name that you want to redirect
- Choose a redirect type
- 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.
- In your site, open the ‘Pages’ page
- Click the 3 dots menu on the page that you want to setup the redirect and choose ‘edit page’
- Then, at the bottom click the ‘Hide page (404)’ button
- Inside the page that opens, click the switch to enable the redirect
← Previous
Next →
On this page
- Site pages
- Adding a page
- Removing a page
- Updating a page
- Page settings
- Password protecting a page
- Syncing pages (Automatic pretty links)
- Hiding page blocks/links from appearing on a page
- Invalid page routes
- Page redirects (301 and 302)
- What’s the difference between 301 and 302 redirects?
- Hiding a page from your site (404)