Embed Testivora on any site

For Wix, Carrd, Notion, Bubble, Ghost, Hugo, Astro, hand-coded sites — anything that accepts HTML. 1 minute.

Read time · ~1 min

Two options

Option A (script tag) is recommended — auto-height built-in, 1 line, works on 99% of sites. Option B (iframe direct) is for very strict CMSes that don't accept external scripts.

Option A — Script tag (recommended)

Paste this in any HTML block of your site. Works in Wix HTML embed, Carrd embed code, Notion /embed, Ghost HTML card, Hugo/Astro shortcodes, etc.

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).

The script loads once and auto-discovers every <div data-tv-wall> on the page. You can paste multiple divs (each with a different slug) and a single <script> handles all of them.

Option B — Iframe direct

If your CMS blocks external scripts (some restrictive builders) or you want to self-host the auto-resize code, use this version:

html

<iframe id="tv-wall-TU-SLUG"
  src="https://testivora.com/embed/wall/TU-SLUG?layout=masonry&theme=auto&color=ea580c"
  title="Testimonios"
  loading="lazy"
  style="border:0;width:100%;min-height:600px;display:block"></iframe>
<script>
(function(){
  var iframe = document.getElementById('tv-wall-TU-SLUG');
  if (!iframe) return;
  window.addEventListener('message', function(e){
    if (e.source !== iframe.contentWindow) return;
    var d = e.data;
    if (d && d.type === 'tv-height' && d.slug === 'TU-SLUG') {
      iframe.style.height = d.height + 'px';
    }
  });
})();
</script>

Replace both instances of TU-SLUG. The inline script handles auto-height without depending on embed.js.

If your CMS also strips inline scripts, leave the iframe without the <script> block and the wall will have a fixed 600px height (adjust min-height in style).

Customize with data-* attributes

Change attributes to tweak layout, color, theme, or filter by tag:

data-tv-wall → your space's unique slug (required).
data-layout → masonry, grid, carousel, single, badge
data-theme → auto, light, dark
data-color → accent color in hex without the # (e.g. ea580c).
data-tag → filter by a specific tag (optional, e.g. 'fitness').

Common platform tips

If your platform doesn't have its own guide yet, quick hints:

Notion: Notion doesn't support arbitrary scripts. Use /embed with the direct URL: https://testivora.com/embed/wall/TU-SLUG. No auto-height — set a reasonable height by dragging the block.
Wix: Add → Embed Code → 'Embed HTML' → paste Option A. Wix may add an extra wrapper iframe; use B if height doesn't adjust.
Carrd: Only Pro Standard+ plans support embed. Add → Section → Embed → Code → paste Option A. Set 'min-height' on the block to 600px to avoid pop-in.

Done. Your wall is live.

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

Open my admin →Browse other platforms

Option A — Script tag (recommended)

Paste this in any HTML block of your site. Works in Wix HTML embed, Carrd embed code, Notion /embed, Ghost HTML card, Hugo/Astro shortcodes, etc.

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).

The script loads once and auto-discovers every <div data-tv-wall> on the page. You can paste multiple divs (each with a different slug) and a single <script> handles all of them.

Option B — Iframe direct

If your CMS blocks external scripts (some restrictive builders) or you want to self-host the auto-resize code, use this version:

html

<iframe id="tv-wall-TU-SLUG"
  src="https://testivora.com/embed/wall/TU-SLUG?layout=masonry&theme=auto&color=ea580c"
  title="Testimonios"
  loading="lazy"
  style="border:0;width:100%;min-height:600px;display:block"></iframe>
<script>
(function(){
  var iframe = document.getElementById('tv-wall-TU-SLUG');
  if (!iframe) return;
  window.addEventListener('message', function(e){
    if (e.source !== iframe.contentWindow) return;
    var d = e.data;
    if (d && d.type === 'tv-height' && d.slug === 'TU-SLUG') {
      iframe.style.height = d.height + 'px';
    }
  });
})();
</script>

Replace both instances of TU-SLUG. The inline script handles auto-height without depending on embed.js.

If your CMS also strips inline scripts, leave the iframe without the <script> block and the wall will have a fixed 600px height (adjust min-height in style).

Customize with data-* attributes

Change attributes to tweak layout, color, theme, or filter by tag:

data-tv-wall → your space's unique slug (required).
data-layout → masonry, grid, carousel, single, badge
data-theme → auto, light, dark
data-color → accent color in hex without the # (e.g. ea580c).
data-tag → filter by a specific tag (optional, e.g. 'fitness').

Common platform tips

If your platform doesn't have its own guide yet, quick hints:

Notion: Notion doesn't support arbitrary scripts. Use /embed with the direct URL: https://testivora.com/embed/wall/TU-SLUG. No auto-height — set a reasonable height by dragging the block.
Wix: Add → Embed Code → 'Embed HTML' → paste Option A. Wix may add an extra wrapper iframe; use B if height doesn't adjust.
Carrd: Only Pro Standard+ plans support embed. Add → Section → Embed → Code → paste Option A. Set 'min-height' on the block to 600px to avoid pop-in.