Skip to main content
All CollectionsWidgets and Advanced How-to's
How to Do Custom Embeds on the Notion or Super page
How to Do Custom Embeds on the Notion or Super page

This script from our community allows you to run embeds on a Super site where you want them, using the code block in Notion.

Cam Incoll avatar
Written by Cam Incoll
Updated over 7 months ago

3.1 UPDATE — Super-embed is going native!

From 30-April-2024 there is no need to load the super-embed script in the head section of code!

Just add your code to a code block in Notion and prefix it with super-embed: and it will work on the Super site.

  1. Create a code block in Notion by typing /code

  2. Add to the first line: super-embed:

  3. Then add your HTML after that.

When you refresh the page in the Dashboard, Super will find the code block and then load that HTML on the page and run any scripts.

How to do embeds in Super 3.0

While most embeds work by simply embedding the link on the Notion page, some embeds are made of HTML or scripts and need to be loaded differently.

For this purpose, we have this script which was contributed by Dean McPherson from our user community. Thanks Dean! Also this script has been enhanced thanks to the team at Outseta to better execute scripts in the super-embed code blocks.

This script is a very useful and reliable tool that allows you to load embeds on a Super site where you want them, using the code block in Notion.

Step 1—Load the custom embed script in Super

Load this script into the Head section of Code (global or page level)

<script src="https://sites.super.so/snippets/embed.js"></script>

Step 2—Load your HTML or embed code in Notion

The idea is that you can then just use a code block, and pre-fix it with `super-embed:` to automatically insert the contents as HTML.

  1. Create a code block in Notion by typing /code

  2. Add to the first line: super-embed:

  3. Then add your HTML after that.

When you refresh the page in Super, the super-embed script will find the code block and then load that HTML on the page.

If your custom embed also has a script with it and it is not executing reliably, please load the script in the Head section of Code (global or page level as appropriate).

Did this answer your question?