Add a Testimonial Widget to WordPress, Webflow, and Shopify

Step-by-step instructions for embedding testimonial widgets on WordPress, Webflow, Shopify, Squarespace, and Wix.

TrustWall works on any platform because it's just a script tag. Here are step-by-step instructions for the most popular website builders.

WordPress

Option 1: Custom HTML Block (Easiest)

Edit the page where you want testimonials
Add a Custom HTML block (Gutenberg) or Text widget (Classic)
Paste your TrustWall embed code:

<script
  src="https://trustwall.net/widget.js"
  data-project="YOUR_PROJECT_ID"
  data-layout="grid">
</script>

Save and preview. Testimonials appear instantly.

Option 2: Theme File (Developers)

Add the script tag directly to your theme template file (e.g., page.php or single.php) where you want testimonials to appear.

Webflow

Open the Webflow Designer
Add an Embed element (from the Add panel → Components)
Paste the TrustWall script tag into the code editor
Close the editor. You'll see a placeholder in the designer.
Publish your site. The widget renders on the live page.

Tip: Place the Embed element inside a container with max-width set to match your page layout.

Shopify

Go to Online Store → Themes → Customize
Navigate to the page/section where you want testimonials
Add a Custom Liquid section (or Custom HTML if available)
Paste the TrustWall embed code
Save

For product pages, you can add the widget below the product description to show reviews right where buying decisions happen.

Squarespace

Edit your page and click the + button to add a block
Choose Code from the block menu
Paste the TrustWall embed code
Make sure the display mode is set to "HTML"
Save and publish

Wix

In the Wix Editor, click Add (+)
Select Embed Code → Custom Element or HTML iframe
Choose "Add Your Code" and paste the TrustWall script tag
Resize the element as needed
Publish

Static HTML / Any Other Site

Just paste the script tag anywhere in your HTML body:

<!DOCTYPE html>
<html>
<body>
  <h1>What Our Customers Say</h1>

  <script
    src="https://trustwall.net/widget.js"
    data-project="YOUR_PROJECT_ID"
    data-layout="masonry"
    data-theme="light"
    data-max="9">
  </script>

</body>
</html>

Troubleshooting

Widget not showing? Make sure you have at least one approved testimonial in your project.
Wrong project ID? Find it in your TrustWall dashboard → project page → embed code section.
Content Security Policy error? Add trustwall.net to your CSP's script-src directive.
Styling conflicts? The TrustWall widget uses scoped styles that shouldn't conflict. If they do, wrap it in a container with all: initial.