Webnode installation
Webnode Testimonials with HTML Elements
On Webnode, whether you can embed a widget at all depends on your package. Adding HTML to a page body is a premium feature, and site wide header code needs Standard, Profi or Business. Check that first, then pick the route below that your package allows.
- Code for the HTML content option
- Header code for pages with several widgets
- What to do on a free Webnode site
Code generator
Code for a Webnode site
Enter the widget id. On a premium package, Part 1 in an HTML block is enough for one widget. Pages with two or more widgets can load the script from the header instead (Part 2 or Part 3) and give each HTML block Part 4.
Part 1 · One widget: HTML content in a section
Hover a section › (+) › more options circle › HTML
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Header of every page (Standard, Profi or Business)
Settings › Website Settings › HTML header/footer
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Header of one page only
Pages › select page › SEO page settings › Custom HTML header code
<script src="https://app.storyproof.io/embed.js" async></script>Part 4 · Each HTML block when the script is in a header
Hover a section › (+) › more options circle › HTML
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Publish the changes. Webnode shows HTML only on the published site, never in the editor, so check the live page in a private window.
The code is built in your browser. Nothing you type leaves it.
The problem, solved
Testimonials on Webnode: the blockers and the StoryProof answer
- Problem 1
There is no HTML option for me
Webnode makes HTML in the page body a premium feature for projects created after 26 June 2023, so a free project has nowhere to paste a widget.
How StoryProof solves it
Link a button or menu item to your StoryProof Wall of Love, a hosted page of your approved testimonials that every plan includes.
- Problem 2
I pasted it and see nothing
The Webnode editor never renders added HTML, which looks exactly like a failed embed.
How StoryProof solves it
Publish, then judge the two line StoryProof embed on the live page, where the script fills the div.
- Problem 3
Several widgets on my homepage
Pasting the full snippet into three HTML blocks on one page loads the script three times.
How StoryProof solves it
Put the script in the page or site header once. It fills every StoryProof div on the page, so the blocks need only their divs.
- Problem 4
Same reviews for every service
One block of quotes repeated across service pages tells a visitor nothing about the service in front of them.
How StoryProof solves it
Build one widget per service with the testimonials you choose and a layout to match the section.
- Problem 5
How do clients send me one?
Webnode forms collect text, not a moderated testimonial with video.
How StoryProof solves it
Share your StoryProof collection link by hand or print it as a QR code for your shop or business card.
In StoryProof
Install it on Webnode
Step 1 of 5
Check your package
Look up your project’s package in Webnode. If it is free, skip to the Wall of Love route in the table below.
Step 2 of 5
Prepare the widget
In StoryProof, choose the approved testimonials and a layout that suits the section width.
Step 3 of 5
Add an HTML block
Hover over the section where testimonials belong until the plus button appears, click it, click the circle for more options, then choose HTML.
Step 4 of 5
Paste the code
Paste Part 1, or Part 4 if the script is already in a header. The editor will not show the result.
Step 5 of 5
Publish and check
Publish the changes and open the live page in a private window, on a phone and a laptop.
What your Webnode package allows
From Webnode’s help center as read on 2026-11-13.
Before you start
Webnode limits
Package gates the embed
Without a premium package there is no body HTML, and the widget cannot sit on the page. The Wall of Love link is the honest alternative.
Cookie rules are yours to decide
Webnode offers tags that run HTML only after a visitor accepts a cookie category. StoryProof makes no statement here about what the widget stores, so decide with your own cookie policy whether to wrap it.
Older projects
Webnode’s package rules are stated for projects created after 26 June 2023. Projects from before that date may show different options.
Not a Webnode widget
StoryProof is embed code, not one of Webnode’s own widgets. It shows a "Powered by StoryProof" badge until Pro.
Webnode help as of 2026-11-13
Steps follow the Webnode support center as read on 2026-11-13. Nobody has followed them on a live Webnode site yet.
FAQ
Questions people ask
Short answers to what usually comes up next.
Which Webnode package do I need?
Webnode says body HTML is available with any premium package and header code needs Standard, Profi or Business. Check Webnode’s current package page before upgrading for this.
Can I put the whole snippet in the header?
No. The div must sit where the widget should appear, so it goes in an HTML block. Only the script can move to the header.
Will the widget work on a Webnode e-shop?
Webnode’s HTML article does not treat e-shops separately, and this guide has only followed its website instructions. Add the block to one product page and check it live before rolling it out.
Is the Wall of Love on my own domain?
It is a hosted StoryProof page with its own link. You link to it from your Webnode menu or a button.
Still have a question? Ask the StoryProof team or book a demo.
Show real client praise on your Webnode site
Collect and approve testimonials in StoryProof, then embed them or link your Wall of Love.
Sources
- How to Add HTML Code, Webnode Support. Checked 2026-11-13.
- How to Add HTML Code into the Site Header, Webnode Support. Checked 2026-11-13.
- How to restrict HTML code according to cookie settings, Webnode Support. Checked 2026-11-13.
Last updated 2026-11-13.