Logo
    Logo

    Search

    Getting started

    Customization

    Features & options

    Snippets

    Templates

    References

    Help

    Super App

    Super Status

    Request features

    Go to super.so

    Site pages

    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.

    ⚠️
    Important: If you get a Page not Found Error, ensure the Notion page is Shared to the Web (Public) and that it is a sub pages of the site's home page in Notion. 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.

    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:

    1. Click the select option at the top of the page list and the select checkboxes will appear next to all pages
    2. Select the pages you want to move,
    3. then click Move at the top of the page list. Then select the new parent page for these pages.
    image

    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.

    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.

    image

    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.

    image

    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.

    1. Open your site in Super and click into the Design page
    2. Go into the Layout page
    3. 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.

    ℹ️
    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
    icon

    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)
    Logo

    Templates

    Guides

    Showcase

    Pricing

    Privacy

    Terms

    © Super Publishing Co.

    XInstagramDiscordYouTube