SITE123 installation
SITE123 Testimonials with Custom Code
SITE123 keeps custom code behind its premium packages. Once you have one, the script goes in through Settings, Plugins, Add New Custom Code, where you choose one of four positions in the page. The div needs a spot inside the page itself: SITE123’s Text Editor tool on Content, Articles and Blog pages accepts custom code such as HTML. SITE123 does not officially support custom code, so test the published site carefully.
- The script for SITE123’s custom code plugin
- The div for a Content page’s text editor
- What to do on the Free package
SITE123 code
Your two SITE123 snippets
Add the widget id. Snippet 1 is the custom code plugin, loaded on every page. Snippet 2 is the HTML you add through the text editor on the page that should show testimonials.
Part 1 · Snippet 1: custom code plugin, once for the site
Settings › Plugins › Add New › Add New Custom Code › Set the code place: Before closing the body tag
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Snippet 2: the widget spot on a Content page
Page editor › Text Editor tool › Custom Code (HTML)
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Publish the site and open it at its live address. Check that the widget fills in, and that the rest of the page behaves normally, since SITE123 asks you to remove code that breaks the site.
Built locally in your browser; the widget id stays on your device.
The problem, solved
SITE123 sticking points, solved
- Problem 1
The Free package will not take code
SITE123 says the free package cannot connect external plugins or use custom code.
How StoryProof solves it
Until you upgrade, link your menu or a button to your StoryProof Wall of Love, a hosted testimonials page that every StoryProof plan includes.
- Problem 2
The code tool is site wide only
The custom code plugin offers four places in the head or body, but nothing inside a page section.
How StoryProof solves it
Use the plugin for the script alone. One embed.js load fills every StoryProof div on a page, so it can safely sit on every page.
- Problem 3
Quotes retyped into the text editor
Typed testimonials are easy to add once and then forgotten for years.
How StoryProof solves it
The text editor holds a single div, and you change which approved testimonials it shows in StoryProof, not in SITE123.
- Problem 4
Customers have no way to send praise
A SITE123 contact form can take a message but not a recorded video or a moderated review.
How StoryProof solves it
Link your StoryProof collection page from the site, or print it as a QR code for your counter or invoices.
In StoryProof
Install it on SITE123
Step 1 of 3
Add the script as a plugin
In the editor, open Settings, then Plugins, then Add New and Add New Custom Code. Name it StoryProof, set Enable to Yes, choose Before closing the body tag under Set the code place, paste Snippet 1 with its HTML tag intact, and save.
Step 2 of 3
Place the div on a Content page
Open a Content, Articles or Blog page, where SITE123’s Text Editor tool is available, and add custom code at the spot where testimonials belong. Paste Snippet 2.
Step 3 of 3
Publish and check the live site
Publish, then open the live address in a private window. The widget should appear where the div sits. If the page misbehaves, switch the plugin’s Enable setting to No and look at the browser console.
SITE123 code places for the script
The custom code plugin offers four positions. For StoryProof, only the last one is a natural fit.
Before you start
Read before installing
SITE123 docs as of 2026-11-13
The Plugins path, the four positions and the free package rule come from SITE123’s support articles read on 2026-11-13. They have not been followed on a live SITE123 site.
In page HTML details are thin
SITE123’s text editor article says it can add custom code such as HTML on Content, Articles and Blog pages, but does not show the exact control or say whether scripts run there. That is why the script lives in the plugin.
Custom code is unsupported by SITE123
SITE123 says custom code is not officially supported and must be removed if it affects the site. The plugin’s Enable switch makes that quick.
No SITE123 app
StoryProof does not appear in SITE123’s App Market. The install is the div and script only.
Badge until a higher plan
Widgets show a small "Powered by StoryProof" badge until Pro.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I put both lines in the custom code plugin?
You could, but the plugin places code in the same position on every page, so the widget would sit at the bottom of each page rather than in a section you chose.
Does the plugin code run in the SITE123 preview?
SITE123’s article does not say. Judge the result on the published site, which is the version your visitors see.
What if my page type has no text editor?
Add a Content page for testimonials and place the div there, or link to your StoryProof Wall of Love from the menu with an external link.
Can I turn the widget off without deleting anything?
Set the custom code plugin’s Enable option to No. The div stays in place but nothing fills it.
Still have a question? Ask the StoryProof team or book a demo.
Turn your SITE123 site into proof
Collect and approve testimonials in StoryProof, then add one plugin and one div.
Sources
- Add Plugins and Custom Code, SITE123 Support. Checked 2026-11-13.
- Can I add plugins with the Free Package?, SITE123 Support. Checked 2026-11-13.
- The Text Editor Tool, SITE123 Support. Checked 2026-11-13.
- Can I upload my own website code to the editor?, SITE123 Support. Checked 2026-11-13.
Last updated 2026-11-13.