Embed Testivora on Webflow
Works on any Webflow plan. Takes 2 minutes: drag an Embed block, paste, publish.
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).
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:
<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>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).
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.
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.
Need to change layout, color, or theme? Tweak it from your admin — changes reflect instantly without touching the code.