Basic widget
Testimonial
A customer quote with a name, a role, a photo and stars.
Build it with your AI
“Add a testimonial from Maya Thompson, founder of Northwind Studio, with her photo and five stars.”
Live demo
See it working
They rebuilt our site in three weeks and our enquiries doubled the following month. Clear, calm and always a step ahead.
Settings
37 settings in three tabs
Every setting below is in the editor — and available to your AI through get_widget_schema.
Content
12 settings
Testimonial
Quote
Name
Role
Photo
Resolution
Name link
Star rating
Rating (0–5)
Quotation mark
Layout
Stack on mobile
Alignment
Design
25 settings
Box
Background
Padding
Border
Border radius
Shadow
Spacing between parts
Quote
Typography
Color
Max width
Size
Name & role
Name typography
Name color
Name link hover color
Role typography
Role color
Name to role spacing
Photo
Size
Border radius
Border
Shadow
Spacing
Stars
Size
Spacing
Marked color
Unmarked color
Behaviour
shared
On every element
Spacing & position
Background & border
Animations
Motion & effects
Scroll & mouse effects
Visibility
Conditions
Interactions
Attributes & CSS
Build it with AI
Just describe what you want
Your AI looks up the Testimonial settings over MCP and writes the element for you — real, editable and on brand.
Claude · connected to your site
You
Add a testimonial from Maya Thompson, founder of Northwind Studio, with her photo and five stars.
Claude · using Uncoder
Done — it’s on your site and fully editable.
What the AI writes
{
"type": "testimonial",
"settings": { "image": { "id": 148 }, "show_rating": true, "rating": 5 }
}More basic widgets
Works well with
Alert
A friendly notice for news, warnings and success messages.
Blockquote
A quote that stands out, with its author and source.
Button
A link that looks like a button, in your Design System’s styles: primary, secondary, outline, ghost or link.
Counter
A number that counts up when it scrolls into view — and stays readable for search engines.
Divider
A line between sections, plain or with a word or icon in the middle.
Heading
Titles from h1 to h6, sized by your text styles, with a second font for words in italics.