Webflow

Embed Testivora on Webflow

Works on any Webflow plan. Takes 2 minutes: drag an Embed block, paste, publish.

Read time · ~2 min
01

Open the Designer

Go to the project where you want to show the wall:

  • Webflow Dashboard → click the project → Designer (blue button top-right).
  • Navigate to the specific page (e.g. 'Testimonials' or 'Home' if going in a homepage section).
02

Add an Embed component

In the left panel of the Designer, click “Add” (+ icon) → search “Embed” under “Components”. Drag it onto the canvas where you want the wall.

Webflow opens a modal with a code editor. Paste this:

html
<div data-tv-wall="TU-SLUG"
     data-layout="masonry"
     data-theme="auto"
     data-color="ea580c"></div>
<script async src="https://testivora.com/embed.js"></script>
Replace TU-SLUG with your space's slug (find it in your admin → Distribute → collector URL).
03

Close the modal and preview

Click “Save & Close”. The Embed block shows a gray placeholder in the Designer (normal — Webflow doesn't run scripts in edit mode). To see the real wall, click the eye icon at the top right (Preview).

If preview is also blank
Some browsers block iframes on localhost or preview. Publish the site (Publish button) and open the real URL to confirm.
04

Publish

Click “Publish” top-right (choose Publish to webflow.io for staging or your custom domain for production). The wall goes live in seconds. If you change the snippet later, republish to push the changes.

05

If something doesn't work

Webflow is generally embed-friendly. Edge cases:

  • The Embed block won't appear: Webflow Free plan is capped at 2 Embed components per project. If you've used both, you need CMS plan or higher.
  • Wall overflows its container: The wall fits 100% of its parent's width. If your parent section has a tight max-width, drop the embed into a section without width constraints.
  • Doesn't update after changes: You have to republish the site (Publish button) every time you touch the Embed block. Webflow doesn't auto-deploy component changes.
Done. Your wall is live.

Need to change layout, color, or theme? Tweak it from your admin — changes reflect instantly without touching the code.