How to Add Testimonials to Webflow
Webflow makes adding a testimonial widget simple with the Embed element, so you can place a wall of love anywhere on the canvas without leaving the designer. Approve your testimonials, copy the snippet, and drop it where it belongs.
Step by step
- 1
Approve your testimonials
Approve the testimonials you want public in the LovedBy dashboard.
- 2
Copy your embed snippet
Grab the script tag and testimonial-widget element from the Embed tab, pre-filled with your project slug.
- 3
Add an Embed element
Drag an Embed element onto your Webflow page from the Add panel, paste the snippet into it, and position it where the wall of love should appear. The Embed tab generates this snippet already filled in with your project slug, so you can paste it as-is. The script loads once; the element renders your approved testimonials wherever you place it.
- 4
Publish your site
Embeds don't render inside the Webflow Designer preview — publish your site (or use the published staging domain) and the widget renders live. New approvals update automatically.
Why isn't the widget showing in the Webflow Designer?
This is expected. Webflow deliberately does not execute Embed scripts inside the Designer canvas, so the widget will look empty there. Publish to your staging or live domain and it renders normally.
If it still doesn't appear after publishing, confirm the snippet sits in an Embed element (not a Rich Text block) and that the project slug matches your project.
Can I match the widget to my Webflow design?
Yes. Set your brand accent color in LovedBy and the widget inherits a clean, neutral style that fits most Webflow layouts. Place the Embed element inside a section or container that matches your page width so the wall aligns with the rest of your design.
Because the widget is a self-contained web component, it won't inherit or fight your global Webflow styles, which keeps it looking consistent regardless of the page it's on.
Where should you place testimonials on a Webflow site?
On marketing sites built in Webflow, the highest-impact spots are below the hero, adjacent to your pricing section, and on a dedicated testimonials page. Use a section with your standard container so the widget respects your layout grid.
For CMS-driven Webflow sites, you can place the embed in a global section (like a footer CTA area) so the same proof appears across many pages without duplicating the snippet.
Frequently asked questions
Add testimonials to Webflow
Free while in beta. No credit card. Set up in under a minute.
Start free