Yola Sitebuilder installation
Yola Website Testimonials with HTML Widgets
In Yola’s current Sitebuilder, code lives in an HTML widget that you drop into a Custom block, and site wide code goes under Settings, Custom Code. Yola does not run that code while you edit, so the widget only shows in Preview or on the published site. Its help pages also put custom code outside the free plan, so check your plan before you start.
- Both lines for an HTML widget in a Custom block
- The script for Settings, Custom Code
- A plan check before you paste anything
Sitebuilder code
Code for Yola’s Sitebuilder
Add your widget id. Box 1 holds both lines and suits a single widget. If several pages carry widgets, put Box 2 in Custom Code once and Box 3 in each HTML widget. Free plan sites use Box 4 instead.
Part 1 · Box 1: one HTML widget with both lines
Add block › Custom block › Add widget › HTML › </> Custom HTML
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Box 2: the script once, site wide
Main menu › Settings › Custom Code
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Box 3: the div in each HTML widget
Custom block › HTML widget › </> Custom HTML
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 4 · Box 4: free plan, a button instead
Any block with a button › link
Button label: Hear from our customers
Link: [your StoryProof Wall of Love link]Open Preview or the published site; the editor will not run the code. Scroll to the Custom block and confirm the testimonials load at both phone and desktop width.
Built locally in your browser. The widget id you type is not stored.
The problem, solved
Yola and testimonials: common snags, StoryProof fixes
- Problem 1
The HTML widget is empty in the editor
Yola’s help says custom HTML is not executed while you work in the Sitebuilder, so a blank box is expected.
How StoryProof solves it
Check in Preview instead. The StoryProof div and script are all the widget needs, and both run once Yola renders the page.
- Problem 2
I am on the free Yola plan
Yola’s free plan article lists custom code editing and the HTML block among features it leaves out, so the widget cannot go on the page.
How StoryProof solves it
Link a button to the hosted Wall of Love that every StoryProof plan includes. It needs no code on the Yola side.
- Problem 3
The block’s columns squeeze the widget
A Custom block can hold several widgets side by side, leaving a narrow column for testimonials.
How StoryProof solves it
Give the HTML widget its own row, or choose a narrow layout in StoryProof such as a list or a single featured review.
- Problem 4
Typed quotes in text widgets age badly
Quotes pasted into text widgets need a Yola edit and republish each time you want a fresher one.
How StoryProof solves it
Choose which approved testimonials the widget shows in StoryProof rather than retyping text in Yola.
In StoryProof
Add the widget to a Yola site
Step 1 of 4
Add a Custom block
On the page, add a block and choose the Custom block, which is the one that takes widgets.
Step 2 of 4
Insert the HTML widget
Click the yellow Add widget button to open the Widget library, then pick the HTML widget to place it in the block.
Step 3 of 4
Paste the StoryProof lines
Click the HTML widget to show its controls, open the </> Custom HTML window and paste Box 1. Save the window.
Step 4 of 4
Preview, then publish
Use Preview to see the testimonials render, then publish. For more widgets later, move the script to Settings, Custom Code and keep only divs in each HTML widget.
Before you start
Yola limits
Steps follow the docs as of 2026-11-14
Yola’s help center blocked direct reading, so menu names come from its search listings for the HTML widget, Custom Code and free plan articles on 2026-11-14. No one has followed them on a live Yola site.
Plan rules are not stated consistently
Yola’s plan pages agree the free plan has no custom code, but differ on which paid tier first includes the HTML block. Check your plan in Yola before relying on it.
Two Yola editors exist
Yola keeps a separate help center for its Classic Sitebuilder with different steps. These steps are for the current Sitebuilder only.
Yola does not promise future support for code
Yola’s own help warns that custom code that works now may stop working later. Recheck the page after major Sitebuilder updates.
StoryProof badge
Widgets carry a "Powered by StoryProof" badge until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
What is the HTML embed block and should I use it?
Yola also lists a premium HTML embed block, which its help ties to its Silver and Gold plans and which checks your code for errors. Either it or the HTML widget can hold the StoryProof lines.
Should the site wide script go in the head?
Yola’s Custom Code help suggests the head when a provider gives no placement. The StoryProof script loads asynchronously, so the head is fine.
Does Yola have a built in testimonials block?
Yola offers designed blocks, but this guide covers showing testimonials you collect and approve in StoryProof, which a static block cannot fetch.
Will my Yola site look different with the widget?
The widget keeps its own styling inside the HTML widget’s space and does not restyle the rest of your Yola theme.
Still have a question? Ask the StoryProof team or book a demo.
Show customer praise on your Yola site
Collect testimonials in StoryProof, approve the good ones, and paste one HTML widget.
Sources
- HTML widget, Yola Help Center. Checked 2026-11-14.
- Adding custom code to your site, Yola Help Center. Checked 2026-11-14.
- HTML embed block, Yola Help Center. Checked 2026-11-14.
- Yola Free plan, Yola Help Center. Checked 2026-11-14.
Last updated 2026-11-14.