Instructions

Installing the template

  1. Duplicate this page template to your Notion workspace
  2. Create a site using Super, using your newly created page as the Notion URL (how-to video)
  3. Duplicate these theme presets to your Super account
  4. Go to the Design page and apply the theme we just duplicated
  5. Go to your site settings and into the code page, in the HEAD tab, paste the following snippet:

    6. <link rel="stylesheet" href="https://sites.super.so/biopage/style.css">

  6. Go to your site settings and into the code page, in the BODY tab, paste the following snippet:

    7. <script src="https://sites.super.so/biopage/script.js"></script>

  7. You’re all set! Next you can:
    1. Add navigation menus from the navigation pge
    2. Customize the page content in Notion
    3. Tweak the theme styles
  8. Have fun! ⚡

Customizing the forms

In order to customize the forms, you will have to create your own forms in the forms page and replace the ones in the template demo page with your own.

Custom components

This template utilizes callout blocks with a brown background to apply custom styles and create custom components.

Image gallery carousel

By placing a gallery database inside a callout block with a brand background, it will transform into a scrolling gallery carousel.

In Notion
In Notion
In Super
In Super

Custom vertical form

By placing a Notion form inside a callout block with a brown background, it will transform into a custom vertical form.

In Notion
In Notion
In Super
In Super

Circular link icons

By placing a list database inside a callout block with a brown background, it will transform into a series of small clickable circular icons.

In Notion
In Notion
In Super
In Super

Making database items link to external sites

To make a database item link to an external website,

  • Go to site options and disable ‘Database properties’
  • Create a URL property called ‘super:Link’
  • Provide a URL
  • Ensure the database item does not have any content inside it’s page.