How to Embed Testimonials on Any Website (WordPress, Shopify, Wix & More)
Why Embed Testimonials on Your Website?
Customer testimonials on your website can increase conversions by up to 34%. But getting them displayed properly can be tricky — especially if you're not a developer.
This guide shows you exactly how to embed testimonials on every major platform, step by step.
The Universal Method: Script Tag Embed
The simplest way to add testimonials to ANY website is with a script tag embed. Tools like ShoutBase give you a single line of code that works everywhere:
```html
```
Paste this anywhere in your HTML, and a beautiful testimonial widget appears. No dependencies, no frameworks, no configuration.
Platform-Specific Instructions
WordPress
Method 1: Custom HTML Block (Easiest)
1. Edit the page where you want testimonials
2. Add a "Custom HTML" block
3. Paste your embed code
4. Click "Update" to save
Method 2: Theme Editor
1. Go to Appearance → Theme Editor
2. Find the template file for your page
3. Paste the embed code where you want it
4. Save
Shopify
1. Go to Online Store → Themes → Customize
2. Add a "Custom Liquid" section
3. Paste your embed code
4. Save
Alternatively, edit your theme code directly:
1. Online Store → Themes → Edit Code
2. Open the template file (e.g., `templates/index.liquid`)
3. Paste the embed code
4. Save
Webflow
1. Add an "Embed" element to your page
2. Paste the embed code in the code field
3. Publish your site
Webflow makes this particularly easy since you can drag the embed element anywhere in your layout.
Wix
1. Click "Add" → "Embed Code" → "Custom Element"
2. Choose "Add custom code"
3. Paste your embed code
4. Position it on your page
Squarespace
1. Add a "Code" block to your page
2. Paste the embed code
3. Click "Apply"
Next.js / React
For React-based sites, you can either use the script tag in your HTML head, or load it dynamically:
```jsx
useEffect(() => {
const script = document.createElement('script');
script.src = 'https://shoutbase-alpha.vercel.app/embed.js';
script.dataset.collection = 'your-id';
document.body.appendChild(script);
return () => document.body.removeChild(script);
}, []);
```
Static HTML Sites
Simply paste the script tag wherever you want testimonials to appear in your HTML file. That's it.
Best Practices for Testimonial Placement
1. Above the fold on homepage — Your best 2-3 testimonials should be visible without scrolling
2. On pricing pages — Reduces purchase anxiety at the critical moment
3. Near CTAs — Place testimonials next to signup buttons and purchase forms
4. On landing pages — Every landing page should have at least one testimonial
5. In the footer — A subtle but effective placement that appears on every page
Customization Tips
A good testimonial widget should:
Get Started in 2 Minutes
ShoutBase gives you a lightweight embed widget (vanilla JavaScript, zero dependencies) that works on any platform. Create a free account, collect your first testimonials, and embed them — all in under 5 minutes.