Documentation

Embed Guide

Script, iframe, and Wall of Love integration patterns.

Embed types

TestiFlow supports three main integration patterns. Pick the one that fits your stack.

1. Script collect (floating button)

Adds a floating **Give Testimonial** button. Configure position, colors, and flow (modal / drawer / page) in the dashboard.

html<script
  src="https://testiflow.site/embed.js"
  data-site-id="YOUR_SITE_ID"
  async
></script>

2. Declarative wall (display only)

Renders published testimonials into any container. Supports data-layout, data-theme, and data-limit.

html<div data-testiflow-wall="YOUR_SITE_ID" data-layout="bento" data-theme="glass"></div>
<script src="https://testiflow.site/embed.js" async></script>

3. Iframe embed (auto-resize)

Best for WordPress, Webflow, or CMS block editors. Copy the snippet from **Embed Studio** — it includes iframe-resizer so height adjusts automatically.

Embed Studio

In your site dashboard, **Embed Studio** provides three tabs:

  • **Collect** — script or collect-page iframe
  • **Wall of Love** — public wall iframe with theme/layout query params
  • **Display** — programmatic display API for legacy integrations

Tips

  • Always **publish** testimonials before expecting them in widgets
  • Use async on the script tag to avoid blocking page load
  • For CSP, allow script-src and frame-src for your TestiFlow domain