Pages are fundamental to any website, and adding a page in Super provides customization and performance benefits.
Adding a page
Super will automatically add new Notion pages to your site when the Sync function is enabled in the Pages section of the Super Dashboard. You can manually add pages to your site as well using the steps below.
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
.
If you get an error when adding a page it could be that Super has already added the page automatically. Press the Page List Refresh button at the top of the page list and then search for the title of the page.
Page errors and troubleshooting
Adding sub-pages
Moving a page
Super will automatically add pages to your site where it finds them first. Sometimes with database pages this means that the page ends up in a place that you don’t intend - there’s no way for Super to know where you want the page to go if there are links to it from database views in multiple places.
The easiest way to deal with this is to move the page in the Page list in Super. Simply drag a page to where you want it be. The path/URL and breadcrumb for the page will update based on the new location.
If you want to move multiple pages:
- Click the select option at the top of the page list and the select checkboxes will appear next to all pages
- Select the pages you want to move,
- then click Move at the top of the page list. Then select the new parent page for these pages.
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.
You can also select multiple pages and remove them together in one step. Click the select option at the top of the page list and the select checkboxes will appear next to all pages and select the pages you want to remove.
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.
Syncing pages (Automatic pretty links)
When "Sync" 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.
Syncing pages only adds pages to Super and does not delete them - this is to help preserve the URL integrity of your site in case of accidental changes in Notion.
The refresh button at the top of the page list will rebuild the current page and also update the page list. If you can’t find a page in the page list, try refreshing the page list using this buton
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.
- Open your site in Super and click into the Design page
- Go into the Layout page
- Find the Notion page links section and change the toggle to Hide
Invalid page routes
The following page routes are reserved and cannot be used with Super sites
- /api
- /404*
- /_next
- /_super
Ad blockers can cause pages on the following routes to break. It is advised to avoid using them:
- /sponsor
- /sponsors
- /advertising
Redirect and Hide pages
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
In this doc:
- Adding a page
- Page errors and troubleshooting
- Adding sub-pages
- Moving 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
- Redirect and Hide pages
- Page redirects (301 and 302)
- What’s the difference between 301 and 302 redirects?
- Hiding a page from your site (404)