Widgets & Embedding

Embedding overview

Put a live wall of approved testimonials on any website with one line of code.

Collecting testimonials is half the job. The other half is showing them where they change minds: your landing page, your pricing page, your checkout. The Kudoso widget does that.

How the widget works#

The widget is a small script. You drop a div where you want testimonials to appear and include the script once. On load, it fetches your approved testimonials for that campaign and renders them, styled to your brand.

It updates itself: approve a new testimonial in the dashboard and it shows up on your site the next time the page loads. No redeploy, no copy-paste.

The fastest path: the studio#

You do not have to write any attributes. Open Widgets in the dashboard, build a widget visually in the studio, and copy a one-line snippet that references a saved widget by ID:

html
1<div data-kudoso-widget="YOUR_WIDGET_ID"></div>
2<script async src="https://kudoso.io/embed.js"></script>

The widget's type, style, and testimonial selection live on our servers, so you can restyle it later without touching your page. For a full multi-block page, build a Wall of Love and embed it as an iframe.

The campaign embed snippet#

If you prefer to configure everything inline, point the widget straight at a campaign and set data- attributes yourself:

html
1<div data-testimonial-campaign="YOUR_CAMPAIGN_ID"></div>
2<script src="https://kudoso.io/embed.js" async></script>
1

Get your campaign ID

Open the campaign in the dashboard. Its ID is shown with the embed code, ready to copy.

2

Place the div

Put the div exactly where you want the testimonial wall to appear in your page.

3

Include the script once

Add the script tag anywhere on the page. If you show multiple walls on one page, you still only need the script once.

Works anywhere#

Because it is plain HTML and JavaScript, the snippet works on virtually any site: Webflow, Framer, WordPress, Shopify, a hand-written static site, or a custom app. Wherever you can paste an HTML block, you can embed Kudoso.

Tip

Building a React or Next.js app? Use the @kudoso/react package instead of the script. It renders the same wall as a native component.

Only approved testimonials show#

The widget only ever receives testimonials you have approved. Pending and rejected ones never leave your dashboard. See Reviewing testimonials.

Next steps#