How to Embed Testimonials on Any Website (HTML)
Any website that lets you add HTML can show a testimonial wall. Paste a script tag and the testimonial-widget element, and the wall of love renders wherever you place it — no framework, no build step, and no dependency to install.
Step by step
- 1
Approve your testimonials
Approve the testimonials you want to display in the LovedBy dashboard.
- 2
Add the loader script once
Place the LovedBy loader script tag once per page, ideally near the end of the document before the closing body tag so it doesn't block rendering.
- 3
Place the widget element
Add the testimonial-widget element wherever the wall should appear. You can place the element anywhere in your markup; the script finds it and renders into it. 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
Ship it
Deploy your page. The widget loads asynchronously and stays in sync as you approve more testimonials — no redeploy needed for new content.
Does this work with React, Next.js, Vue, and other frameworks?
Yes. The widget is a standard custom element (web component), so it works in plain HTML and inside React, Next.js, Vue, Svelte, and similar frameworks. Add the loader script once — in your root layout or index.html — and render the testimonial-widget element wherever you need it.
In React and Next.js, custom elements work with lowercased, hyphenated tag names and string attributes, which is exactly the snippet's shape. For the script, the App Router's Script component or a simple script tag in the root layout both work.
Is it safe and fast to add to my site?
Yes. You're loading one small, asynchronous, CDN-cached script, not a heavyweight SDK. It renders without blocking your page and degrades gracefully if the network hiccups, so it won't take your content down with it.
Because the widget only reads your approved, public testimonials, there's no sensitive data and nothing to authenticate on the page — it's a read-only display component.
Can I add the widget once and reuse it across pages?
Yes. Put the loader script in a shared template, layout, or include so it loads site-wide, then place a testimonial-widget element on each page that should show proof. The same project slug shows the same approved testimonials everywhere, or you can run multiple projects for different sections of your site.
Frequently asked questions
Add testimonials to Any website
Free while in beta. No credit card. Set up in under a minute.
Start free