Widgets & Embedding

The widget studio

Build, customize, and save embeddable widgets visually from the dashboard, no code required.

You no longer need to hand-write data- attributes to get a great-looking wall. The Widgets section in the dashboard gives you a visual studio with a live preview, then hands you a one-line embed snippet.

Opening the studio#

In the dashboard sidebar, open Widgets. From here you can:

  • New widget: build a single widget (one layout, one block).
  • New Wall of Love: compose a full page from multiple stacked blocks (see Wall of Love).

The builder opens full-screen with a control rail on the left and a live preview canvas on the right. It needs a desktop-sized screen.

Building a single widget#

  1. 1Pick a source campaign. The widget pulls from that campaign's approved testimonials.
  2. 2Choose a type. Masonry, grid, carousel, list, marquee, spotlight, hero quotes, chat bubbles, floating popup, rating badge, avatar group, or video reel. See Widget types for what each looks like.
  3. 3Select testimonials. Two modes:
    • Auto: filter by minimum rating, text vs video, or featured-only. New testimonials that match appear automatically.
    • Manual: hand-pick exact testimonials and order them yourself.
  4. 4Style it. Theme (light/dark), accent color, columns, marquee speed, and which details show (rating, date, video). Everything updates in the preview instantly.
  5. 5Save. You get a stable embed snippet:
html
1<div data-kudoso-widget="YOUR_WIDGET_ID"></div>
2<script async src="https://kudoso.io/embed.js"></script>

Note

A saved widget keeps its configuration on our servers. Edit it later in the studio and every site that embeds it updates: no need to change the snippet on your page.

Adding customer photos#

Widgets look most credible with real faces. When someone leaves a testimonial, the collection form now includes an optional photo upload. If a photo is present it shows on the card; otherwise the card falls back to a clean initials avatar.

Editing and deleting#

Back on the Widgets list, each widget card has Edit, Copy embed code (hover to see exactly what will be copied), and Delete. Deleting asks for confirmation, and any site embedding that widget stops showing testimonials afterward.

Next steps#