El diseño cuidado exige testimonios igual de cuidados
Para un estudio de arquitectura en Valencia, un testimonio mal maquetado desentona más que en una web genérica: el widget debe heredar la tipografía y los espacios del resto de la página.
Guía Webflow
Cómo añadir testimonios en Webflow
Webflow te deja diseñar hasta el último píxel, pero no incluye un bloque nativo de testimonios dinámicos: para eso está el elemento Embed, pensado justamente para insertar código externo dentro de tu estructura de Divs sin romper el diseño. Aquí tienes dónde colocarlo y qué evitar con el Designer y con el CMS.
Plan gratuito hasta 10 testimonios, sin tarjeta.
Por qué importa en un sitio Webflow
Los sitios Webflow suelen ser de agencias, estudios y consultoras donde la decisión de contactar depende de la confianza que transmite el diseño.
La sección de casos de estudio es donde más pesa
En una agencia de marketing en Ciudad de México, colocar el testimonio del cliente justo al final de cada caso de estudio conecta el resultado mostrado con la voz de quien lo vivió.
El elemento Embed no admite JavaScript ejecutado en el Designer
El script solo se ejecuta en el sitio publicado, nunca en la vista previa del editor: es normal no ver el widget mientras diseñas.
El CMS de Webflow permite testimonios distintos por colección
Si usas una colección de CMS para tus casos de cliente, puedes insertar un widget distinto por elemento de colección usando el campo del identificador del muro.
Pasos en el Designer
El elemento Embed es la única vía soportada para código externo en Webflow.
1. Añade un elemento Embed
Desde el panel de Add (tecla A), arrastra un elemento «Embed» dentro del Div o sección donde quieras el muro.
2. Pega el fragmento de Plausa
Abre el editor de código del Embed y pega el HTML del widget; Webflow lo guarda tal cual, sin reformatearlo.
3. Ajusta el contenedor, no el Embed
Para controlar el ancho o el espaciado, aplica las clases de estilo al Div que envuelve el Embed; el propio elemento Embed no acepta clases de diseño de Webflow.
4. Publica el sitio
El widget solo se ejecuta en el dominio publicado (o en el staging .webflow.io), nunca en el modo de vista previa del Designer.
5. Repite por elemento de colección si usas CMS
En una plantilla de colección, añade el Embed dentro de la plantilla y usa un campo de texto enriquecido del propio elemento para variar el identificador del muro si lo necesitas.
El código a pegar en el Embed
El mismo fragmento vale tanto en una página estática como en una plantilla de colección del CMS.
<div data-plausa="mi-muro" data-variant="grid" data-lang="es"></div>
<script src="https://getplausa.com/plausa-widget.js" async></script>Cambia "grid" por "carousel" o "badge" según el estilo que quieras integrar en tu diseño.
Alternativa en iframe
Si tu Embed vive dentro de una interacción o de un componente con overflow oculto que interfiere con el script, el iframe ofrece un comportamiento más predecible.
<iframe src="https://getplausa.com/embed/mi-muro?variant=badge&lang=es" title="Plausa" style="width:100%;border:0;height:320px" loading="lazy"></iframe>Así se ve una vez publicado
Ejemplos ilustrativos del formato de testimonio para un sitio Webflow de servicios.
Entendieron el terreno y el presupuesto desde la primera reunión; el proyecto en Valencia se entregó sin ninguna sorpresa de última hora.
Las métricas de la campaña en Ciudad de México subieron antes de terminar el primer trimestre, y el reporte mensual es clarísimo.
El sitio quedó tal como lo imaginamos, y más rápido de lo que esperábamos.
Nombres y roles de ejemplo, no clientes reales.
Errores frecuentes en Webflow
- Esperar ver el widget dentro del Designer: solo funciona en el sitio publicado.
- Pegar el código en un elemento de texto enriquecido en vez de un Embed: Webflow lo escapa y lo muestra como texto.
- Aplicar estilos directamente al Embed en vez de al Div contenedor, lo que no tiene ningún efecto.
- Olvidar publicar tras editar el Embed y pensar que el widget «no funciona».
- No probar el ancho del widget en móvil: revisa el breakpoint de Webflow antes de dar la sección por terminada.
- Duplicar el script en varias páginas con IDs de muro distintos sin necesidad, cuando un único muro compartido sería más fácil de mantener.
Preguntas frecuentes
¿Por qué no veo el widget en la vista previa del Designer?
Webflow solo ejecuta JavaScript externo en el sitio publicado, no dentro del editor. Publica el sitio para verlo funcionando.
¿Puedo usarlo dentro de una colección del CMS?
Sí, coloca el Embed en la plantilla de la colección; se repetirá en cada elemento con la misma configuración.
¿El Embed admite CSS personalizado?
El propio Embed no acepta clases del sistema de estilos de Webflow; controla el espaciado desde el Div que lo envuelve.
¿Funciona en el dominio de staging .webflow.io?
Sí, el widget se ejecuta igual en staging que en el dominio final una vez publicado.
¿Puedo tener testimonios distintos por idioma en un sitio multilingüe?
Sí, cambia el atributo data-lang y, si usas la localización nativa de Webflow, ajusta el Embed en cada versión de idioma de la página.
Sigue leyendo
Añade testimonios a tu sitio Webflow
Un elemento Embed, un fragmento de código, y tu prueba social encaja con tu diseño.
Empezar gratis