Skip to main content

Ucraft installation

Ucraft Website Testimonials with Custom HTML

Ucraft’s editor has a Custom HTML element in its Elements panel. Drag it onto the page, paste the StoryProof lines into the HTML Code field and click Embed Code. One condition matters more than the steps: Ucraft says the code only goes active once a custom domain is connected to the site. The element also has visibility settings, so you can show one layout to desktop visitors and another on phones.

  • Code for the Custom HTML element
  • A desktop and a mobile variant
  • The custom domain check that comes first
Use the free toolStart free (opens in a new tab)
Ucraft · Version A: one Custom HTML element

Elements › drag Custom HTML onto the page › HTML Code › Embed Code › Save

<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>

2 places to paste in Ucraft. Your widget id goes in once.

Free tool, no sign-upTry it below

Custom HTML element

Code for Ucraft’s Custom HTML element

Enter the id of the widget you want. For one element shown everywhere, use Version A. To show a roomy layout on desktop and a compact one on phones, make two widgets in StoryProof, put each id into Version A in its own element, and set each element’s visibility.

Shown in StoryProof when you copy a widget’s embed code.

Part 1 · Version A: one Custom HTML element

Elements › drag Custom HTML onto the page › HTML Code › Embed Code › Save

<div data-storyproof-widget="YOUR_WIDGET_ID"></div>
<script src="https://app.storyproof.io/embed.js" async></script>

Part 2 · Version B: a site without a custom domain yet

A button or text link on the page

Button:  Read our client stories
Link:    [your StoryProof Wall of Love link]

Save, publish and open the site on its own domain. If you made device specific copies, check on a phone and a laptop that each shows only its own layout.

Assembled in this page from what you type. Nothing is stored or transmitted.

The problem, solved

Ucraft and testimonials: what blocks you and what fixes it

  • Problem 1

    The element is saved but shows nothing

    Ucraft’s help says custom HTML goes active only once a custom domain is connected. On a subdomain it sits idle, whatever the code.

  • Problem 2

    A wall of quotes is endless on phones

    A grid that reads well on a wide screen becomes a long scroll on a small one.

  • Problem 3

    The element is cropped awkwardly

    Ucraft lets you drag crop pointers on the element, which can clip a widget that grows as testimonials load.

  • Problem 4

    Old quotes from an earlier site

    Praise copied from a previous site often has no record of the customer agreeing to it.

In StoryProof

Put the widget on your Ucraft site

Step 1 of 5

Check the domain

Open the site at your own domain. If it only answers on a Ucraft subdomain, connect the domain before going further.

Before you start

Ucraft limits

  • Steps follow the docs as of 2026-11-14

    Element and setting names come from Ucraft’s Custom HTML help article, read on 2026-11-14. Nobody has followed them on a live Ucraft site.

  • Inactive without a custom domain

    Ucraft states the code activates once a custom domain is connected. Free subdomain sites get the link route only.

  • Plan and site wide code not covered

    The article does not name a Ucraft plan or describe site wide head code, so this guide puts both StoryProof lines in each element.

  • Two widgets count as two

    A desktop and mobile split uses two StoryProof widgets, and how many widgets you get depends on your plan. A small badge shows on each until Pro.

FAQ

Questions people ask

Short answers to what usually comes up next.

Can the script be loaded once for the whole Ucraft site?

Ucraft’s Custom HTML article covers only the element. Without a documented site wide field, keep both lines inside each element.

Will a hidden element still load on the other device?

Ucraft’s article describes what the visibility setting shows, not how it loads. Check the page on both devices after publishing.

Can I show different testimonials to members?

Yes, by pairing Ucraft’s Session visibility with a separate StoryProof widget whose testimonials you choose for members.

Does Ucraft have a StoryProof integration?

No. StoryProof is pasted into the Custom HTML element like any embed code.

Still have a question? Ask the StoryProof team or book a demo.

Show client stories on your Ucraft site

Collect and approve testimonials in StoryProof, then drop them into a Custom HTML element.

Start free (opens in a new tab)

Sources

  1. Custom HTML, Ucraft Help Center. Checked 2026-11-14.

Last updated 2026-11-14.