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
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
.
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
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.
- In Notion add the meta properties to your database - these are used to create the content of the News feed.
- 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
- Now, in Super navigate to the page in the Page list and Edit the page. From here you can click the Feeds button.
- Next select the database view that you want to use as the source of the feed and save.
- After the next page sync or press of the dashboard refresh button, the feed will be added to the page.
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 |
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
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)
- Adding RSS and ATOM feeds