Embed Testivora en Webflow
Funciona en cualquier plan de Webflow. Toma 2 minutos: arrastras un bloque Embed, pegas el código, publicas.
Abre el Designer
Entra al proyecto donde quieres mostrar el wall:
- Webflow Dashboard → click en el proyecto → Designer (botón azul arriba a la derecha).
- Navega a la página específica (ej: 'Testimonios' o 'Home' si va en una sección de la portada).
Agrega un componente Embed
En el panel izquierdo del Designer, click en “Add” (icono +) → busca “Embed” dentro de “Components”. Arrástralo al canvas donde quieras el wall.
Webflow abre un modal con un editor de código. Pega esto:
<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>Cierra el modal y previsualiza
Click “Save & Close”. El bloque Embed muestra un placeholder gris en el Designer (es normal — Webflow no ejecuta scripts en modo edición). Para ver el wall real, click el ícono de ojo arriba a la derecha (Preview).
Publica
Click “Publish” arriba a la derecha (selecciona Publish to webflow.io para staging o tu dominio custom para producción). El wall queda live en segundos. Si haces cambios al snippet después, hay que volver a publicar.
Si algo no funciona
Webflow es generalmente friendly con embeds. Casos raros:
- El bloque Embed no aparece: Plan de Webflow Free está limitado a 2 componentes Embed por proyecto. Si ya usaste los 2, necesitas plan CMS o superior.
- El wall se sale de su contenedor: El wall se ajusta a 100% del ancho de su contenedor padre. Si tu sección padre tiene max-width pequeño, considera meter el embed en una section sin restricción de ancho.
- No se actualiza al hacer cambios: Tienes que republicar el sitio (Publish button) cada vez que toques el bloque Embed. Webflow no auto-deploya cambios en componentes.
Si necesitas cambiar el layout, color o tema, ajústalo desde tu admin — los cambios se reflejan al instante sin tocar el código.