WebStarts installation
Add Testimonials to a WebStarts Site
WebStarts puts all custom code behind one menu: Add, then Embed Code. The dialog has three tabs, and picking the right one is most of the job. Paste Code drops an element into the page body, View Page Head writes into that page’s head, and View Site Head writes into the head of every page. The StoryProof div belongs in Paste Code; the script can sit in either head tab.
- Which Embed Code tab takes which line
- Script in View Site Head for a multi page install
- A test page routine before touching your homepage
Embed Code dialog
One line per WebStarts tab
Type your widget id. For a single page, the Paste Code tab can take both lines at once. For a site with testimonials on several pages, put the div in Paste Code on each page and the script once in View Site Head.
Part 1 · Single page: both lines as one body element
Editor › Add › Embed Code › Paste Code tab › Insert
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Several pages: the div on each page
Editor › Add › Embed Code › Paste Code tab › Insert
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Part 3 · Several pages: the script once for the site
Editor › Add › Embed Code › View Site Head tab › Insert
<script src="https://app.storyproof.io/embed.js" async></script>Drag the inserted element where you want it, save, publish, and open the live page. The editor canvas is not the place to judge it.
The id you enter is only used to fill the code on this page. It is not sent anywhere.
The problem, solved
WebStarts testimonial snags and their fixes
- Problem 1
I pasted everything in the head tab
Code in View Page Head or View Site Head runs in the background. A div there has no spot on the page, so nothing visible appears.
How StoryProof solves it
Keep the div in the Paste Code tab, which places an element in the page body. Only the script line belongs in a head tab.
- Problem 2
Testimonials on five pages means five scripts
Pasting both lines on every page repeats the same script and makes later edits tedious.
How StoryProof solves it
Put the script once in View Site Head. It then fills every StoryProof div on whichever page loads.
- Problem 3
I am nervous about breaking the homepage
WebStarts’ knowledge base itself recommends trying page level code on a test page before a live page.
How StoryProof solves it
Build the widget on a hidden test page first. StoryProof shows only testimonials you have approved, so the test shows real content safely.
- Problem 4
The element looks oddly sized
Embedded elements in a drag and drop editor take whatever box you drag them into.
How StoryProof solves it
Pick a StoryProof layout that suits the box, such as a slider for a wide strip or a list for a side column.
In StoryProof
Install on WebStarts, step by step
Step 1 of 4
Rehearse on a test page
Create a page you do not link from the menu. Everything below happens there first.
Step 2 of 4
Insert the code
In the editor choose Add, then Embed Code. On the Paste Code tab paste both lines and press Insert.
Step 3 of 4
Position, save and publish
Drag the element into place, save, publish and view the live test page in a private browser window.
Step 4 of 4
Move it to the real page
Repeat the insert on the page visitors see. If testimonials will run on more than one page, use the View Site Head tab for the script and Paste Code for each div.
The three Embed Code tabs
Before you start
WebStarts limits
Steps follow the docs as of 2026-11-14
Menu and tab names come from WebStarts’ knowledge base articles on adding HTML and embedding live streams, read on 2026-11-14. They have not been tried on a live WebStarts site.
Plan requirements are not stated
The knowledge base article on embed code does not say whether any WebStarts plan is needed. If the Embed Code option is missing, ask WebStarts.
Older menu names float around
Old WebStarts blog posts mention an Insert, HTML Code menu, and some guides describe an Edit, Edit HTML route. Use whatever your current editor shows; the Embed Code dialog is the current documented path.
No WebStarts plugin
StoryProof installs as pasted code. There is no WebStarts app or plugin for it.
Badge until a higher plan
A "Powered by StoryProof" badge stays on widgets until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Does the widget show while I am editing?
Judge it on the published page. The WebStarts help articles always end with saving, publishing and checking the live page, and that is the reliable test.
Can I put the script in View Page Head instead of View Site Head?
Yes, if only that one page shows testimonials. Once a second page needs a widget, the site head saves repeating it.
Can I add testimonials to a WebStarts blog post?
WebStarts has announced embed code support in blog posts on its blog. The same div and script apply, but that route is not covered by the knowledge base articles used here.
Will this pull in my reviews from other sites?
No. The widget shows testimonials collected and approved in StoryProof.
Still have a question? Ask the StoryProof team or book a demo.
Bring real testimonials to your WebStarts site
Collect them with one link, approve the best, and paste the code through Add, Embed Code.
Sources
- Editing Or Adding HTML Code To Your Website, WebStarts Knowledge Base. Checked 2026-11-14.
- How To Embed A YouTube or Facebook Live Stream, WebStarts Knowledge Base. Checked 2026-11-14.
- New Feature: Add Embed Code To Blog Posts, WebStarts Blog. Checked 2026-11-14.
Last updated 2026-11-14.