Tilda installation
Tilda Website Testimonials with HTML Blocks
Tilda takes outside code through block T123, called Embed HTML code, in the Other category of the Block Library. Paste the StoryProof lines into it, save, and publish. Do not panic when the editor shows your code as text: Tilda only runs embedded code on the published page, so that is where you check it.
- The lines for a T123 block, ready to paste
- A split for pages with more than one widget
- Why the check happens after Publish, not in Preview
Tilda code builder
What goes in each T123 block
Type your widget id. A page with one widget needs Block A only. When a page carries two widgets, use Block B for the higher one and Block A for the lowest, so the single script line sits below every div.
Part 1 · Block A: the only (or lowest) widget on the page
Block Library › Other › T123 Embed HTML code › Content
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Block B: any widget placed higher on the same page
A second T123 block, above Block A
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Click Save and close, then Publish. Open the live URL (not the editor or preview) and scroll to the block. If you see the raw lines as text there, the page has not been republished yet.
The code is put together in your browser. The widget id is not sent anywhere.
The problem, solved
Where Tilda sites trip up, and what StoryProof changes
- Problem 1
My code shows up as text in the editor
Tilda displays embedded code as plain text while you edit and preview, which makes a working embed look broken.
How StoryProof solves it
Nothing is wrong with the two StoryProof lines. Publish the page and judge the widget on the live URL, where the div and script run.
- Problem 2
Retyping quotes into Tilda text blocks
Tilda’s testimonial style blocks are filled by hand, so each new quote means another edit and another publish.
How StoryProof solves it
The T123 block holds a StoryProof widget, and you pick which approved testimonials it shows inside StoryProof rather than in the Tilda editor.
- Problem 3
Two widgets on one landing page
Pasting the full snippet into every block loads the same script more than once on a long page.
How StoryProof solves it
One copy of embed.js fills every StoryProof div on a page, so only the lowest T123 block needs the script line.
- Problem 4
Clients want video, not just quotes
A Tilda video block needs a hosted file or a link for every clip you add.
How StoryProof solves it
Customers record a video, an audio note or a written review through one StoryProof link in their browser, and the widget plays what you approve.
- Problem 5
The widget must match a designed page
Tilda pages are often carefully art directed, and a generic slider can clash with the grid.
How StoryProof solves it
Choose the layout that suits the section, from a wall or carousel to a compact badge or avatar strip.
In StoryProof
Install it on a Tilda page
Step 1 of 4
Prepare the widget
In StoryProof, add approved testimonials to the widget and pick a layout that suits the width of a Tilda block.
Step 2 of 4
Add block T123
In the Tilda page editor, open the Block Library, choose the Other category and add T123, Embed HTML code. Typing T123 into the library search finds it too. Drag it to sit where testimonials belong.
Step 3 of 4
Paste and save
Open the block’s Content panel, paste Block A from the builder above, and click Save and close. For a second widget higher on the page, paste only the div into its own T123 block.
Step 4 of 4
Publish, then look
Click Publish and open the published address. Tilda runs embedded code only there, so this is the first point at which the widget can appear. Check it on a phone width as well.
Which Tilda spot to use
Before you start
Before you rely on it
Steps follow Tilda’s docs as of 2026-11-13
Block names and paths come from Tilda’s help pages read on 2026-11-13. Nobody at StoryProof has run them on a live Tilda project, and Tilda can rename menus.
Plan access is yours to confirm
The Tilda pages we read describe the T123 block but not which plan publishes it. Check your plan before building a page around it.
Tilda support stays out of custom code
Tilda says its support team does not advise on code you add yourself, so an embed problem is not one to raise with Tilda.
No native Tilda app
StoryProof has no Tilda block or app. The install is the two line embed in an HTML block, nothing more.
Badge on lower plans
A small "Powered by StoryProof" badge shows under the widget until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Why does Preview still show my code as text?
Tilda shows embedded code as text in both edit and preview modes. Publish the page and open the live address to see the widget.
Can the script go in the head code for the whole site?
Tilda has a field for head code under Site Settings, More. We suggest keeping the script beside the div in a T123 block instead, so it loads after the widget markup and only on pages that use it.
Will the widget work on Tilda’s mobile layout?
The T123 block spans the page width, and the widget arranges itself in the space it gets. Check the published page on a phone after every change.
Do I republish Tilda when I add a testimonial?
You choose what the widget shows in StoryProof. Tilda only needs publishing when you change the Tilda page itself, such as moving the block.
Still have a question? Ask the StoryProof team or book a demo.
Fill your Tilda pages with real customer voices
Collect and approve testimonials in StoryProof, then drop one widget into a T123 block.
Sources
- How to Embed HTML code, Tilda Help Center. Checked 2026-11-13.
- How To Add a Script To the Page, Tilda Help Center. Checked 2026-11-13.
- How can I add an external widget to my Tilda site?, Tilda Answers. Checked 2026-11-13.
Last updated 2026-11-13.