Zoho Sites installation
Zoho Sites Testimonials Using Code Snippets
Zoho Sites takes third-party code through its Code Snippet element, and it keeps each snippet in a central list you can edit later. One quirk shapes the whole install: Zoho will not preview a snippet for security reasons, so you only see the widget after you publish.
- Code for a Code Snippet element
- Footer code for sites with many widgets
- Where to edit a snippet after it is placed
Code generator
Code for Zoho Sites
Enter the widget id. A site with one widget needs only Part 1. If widgets will appear on several pages, put Part 2 in the footer code once and give every Code Snippet just Part 3.
Part 1 · One widget: a Code Snippet element
Add › Elements › Code Snippet › name it › paste › OK
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Many widgets: the site footer code
Configurations › Code › Footer Code (classic builder: Customization › Code)
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Many widgets: each Code Snippet element
Add › Elements › Code Snippet
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>Publish the site. Zoho does not preview snippets, so open the live page in a private window to see the widget.
The code is assembled in your browser. Nothing is sent.
The problem, solved
Zoho Sites friction, and what StoryProof does about it
- Problem 1
The editor shows an empty box
Zoho Sites will not preview a code snippet for security reasons, so a correct embed looks broken until you publish.
How StoryProof solves it
Paste the two line StoryProof embed, publish, and judge it on the live page. The editor box is a placeholder, not the result.
- Problem 2
Script pasted into every snippet
A homepage widget, a services widget and a footer badge each carrying the script means three copies on any page that shows two of them.
How StoryProof solves it
Load embed.js once in the footer code. A single copy fills every StoryProof div on the page, so each snippet holds only its div.
- Problem 3
The same quotes everywhere
A single block of praise on every page ignores what the visitor on that page came for.
How StoryProof solves it
Create a widget per page purpose, each with the approved testimonials you choose and its own layout.
- Problem 4
My customers are already in Zoho
Copying every customer into yet another tool by hand is the step that stops review requests going out.
How StoryProof solves it
Add the people you want to ask as StoryProof contacts and send requests by email. StoryProof does not connect to Zoho CRM, so moving contacts across is up to you.
In StoryProof
Install it in Zoho Sites
Step 1 of 5
Prepare the widget
In StoryProof, pick the approved testimonials and a layout that fits the section width you plan to use.
Step 2 of 5
Decide: one widget or several
One widget on one page uses Part 1 alone. Widgets on several pages use the footer code route so the script loads once per page.
Step 3 of 5
Add the footer code if needed
In the current builder open Configurations, Code, choose the Footer Code tab, paste Part 2 and Save. In the classic builder the same setting sits under Customization, Code.
Step 4 of 5
Drop in a Code Snippet
Click the Add icon at the top of the builder, choose Elements, drag Code Snippet onto the page, name it, paste the code and click OK.
Step 5 of 5
Publish and check live
Publish the site and load the page in a private window, on a phone as well as a laptop.
Before you start
Zoho Sites limits
No preview, ever
Zoho’s help says snippets cannot be previewed for security reasons. Budget a publish and check cycle for every change.
Footer code reaches every page
Zoho documents header and footer code as applying to all pages, with no per page option. The script then loads on pages without a widget too.
Two builder generations
Zoho documents header and footer code under Configurations in its current builder and under Customization in the classic one. Follow the menu your account shows.
Embed code, not a Zoho app
StoryProof does not integrate with Zoho Sites or Zoho CRM; it is pasted code. Widgets show a "Powered by StoryProof" badge until Pro.
Zoho help as of 2026-11-13
Menu names follow Zoho Sites help articles as read on 2026-11-13. Nobody has followed these steps on a live Zoho site yet.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I reuse one snippet on several pages?
Zoho keeps every snippet in Manage, Code Snippets. Its help covers editing, renaming and deleting snippets there; add a Code Snippet element on each page where you want a widget.
Does this work on a Zoho Commerce store?
Zoho Commerce documents its own Header and Footer Code setting under Site Settings. This page follows Zoho Sites; check Commerce’s builder for the code element.
Why does Zoho support a Code Snippet if it cannot preview it?
Zoho says the element supports HTML, CSS and JavaScript but withholds the preview for security reasons. The code still runs on the published site.
Can I send review requests by text message?
No. StoryProof sends review requests by email only. You can also share the collection link yourself.
Still have a question? Ask the StoryProof team or book a demo.
Add real testimonials to your Zoho site
Collect and approve them in StoryProof, then paste one Code Snippet and publish.
Sources
- Code Snippets, Zoho Sites Help. Checked 2026-11-13.
- Custom Code Settings, Zoho Sites Help. Checked 2026-11-13.
- Header and Footer Code, Zoho Sites Help. Checked 2026-11-13.
- Header and Footer Code, Zoho Commerce Help. Checked 2026-11-13.
Last updated 2026-11-13.