Super properties are a set of features that allow you control and configure certain aspects of your Super site from Notion.
Super database properties
Super database properties allow you to use custom properties to control the behaviour and meta data of a Notion database item. This is great for people who want to control SEO settings via Notion.
To utilize the Super database properties in Notion, follow these steps:
- Create a New Property: Start by adding a new property within your Notion database.
- Select the Property Type: Choose the appropriate property type that suits your needs.
- Name the Property Correctly: Ensure that the property name is accurately written.
- Visibility Settings: Most importantly, confirm that the property is visible in the database view.
Property | Type | Function |
super:link | url | Turn database items into clickable links |
super:slug | text | Used as the page path e.g. “how-to-create-a-website-with-super” |
meta:title | text | Used as the page title |
meta:description | text | Used as the page description |
meta:image | file | Used as the page preview image when the website is shared on social media. |
meta:author | person | Used as the page author |
meta:canonical | url | Used to indicate the preferred version of a page when multiple versions are available. |
super:noclick | checkbox | Database item will do nothing when clicked |
super:function | text | Will execute a vanilla Javascript function when DB item is clicked. e.g. () => console.log('Item clicked') |
It’s crucial to ensure that these properties are visible on the database view. To do this, click the three dots on at the top right of the database, choose ‘properties’ and make sure they are visible. They will be hidden on your Super site.
Users with a Pro tier site can use further enhancements on the super:slug property by defining the entire path by starting the property value with a forward slash. E.g. ‘/blog/super-website-builder’.
Super media properties
To use the Super media properties, simply include a caption below the relevant media type and include the property name. The property name can either be the entire caption, or at the end of the caption.
Property | Type | Function |
super{{ eager }} | caption | Can be used to make images load eagerly instead of lazily when included as the image caption. Can be placed at the end of an image caption e.g. “Image of a mountain super{{ eager }}” |
super{{ autoplay }} | caption | Can be used to make videos autoplay when included in the video caption. Can be placed at the end of a video caption e.g. “Video of a car driving super{{ autoplay }}” |
Custom database variables
Super allows you to create custom database variables, enabling you to seamlessly incorporate content from a list of properties into your database items' page content.
For instance, you can create a text property named super:Var:Brand with the value set to ‘Super’.
Then, anywhere within the database page, you can use {{super:Var:Brand*}} (without the asterisk*), and it will automatically be replaced with the text ‘Super’. You can customize the property name by replacing ‘Brand’ with any term that suits your needs.
