Systeme.io installation
Systeme.io Testimonials With Raw HTML Blocks
Systeme.io gives each funnel page two places for your own code: a Raw HTML element you drag into the body, and a footer box under the page’s Tracking settings. Drop the StoryProof div where buyers should read the proof, let the footer carry the script, and check the published URL, because Raw HTML stays blank in Preview.
- Div for the Raw HTML element
- Script for the page footer tracking box
- Which page types refuse Raw HTML
Code for systeme.io
Where each line goes in the systeme.io editor
Type your widget id and copy each part. Systeme.io asks you not to paste html, head, body or footer tags into its code boxes, and the StoryProof embed contains none of them.
Part 1 · A Raw HTML element in the page body
Funnel › page › Edit page › drag Raw HTML onto the page › Edit code
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 2 · The footer tracking box for this page
Edit page › Settings (upper left) › Tracking › footer code
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Or both lines together in one Raw HTML element
Same Raw HTML element, if you prefer one paste per page
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Save the page, then open the published funnel URL in a private window. Raw HTML does not appear in systeme.io Preview, so an empty Preview tells you nothing.
Your widget id is only placed into the code shown here. Nothing is stored.
The problem, solved
What goes wrong on systeme.io funnels, and the StoryProof side of the fix
- Problem 1
Preview shows an empty gap
Systeme.io only renders Raw HTML on the live page, so people assume the code failed and start pasting it again.
How StoryProof solves it
The StoryProof embed is a div with your widget id and one async script, so the only test that counts is the published URL, and there is nothing else to configure.
- Problem 2
Same script pasted into every funnel step
Sales page, order form and upsell each get a full copy, and nobody remembers which step holds which version.
How StoryProof solves it
Load embed.js once on a page and it fills every StoryProof div there, so a sales page with three proof blocks still needs only one script line.
- Problem 3
Order form proof should differ from sales page
The order form visitor has already decided; long stories there slow the payment step down.
How StoryProof solves it
Create a short widget for the order form and a fuller one for the sales page, each holding only the approved testimonials you pick.
- Problem 4
Students never reply to my feedback email
A plain email asking for a few words gets ignored, and the sales page keeps the same three quotes for a year.
How StoryProof solves it
Send one collection link where students record a video, leave an audio note or type a review. From Pro, reminders go out on a schedule and stop once someone responds.
- Problem 5
My info page has no Raw HTML
Systeme.io leaves the Raw HTML element out of info pages, so the widget cannot sit there at all.
How StoryProof solves it
Put a button on the info page that opens your Wall of Love, the hosted page of approved testimonials that comes with every plan.
In StoryProof
Add the widget to a systeme.io funnel page
Step 1 of 4
Decide which step of the funnel needs proof
Pick the page and pick the testimonials for it. Buyers on an order form need reassurance about the purchase, not a full story.
Step 2 of 4
Paste the script in the page footer
Open the page with Edit page, click Settings in the upper left, scroll to Tracking and paste the script line into the footer box. Systeme.io describes the footer as the place for code that works on the page content.
Step 3 of 4
Drag in a Raw HTML element
Drop it where the proof belongs, click it, choose Edit code in the left panel, paste the div and click Save.
Step 4 of 4
Check the live funnel URL
Open the published page in a private window. Do the same for each funnel step you added a div to.
The three systeme.io code spots compared
Before you start
Limits on systeme.io
Info pages are out
Raw HTML is not offered on info pages. Link to your Wall of Love from those pages instead.
No systeme.io app
StoryProof is installed with pasted code. There is no StoryProof app or connector inside systeme.io.
Blog and website pages
The help article read for this guide covers funnel pages. Check the blog and website editors yourself before relying on the same steps there.
No undo after saving
Systeme.io cannot restore the earlier version of a saved page, so duplicate an important page before experimenting.
Based on systeme.io docs, not a trial run
Menu names follow systeme.io help as read on 2026-11-13. Nobody has yet followed them on a live systeme.io account for this guide.
FAQ
Questions people ask
Short answers to what usually comes up next.
Why is my Raw HTML element empty in Preview?
Systeme.io only shows Raw HTML on the published page. Open the live funnel URL to see the widget.
Can the script go in the account-wide tracking code?
Systeme.io does not say whether that box lands in the head or the footer. The page footer box is documented for code that works on page content, so it is the safer home.
Do I need a paid systeme.io plan for Raw HTML?
The systeme.io article read for this guide does not tie Raw HTML to a plan. Check your editor; if the element is listed, you can use it.
Can I show audio and video testimonials?
Yes. Customers can answer your collection link with a video, an audio note or text, and approved ones appear in the widget you choose.
Still have a question? Ask the StoryProof team or book a demo.
Put real buyer stories on your funnel
Collect testimonials with one link and paste a widget into your systeme.io sales page.
Sources
- Is it possible to insert HTML, CSS or JS code?, systeme.io Help. Checked 2026-11-13.
- How to create a custom page using systeme.io, systeme.io Help. Checked 2026-11-13.
Last updated 2026-11-13.