Embed Guide

Add Trustwall to your website

Embed your testimonial wall anywhere with a single snippet. No build step, no dependencies — works on every platform.

How it works

01

Create a Wall in your dashboard

Log in to Trustwall, go to your dashboard, and create a new Wall. Give it a name and approve the reviews you want to feature.

02

Copy your embed snippet

Open the Wall settings and click "Get Embed Code". You'll get a small script tag and a div placeholder — copy both.

03

Paste it into your page

Paste the snippet anywhere inside your page's HTML where you want the testimonial widget to appear. The widget loads asynchronously and won't affect page speed.

04

You're live

Save and publish your page. Your Trustwall widget will render automatically and always reflect your latest approved reviews.

Platform instructions

Step-by-step instructions for the most popular platforms.

🌐

HTML / Static Sites

  1. Open your HTML file and locate the <body> section.
  2. Paste the Trustwall script tag just before the closing </body> tag.
  3. Paste the <div> placeholder wherever you want the widget to appear.
  4. Save the file and reload your browser.
<!-- Paste inside <body> where you want the widget -->
<div data-trustwall-wall-id="YOUR_WALL_ID"></div>

<!-- Paste before </body> -->
<script
  src="https://trustwall.app/embed.js"
  async
></script>
▲

Next.js

  1. Open the page or layout file where you want the widget.
  2. Import Script from "next/script" for optimal loading.
  3. Add the Script component with strategy="lazyOnload".
  4. Add the div placeholder in your JSX.
import Script from "next/script";

export default function Page() {
  return (
    <>
      <div data-trustwall-wall-id="YOUR_WALL_ID" />
      <Script
        src="https://trustwall.app/embed.js"
        strategy="lazyOnload"
      />
    </>
  );
}
🔵

WordPress

  1. In your WordPress admin, go to Appearance → Theme Editor (or use a plugin like "Insert Headers and Footers").
  2. Paste the script tag into the Footer Scripts section.
  3. Use the Custom HTML block in the Gutenberg editor to place the div placeholder.
  4. Update and preview your page.
<!-- In a Custom HTML block (Gutenberg) -->
<div data-trustwall-wall-id="YOUR_WALL_ID"></div>

<!-- In footer scripts (Insert Headers & Footers plugin) -->
<script
  src="https://trustwall.app/embed.js"
  async
></script>
◈

Webflow

  1. Open your Webflow project and select the page you want to edit.
  2. Go to Page Settings → Custom Code → "Before </body> tag".
  3. Paste the script tag there.
  4. Add an Embed element to your canvas and paste the <div> placeholder inside it.
<!-- In Page Settings → Before </body> tag -->
<script
  src="https://trustwall.app/embed.js"
  async
></script>

<!-- In an Embed element on your canvas -->
<div data-trustwall-wall-id="YOUR_WALL_ID"></div>
🛍

Shopify

  1. From your Shopify admin, go to Online Store → Themes → Edit Code.
  2. Open theme.liquid and paste the script tag before </body>.
  3. Open the section or template file where you want the widget and add the div placeholder.
  4. Save and preview your storefront.
<!-- In theme.liquid before </body> -->
<script
  src="https://trustwall.app/embed.js"
  async
></script>

<!-- In your section/template file -->
<div data-trustwall-wall-id="YOUR_WALL_ID"></div>
◻

Framer

  1. Open your Framer project.
  2. Go to Site Settings → General → "Custom Code" and add the script tag to the End of <body>.
  3. On the canvas, add a Code Component or Embed block and paste the div placeholder.
  4. Publish your site.
<!-- In Site Settings → End of <body> -->
<script
  src="https://trustwall.app/embed.js"
  async
></script>

<!-- In an Embed/Code block on the canvas -->
<div data-trustwall-wall-id="YOUR_WALL_ID"></div>

Still have questions?

Check out our FAQ or reach out on X @ditincodes.