Getting started

Getting started

First time using the Super builder? There's a few things to learn before getting started. Not big on words? Here's a walkthrough video instead.

Key Steps

  1. Duplicate and drag components into the builder so that you don't remove them from the library. (Mac: Hold option (⌥) key while dragging, Windows: Hold crtl key while dragging)
  2. Once you’ve dragged the components into the page area, right click the page item and choose ‘turn into Heading 1’.
  3. Delete the Heading 1 block.

1. Building a page

  1. To get started simply click the 'Create new page' button at the top of the page builder. This will create an empty callout block, the page area callout block. This is where you drag-and-drop components to create your page.
  2. Open the component category toggle blocks on the left hand side of the builder to view the components.
  3. Drag and duplicate a component from the list into the page callout block. Make sure to press the duplicate button on your keyboard whilst dragging so you don't delete the item from the list permanently
    • Mac: Hold option (⌥) key while dragging
    • Windows: Hold alt key while dragging
  4. Drop the component onto the page where you want it to appear. If your page gets long you can also drop the component elsewhere on the page and reposition afterwards
  5. Right click the component page and choose 'Turn into: Heading 1'
  6. Then, you will see the component appear and you can simply delete the Heading 1 block.
💡
Tip: You can also drag and drop multiple components onto the page block and convert them at once by dragging to select them all and following steps 5 and 6 above.

2. Changing the content

  1. Once the components are in place, you can make the page your own
  2. Try replacing images by dragging and dropping or right click an image and choose 'Replace'
  3. You can change or add colors as normal in Notion by selecting a block and choosing text or background colors
  4. Make sure to change links in callout blocks and text. You can do this quickly by triple clicking text and click 'Link' to remove or add a link
  5. Check out our list of free resources to include on your page.
💡
Tip: AI is a very powerful tool and can help a lot with updating your site content. Try Notion AI for writing content and image generation tools like ChatGPT or Midjourney.

3. Saving a page

  1. Once you have finishing building your page give it a title at the top of the page callout block
  2. Then right click the page callout block and choose 'Turn into: page'
  3. Move the page out of the builder into another area your workspace
  4. Next, it's time to add our page to Super and customize it →
💡
Some things to note:
  • In the builder, some components may look squashed on smaller screens or stretched on larger screens but once the content is moved onto its own page it will look great
  • If you replace images, you might need to resize columns to get it to look just right
  • To preview a component before adding it to your site, just click a component in the left hand sidebar
  • A reminder: Do not simply drag components from the sidebar, you must duplicate first or drag whilst holding option on Mac or ctrl on windows. If you do this accidentally you can simply duplicate the builder again to restore lost components.