Sitejet Builder installation
Sitejet Testimonials Using the HTML Element
Sitejet, a builder that agencies and some hosting companies hand to their clients, accepts third party code through an HTML element you drag onto the page. Its help is clear that script tags inside that element are not executed in the builder itself: switch to the live view to see the result. Sitejet also has its own Testimonials element for typed quotes, so the first question is which of the two you need.
- Both lines for a Sitejet HTML element
- Why the builder shows an empty element
- Built in Testimonials element or StoryProof?
HTML element code
Code for a Sitejet HTML element
Enter the widget id from StoryProof. Both lines go in one HTML element; keep them in the order shown so the div exists before the script looks for it.
One HTML element with the div and the script
Builder › drag the HTML element onto the page › paste
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Save, then open the live view. The builder deliberately does not run script tags, so an empty element there is normal. Check the published page on a phone too.
The code is filled in by your browser. Your widget id is not sent or saved.
The problem, solved
Testimonials on Sitejet: choosing and installing
- Problem 1
The HTML element is blank in the builder
Sitejet’s help says JavaScript in an HTML element is not executed in the Website Builder (CMS) and points you to the live view.
How StoryProof solves it
Open the live view. The StoryProof div and async script render there; the editor is not the place to test them.
- Problem 2
The built in element means retyping quotes
A typed testimonials element holds only what someone copies in, with no record of where the words came from.
How StoryProof solves it
Collect testimonials through a StoryProof link, approve them, and choose which ones the embedded widget shows.
- Problem 3
Clients want video and voice, not just text
A text and photo element has nowhere to put a recorded clip or a voice note from a customer.
How StoryProof solves it
Customers record video, an audio note or write a review from one link, and audio plays inside the widget next to video and text.
- Problem 4
I build Sitejet sites for many clients
Keeping each client’s testimonials apart, with the client able to see their own, gets messy in one account.
How StoryProof solves it
StoryProof gives each brand its own space, with a set number of spaces and seats per space on each plan.
Sitejet Testimonials element or a StoryProof widget?
In StoryProof
Embed the widget in Sitejet
Step 1 of 4
Choose the section
Pick a section with enough width for the layout you chose in StoryProof, ideally a full width row.
Step 2 of 4
Drag in an HTML element
Drag and drop the HTML element into that section. Sitejet suggests it for integrating third party modules and tools.
Step 3 of 4
Paste both lines
Paste the div and the script from the recipe above into the element, keeping the div first.
Step 4 of 4
Check in live view
Switch to the live view or open the published site. If the widget is missing there, see the limits below about scripts that load late.
Before you start
Sitejet limits
Steps follow the docs as of 2026-11-14
Sitejet’s help center refused direct reading, so behaviour is taken from its search listing for the custom code article on 2026-11-14. No one has tried these steps on a live Sitejet site.
Scripts that depend on each other
Sitejet warns that a tool whose second script uses a first, lazily loaded script may fail. The StoryProof embed is a single script, so this should not apply, but it is the first thing to rule out.
Element ids are fixed
Sitejet assigns its own ids to elements and does not let you change the id of a div. The StoryProof div uses a data attribute, not an id, so it is unaffected.
Your host may limit features
Sitejet is often supplied through a hosting company or agency, which can shape what your account allows. Ask them if the HTML element is missing.
Badge on lower StoryProof plans
Widgets show a small "Powered by StoryProof" badge until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I use Sitejet’s code editor instead of the element?
Sitejet mentions editing code directly as the other way to insert HTML. The HTML element is easier to place and move, so this guide uses it.
Will the widget follow my Sitejet styles?
The widget keeps its own styling. Sitejet’s SCSS editor styles Sitejet elements, not the content the StoryProof script draws.
Can my client manage their own testimonials?
Yes, if you invite them as a seat in their brand’s StoryProof space. Seats per space depend on the plan.
Does StoryProof sync with Sitejet’s Testimonials element?
No. The two are separate. StoryProof lives in the HTML element and does not read or fill Sitejet’s own element.
Still have a question? Ask the StoryProof team or book a demo.
Give your Sitejet sites real testimonials
Collect, approve and embed them with one HTML element per page.
Sources
- Use custom HTML, CSS and JavaScript code, Sitejet Help Center. Checked 2026-11-14.
- How to Add a Testimonials Section (Sitejet), dotCanada Knowledge Base. Checked 2026-11-14.
Last updated 2026-11-14.