Skip to main content

Understanding Super Properties

Super Properties let you manage and customize your Super site directly from Notion, including SEO, links, and page behavior.

Charlene avatar
Written by Charlene
Updated this week

Super Properties are a collection of features that allow you to manage and customize key aspects of your Super site directly from Notion. They allow you to manage behavior, navigation, and SEO metadata without touching any code, making them especially powerful for content-driven sites.

Super Database Properties

Super database properties allow you to use custom Notion properties to control the behavior and metadata of individual database items on your Super site. This is especially useful if you want to manage SEO settings, such as page titles, descriptions, and social preview images, directly from Notion.

By using these properties correctly, each database item can function like a fully optimized webpage.


How to Use Super Database Properties in Notion

To start using Super database properties, follow these steps:

  1. Create a new property
    Add a new property to your Notion database.

  2. Select the correct property type
    Each Super property requires a specific Notion property type (e.g., Text, URL, Checkbox).

  3. Name the property exactly
    Property names must match Super’s required naming format. Even small typos can prevent them from working.

  4. Ensure visibility
    The property must be visible in the database view. Hidden properties will not be recognized by Super.

Property Name

Property Type

Function

super:link

URL

Turns database items into clickable links

super:slug

Text

Defines the page path (e.g. how-to-create-a-website-with-super)

meta:title

Text

Sets the page title used for SEO

meta:description

Text

Sets the meta description for search engines

meta:image

File

Defines the social media preview image

meta:author

Person

Specifies the page author

meta:canonical

URL

Indicates the preferred version of a page for SEO

super:noclick

Checkbox

Prevents any action when the database item is clicked

super:function

Text

Executes a vanilla JavaScript function when clicked (e.g. () => console.log('Item clicked'))

It’s essential to make sure these properties are visible in the database view for them to work correctly.

To do this, click the three dots in the top-right corner of the database, select Properties, and make sure the relevant properties are enabled.

These properties will remain hidden on your Super site, but must be visible in Notion for Super to recognize and apply them correctly.

Did this answer your question?