Wall of Love Settings

The wall of love is the widget on your website that shows your approved testimonials. Everything about how it looks is set in Wall of Love in the sidebar — no code changes on your site when you tweak it.

The editor#

Settings are on the left, a live preview is on the right. The preview uses sample testimonials so you can judge the design at a glance; to see your wall with your real testimonials, open Widget Preview. Click Save Settings to publish your changes — your site picks them up within about five minutes (the widget is cached briefly so it loads fast).

1

2

Heading#

1

2

Appearance#

1

2

• None (masonry grid) — a static, Pinterest-style grid. The default.
• Horizontal scroll — one row that scrolls sideways on its own. Works best with 10+ testimonials.
• Vertical columns — three columns scrolling up and down. Works best with 15+.
• Carousel — one testimonial at a time, rotating every five seconds.
• Polaroid scatter — slightly tilted cards, a playful look.
• Quote wall — typography-first, no card borders.

See every layout on a real page in Layouts & Styles.

Display options#

1

2

3

4

On the Free plan there's also Show ShowTrust credit, a small “Wall of love by ShowTrust” link under the wall. On Pro the credit is always off (white-label).

Card style#

1

2

Palette#

The accent colour used by card decorations (stripes, gradients, quote marks): Neutral, Indigo, Emerald, Amber, Rose or Sky.

1

Size & spacing#

1

2

3

4

5

6

7

Embed code#

At the bottom of the editor are the two snippets you paste into your site. The script loads the widget (under 8 kB, no iframe); the container marks where the wall appears. You only paste them once — every later change in the dashboard shows up without touching your site again.

1

2

3

<script>
  (function() {
    window.SHOWTRUSTTO_WIDGET_CONFIG = { projectId: 'YOUR_PROJECT_ID' };
    var script = document.createElement('script');
    script.src = 'https://app.showtrust.to/showtrustto-widget.js';
    script.async = true;
    document.head.appendChild(script);
  })();
</script>

<div id="showtrustto-widget"></div>

Framework-specific steps: Next.js (App Router), Next.js (Pages), Vite + React, Astro, plain HTML. Or let your AI agent do it: Agent Quickstart.

Embed options#

window.SHOWTRUSTTO_WIDGET_CONFIG accepts these keys. Only projectId is required; everything about how the wall looks is set in the dashboard.

• projectId — your project's ID. It's filled in for you in the snippet the dashboard gives you.
• containerId — the ID of the element to render into. Defaults to showtrustto-widget. If no matching element is found, the wall is added at the end of the page.
• allowCssOverride — true renders the wall straight into your page instead of inside its own style boundary (a shadow root), so your stylesheet can style it. Off by default, which keeps your site's CSS and the wall's from affecting each other.

<script>
  (function() {
    window.SHOWTRUSTTO_WIDGET_CONFIG = {
      projectId: 'YOUR_PROJECT_ID',
      containerId: 'customer-love',  // render into <div id="customer-love">
      allowCssOverride: true         // let your CSS style the wall
    };
    var script = document.createElement('script');
    script.src = 'https://app.showtrust.to/showtrustto-widget.js';
    script.async = true;
    document.head.appendChild(script);
  })();
</script>

<div id="customer-love"></div>

On the Free plan with the credit switched on, the container snippet includes the “Wall of love by ShowTrust” link inside the <div>. Keep it inside the container and the wall shows it in place under your testimonials. Turn the credit off (or upgrade to Pro) and the container is just an empty <div>.

Widget preview#

Widget Preview renders your saved wall with your real approved testimonials — pinned first — exactly as visitors will see it.

1