Getting started

Installing

1. Duplicate this template to Notion

The first step in getting started is to duplicate the template content into your own Notion workspace. Click the button below and then click ‘Duplicate’ at the top right.

Duplicate to Notion

2. Create an upgraded site on Super

Next, create a site on Super with the Notion page you just duplicate. Learn how here.

Note: In order to apply a custom template to your site you will need an upgraded site for $16p/m.

3. Apply the custom template

Then, open your new site settings, navigate to the ‘Code’ page and inside the ‘Head’ tab, paste the following snippet:

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

4. Make blog posts a sub-page of ‘posts’

For this template to work as intended, all of your blog posts must be a sub-page of ‘posts’. By default, they will be outside of this page. You can make sure of this in Super via the Pages page. See the video explanation below.

We are working on a feature that will remove this manual task in the near future.

5. Add a Navbar and Footer

Next, head into your site settings and enable a Navbar and Footer, add whatever links you want and customize it to your needs.

6. Enable page properties and Database views

Finally, open your new site settings, navigate to the ‘Options’ page and enable ‘Page properties’ and ‘Database views’–This is to show certain properties such as ‘Written by’ on the blog and allows users to filter your posts.

Updating content

There’s a few things to know about the way content works in this template

image

1. Use the right gallery card size

This template utilizes different sized cards inside gallery databases in Notion for different types of content.

  • Large Galleries: are used for the ‘featured’ post that appears at the top of the homepage
  • Medium Galleries: are used for the ‘all posts’ on the homepage
  • Small galleries: are used for ‘more posts like this’ at the bottom of a page
image

2. Setup your filters correctly

As well as using the right database and card size, make sure databases have the correct filters on.

  • Featured/large card galliers have the featured property checked
  • Small card galleries should have a filter with the same tag as the post it is contained within
image

3. Replace the sign up form with your own

The sign up form featured on the home page is a third-party embedded form created using Tally. Head over there to create your own for free!

Thats it! Then just update the content in Notion.

All of your pages and database content live in the toggle block at the top of the home page.

To learn more about how you can customize this template, view the page below:

Customizing Narrative