Build testimonial display widgets with carousel, grid, and masonry layouts. Add photos, ratings, and company logos for credibility.
Paste a customer quote, add a name, a star rating, and optionally a photo and a company logo, and this tool renders the entries into an embeddable widget in carousel, grid, or masonry form - the three layouts sites use for social proof. Everything on display comes from what you type: the builder cannot show a review it was never given, and a 4-star entry renders exactly four filled stars. The usual surprise is that the widget is a snapshot of your entries, not a live feed that updates itself.
A concrete input and expected output from the current implementation.
Input
5 | Switched our whole quoting flow. Support tickets down a third in two months. | Marcus Chen | Chen & Co. Logistics 4 | Setup took an afternoon, not a quarter. | Elena Ruiz | Ruiz Plumbing 5 | Clients mention the new quotes page in every call. | Dana Okafor | Okafor Interiors
Expected output
Card 1 - Marcus Chen, Chen & Co. Logistics: "Switched our whole quoting flow. Support tickets down a third in two months." Stars: ★★★★★ (5 of 5) Card 2 - Elena Ruiz, Ruiz Plumbing: "Setup took an afternoon, not a quarter." Stars: ★★★★☆ (4 of 5) Card 3 - Dana Okafor, Okafor Interiors: "Clients mention the new quotes page in every call." Stars: ★★★★★ (5 of 5)
Each star row has five slots and the number of filled stars equals the rating entered: 5 renders five filled stars, 4 renders four filled and one empty. Quote text, name, and company are echoed verbatim from the entry, so the output is exactly the content supplied plus the computed star rows.
Each testimonial is one entry: quote text, name, role or company, and a rating of 1 to 5. Photo and company logo are optional - cards simply omit whatever was not provided. The rating determines the star row (a 3 renders three filled stars and two empty), and quote text appears exactly as typed, including spelling and line breaks.
The three layouts change how cards sit on the page, not what a card contains. Carousel shows one card at a time with navigation controls; grid arranges cards into even rows and columns; masonry keeps each card's natural height and packs them together so no row leaves a gap. The finished widget is assembled from the current entries, so its content is whatever the builder held when it was generated.
No. The widget is built from the testimonials entered in the builder, so reviews from other platforms must be copied in by hand and will not refresh when new ones arrive. When a displayed quote changes, rebuild the widget with the corrected entry.
Yes. Photo and company logo are optional fields; a card renders with whatever is filled in, so quote, name, and rating alone produce a complete working widget. Photos and logos can be added to any card later without touching the others.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Shorten URLs with local redirect tracking via localStorage. See click counts and generate a QR code for each link.
Build UTM-tagged URLs for campaign tracking with source, medium, campaign, term, and content parameters.
Enter 2+ headlines and see simulated previews in Google results, email subject lines, and social posts side-by-side.
Count characters for Twitter/X, LinkedIn, Facebook, and Instagram with platform-specific limits and warnings.
Calculate click-through rates from impressions and clicks with industry benchmarks and trend analysis.
Check email subject line length against best practices for desktop and mobile with preview text optimization.