Back to blog
tutorialtestimonial widgetembedhow-to

How to Add a Testimonial Widget to Any Website in 5 Minutes

A step-by-step tutorial for embedding a testimonial widget on any site -- Webflow, WordPress, Shopify, or custom code -- using ProofDeck.

P
ProofDeck Team
April 8, 2026 · 5 min read

Adding a testimonial widget to your website sounds like a weekend project. It usually turns into three weekends: building a form, wiring up a database, getting the embed to look right. There is a faster way. This guide walks through adding a working testimonial widget to any website in under 5 minutes using ProofDeck.

Why testimonials on your site are worth the 5 minutes

15%
average lift in conversion rate from testimonials near the CTA
88%
of buyers trust online reviews as much as personal recommendations
3x
more time spent on page when testimonials are present

Social proof does not just make your site look more credible -- it actively reduces the friction that keeps people from signing up or buying. The ROI on adding a testimonial widget is high and the cost is low. The only reason to delay is setup friction, which this guide eliminates.

What you need before you start

+
A ProofDeck account
Free -- no credit card required
+
At least one testimonial
Or collect one through the form you're about to set up
+
Access to your site's HTML
Works on any site -- Webflow, WordPress, custom code, anything

That's it. No backend setup, no API keys, no database. The entire process is handled through the ProofDeck dashboard and one script tag.

5-minute setup: step by step

011 min

Create a free ProofDeck account

Go to proofdeck.io and sign up. No credit card required. The free plan includes 15 testimonials, one collection form, and 1 widget -- enough to get started.

021 min

Create your collection form

In the dashboard, click "New Project" and give it a name. ProofDeck generates a shareable link -- a dedicated page where customers can submit their testimonial, including their name, role, photo, and feedback.

Tip: You can pre-fill the form fields with your own questions to get more specific, useful testimonials.

031 min

Add your first testimonial

Either share the form link with a customer and wait for their response, or use the "Add manually" option in the dashboard to enter a testimonial you already have (from email, Slack, etc.).

0430 sec

Approve it in the dashboard

Submitted testimonials land in your "Pending" queue. Click approve to move them to your live widget. You are always in control of what displays on your site.

051.5 min

Paste the embed script on your site

Go to the "Embed" tab in your project. Copy the one-line script tag. Paste it into your site's HTML where you want the widget to appear -- inside the <body> tag, ideally near your CTA or pricing section.

Tip: The widget auto-updates. When you approve new testimonials later, they appear on your site without any code changes.

Works on any website platform

Because the embed is a standard JavaScript script tag, it works anywhere you can edit the HTML of a page:

Webflow
Paste into an Embed block or the </body> Custom Code field
WordPress
Add via a Custom HTML block or a header/footer plugin
Squarespace
Use a Code Block in any section
Framer
Use the Embed component
Custom HTML / Next.js / React
Drop into your layout file or a page component
Shopify
Edit theme.liquid or add via the Custom HTML section

Where to put the widget for maximum impact

The embed works anywhere, but placement matters. These are the highest-impact locations ranked by conversion effect:

Pricing page -- next to each plan
This is where decisions happen. Objections are highest here.
Highest
Homepage -- first or second section
Social proof in the first screenful reduces bounce rate significantly.
Very high
Below the hero CTA
Catches people who scrolled past the button but haven't bounced yet.
High
Checkout or signup page
Last-mile reassurance before commitment.
High
Feature or product pages
Match the testimonial to the feature -- generic quotes lose impact here.
Medium

Quick answers

Q:Will the widget slow down my site?
No. The script loads asynchronously and does not block page rendering. Impact on page speed is minimal.
Q:What does the widget look like?
Clean card-based layout with the customer's name, role, photo (optional), and testimonial text. Adapts to your page width automatically.
Q:Can I update testimonials after embedding?
Yes. Approve or remove testimonials in your dashboard at any time -- the embed updates automatically with no code changes.
Q:Is there a limit on how many pages I can embed on?
No. You can embed your widget on as many pages as you want, even on the free plan.

Start collecting testimonials for free

ProofDeck makes it easy to gather, manage, and display customer testimonials on your site. Free plan available -- no credit card required.

Create your free account

Start collecting testimonials for free with ProofDeck

Start free -- no credit card