Notion and Super installation
Notion Site Testimonials with Super Code
A Notion page on its own cannot host the StoryProof widget. Notion’s embed block takes a link, not HTML or script code, so the div and script have nowhere to run. If your Notion site is served through Super, it can: on a paid Super plan, a Notion code block that starts with super-embed: is turned into live HTML on the published site. On plain Notion, link to your hosted Wall of Love instead.
- The exact code block text for Super
- What plain Notion can and cannot do
- A link fallback that works on any Notion page
Super code block
Text for a Notion code block on a Super site
Enter the widget id. In the Notion page that Super publishes, type /code to add a code block and paste the text below. The first line must read super-embed: exactly, or Super shows it as an ordinary code sample.
Part 1 · A Notion code block on the page Super publishes
Notion page › /code › paste
super-embed:
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Two widgets on one page: one code block with both divs
Notion page › /code › paste
super-embed:
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<div data-storyproof-widget="SECOND_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Refresh the page in the Super dashboard so it picks up the Notion change, then reload the live Super URL. On notion.site or in the Notion app the block stays a plain code sample; that is expected.
The block text is built in your browser and nothing is stored.
The problem, solved
Notion testimonial dead ends, and the way through
- Problem 1
Notion will not take my embed code
Notion’s embed block asks for a URL that starts with https, not an iframe or a script, so pasted widget code is rejected or shown as text.
How StoryProof solves it
On plain Notion, link to your StoryProof Wall of Love, a hosted page of approved testimonials that every plan includes.
- Problem 2
My site runs on Super, now what
Super can run HTML from a Notion code block, but only when the block begins with the right first line.
How StoryProof solves it
Paste the StoryProof div and async script under a super-embed: first line, and Super renders it on the published page.
- Problem 3
Two widgets on the same Notion page
Separate code blocks each carrying the script means loading it twice on one page.
How StoryProof solves it
A single copy of embed.js fills every StoryProof div on the page, so keep both divs and one script in one block.
- Problem 4
Pasting quotes into toggles by hand
Hand typed quotes in Notion callouts drift out of date and carry no proof of who wrote them.
How StoryProof solves it
Customers submit through StoryProof, you approve, and you choose which testimonials the widget or wall shows.
- Problem 5
Visitors cannot leave praise from Notion
A Notion page has no way to record a video or check a submission before it appears.
How StoryProof solves it
Add a plain link to your StoryProof collection page anywhere in Notion; it works on every Notion page, Super or not.
Which route your Notion site can take
In StoryProof
Add the widget through Super
Step 1 of 4
Fill the widget in StoryProof
Choose which approved testimonials the widget shows and the layout, keeping in mind Notion’s narrow single column.
Step 2 of 4
Add a code block in Notion
On the page Super publishes, type /code where testimonials should appear. Paste the builder text so the first line is super-embed: and the HTML follows below it.
Step 3 of 4
Refresh in Super
Super’s docs say to refresh the page in the Super dashboard. Super then finds the code block, loads its HTML and runs its scripts on the live site.
Step 4 of 4
Check the live Super page
Reload the published URL. Then reach the page from another page of the site through its menu, as well as directly, to make sure the widget loads both ways.
Before you start
What to know first
Plain Notion cannot run it
Per Notion’s help, the embed block takes a link that starts with https, not code. No setting changes that, so the widget needs Super or the Wall of Love link.
Steps follow Super and Notion docs as of 2026-11-13
The super-embed syntax, refresh step and plan details come from Super’s docs and pricing page read on 2026-11-13. They have not been tested on a live Super site.
In page navigation is untested
Super’s docs do not say how scripts behave when a visitor moves between pages without a full reload. Check the widget after clicking through from another page.
No Notion or Super integration
StoryProof is not a Notion integration or a Super add on. The widget is the same div and script used everywhere.
Powered by badge
A small "Powered by StoryProof" badge appears under widgets until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I paste the Wall of Love address into a Notion embed block?
Notion embeds links through its own provider list, and some sites block being framed. StoryProof does not promise the wall loads inside a Notion embed, so a plain link or button is the reliable option.
Does super-embed work on the Free Super plan?
Super’s pricing page lists custom code on paid plans only, and its docs describe super-embed as a paid plan feature.
Why do I see the code as text in Notion?
Notion itself never runs it. Only the Super published version turns the block into HTML, so the Notion app and notion.site will always show the raw text.
Could the script go in Super’s global code instead?
It can, but Super’s global Body code is added at the top of the page, above your divs. Keeping the script in the code block below the div is simpler.
Still have a question? Ask the StoryProof team or book a demo.
Give your Notion site real testimonials
Collect and approve them in StoryProof, then link your Wall of Love or embed through Super.
Sources
- Embeds, Notion Help Center. Checked 2026-11-13.
- How to do custom embeds on the Notion or Super page, Super Docs. Checked 2026-11-13.
- Custom code, Super Docs. Checked 2026-11-13.
- Pricing, Super. Checked 2026-11-13.
Last updated 2026-11-13.