Umso installation
Umso Testimonials Using Custom Code Sections
Umso builds startup sites from sections, and one of them is a Custom Code section you fill with your own HTML. That is where the widget goes. If testimonials appear on several pages, or your site uses Umso’s cookie banner with Prior Blocking, the script moves to Header Code instead.
- Code for a Custom Code section
- A Header Code line for sites with several widgets
- A consent ready version for Prior Blocking
Umso code
Pick the version for your site
Enter the widget id. For one widget on one page, paste Part 1 into a Custom Code section and stop there. For widgets on several pages, put only divs in the sections and Part 2 in Header Code. If Prior Blocking is on, use Part 3 in Header Code instead of Part 2.
Part 1 · Custom Code section, single widget
Editor › add section › Code › paste into the custom code section
<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>Part 2 · Header Code, for widgets on several pages
Site Settings › General › Custom Site Code
<script src="https://app.storyproof.io/embed.js" async></script>Part 3 · Header Code when Prior Blocking is on
Site Settings › General › Custom Site Code
<!-- Header Code version for sites with Umso's cookie banner and Prior Blocking on.
Pick the category your own privacy setup assigns; "functionality" is an example. -->
<script type="text/plain" data-cs-category="functionality" src="https://app.storyproof.io/embed.js" async></script>Umso warns that some JavaScript does not show in the editor and that Header Code is left out of the live editor preview. Publish, then check the live site.
Nothing here is uploaded. The id is placed into the code in your browser only.
The problem, solved
Putting customer proof on an Umso site
- Problem 1
Umso’s quote sections are hand typed
Built in testimonial sections hold whatever you type. There is no approval step, no video and no way to tell which quotes are current.
How StoryProof solves it
A Custom Code section holds the StoryProof embed, and the widget shows only testimonials you approved and chose for it.
- Problem 2
Proof on home, pricing and signup pages
Pasting the full snippet into three sections on three pages repeats the script and makes later edits messy.
How StoryProof solves it
Load embed.js once from Header Code, which Umso adds to every page, and leave only a div in each Custom Code section.
- Problem 3
Cookie banner blocks my header script
With Prior Blocking on, Umso holds header scripts until they are tagged with a consent category, so an untagged script never runs.
How StoryProof solves it
Use the tagged Part 3 line, which follows the format Umso documents. The embed itself is still the same div and script.
- Problem 4
Early customers, no testimonials yet
A young startup has happy users but nothing written down, and asking for a polished quote feels like a big favour.
How StoryProof solves it
Send your collection link: users record a short video, leave an audio note or type a few lines in the browser, with no app to install.
In StoryProof
Install it on Umso
Step 1 of 5
Set up the widget
In StoryProof, approve testimonials, pick the ones for this page and a layout that suits a full width section.
Step 2 of 5
Add a Custom Code section
In the editor, add a section and choose Code. Give it a heading like any other section, then paste Part 1, or only the div if the script lives in Header Code.
Step 3 of 5
Move the script for multi page use
Open Site Settings, then General, then Custom Site Code, and paste Part 2. Umso places that code in the head of every page.
Step 4 of 5
Adjust for Prior Blocking
If the cookie banner has Prior Blocking switched on, replace Part 2 with the tagged Part 3 line in Custom Site Code.
Step 5 of 5
Publish and check
Publish the site and open it in a private window. With the cookie banner on, accept the matching category and confirm the widget fills.
Before you start
Umso limits
Paid plan for code
Umso’s pricing shows Custom Code on Basic and above, not on Free. A site on the Free plan cannot add the section.
No preview while editing
Umso says some JavaScript and iframes do not appear in the editor, and Header Code is not part of the live editor preview.
Consent category is your call
StoryProof has not published which consent category its widget belongs to. Choose the category with whoever owns your privacy policy; "functionality" in Part 3 is only an example.
Custom code is self supported
Umso says it cannot fully support specific custom code. There is no Umso integration for StoryProof either, and widgets show a "Powered by StoryProof" badge until Pro.
Umso help as of 2026-11-13
Menu names and plan details follow Umso’s help center and pricing as read on 2026-11-13. These steps have not yet been run on a live Umso site.
FAQ
Questions people ask
Short answers to what usually comes up next.
Can I add a heading above the widget inside Umso?
Yes. The Custom Code section takes a title like other Umso sections, so the heading can sit in Umso and the widget below it.
Does the widget need Umso’s cookie banner?
No. The banner only matters if you have switched on Prior Blocking. Without it, Part 1 or Part 2 work as they are.
Will Header Code load the widget on pages without a div?
The script loads on every page, but it only has something to fill where a StoryProof div exists. Pages without one simply show nothing extra.
Can I centre the widget in its section?
Umso’s own custom code examples wrap embeds in a div with flexbox centring. The same wrapper can go around the StoryProof div.
Still have a question? Ask the StoryProof team or book a demo.
Get proof onto your Umso site
Collect, approve and paste one Custom Code section.
Sources
- Custom Code Section, Umso Help Center. Checked 2026-11-13.
- Header Code / Custom Site Code, Umso Help Center. Checked 2026-11-13.
- Custom Code Examples, Umso Help Center. Checked 2026-11-13.
- Cookie Banner, Umso Help Center. Checked 2026-11-13.
- Umso plans (pricing on the home page), Umso. Checked 2026-11-13.
Last updated 2026-11-13.