Todos los artículos

Cómo añadir un Wall of Love a tu sitio web (en menos de 10 minutos)

Cómo añadir un Wall of Love a tu sitio web

Un Wall of Love es una galería de testimonios de clientes publicada en tu sitio web: reseñas escritas, clips de vídeo, valoraciones con estrellas y nombres reales, organizados en un diseño que los visitantes pueden explorar a su ritmo. Piénsalo como tu mejor selección de opiniones de clientes, que se actualiza automáticamente cada vez que apruebas un testimonio nuevo.

Empresas como Notion, Loom y Linear utilizan muros de testimonios en sus páginas de marketing. Funciona porque no eres tú quien dice que tu producto es bueno, sino decenas de clientes reales diciéndolo en tu lugar.

Aquí te explicamos cómo pasar de cero a un Wall of Love publicado en tu sitio en menos de 10 minutos.


Por qué un Wall of Love convierte

Antes de entrar en el paso a paso, vale la pena entender por qué funciona:

  • El 83% de los consumidores confía más en las recomendaciones de otros usuarios que en el contenido de marca
  • Los testimonios en páginas de venta pueden aumentar las conversiones hasta un 34%
  • Los testimonios en vídeo generan confianza en el 62% de los espectadores, frente al 34% del texto solo

Un Wall of Love concentra toda esa prueba social en un solo lugar. Los visitantes ven volumen (“tanta gente lo recomienda”), especificidad (“esto es exactamente lo que les aporta”) y autenticidad (“nombres reales, caras reales, vídeos reales”). Es la forma más eficiente de construir confianza a escala.


Paso 1: Recopila tus testimonios

Antes de mostrar testimonios, necesitas tenerlos. Si ya cuentas con algunos en correos, mensajes de Slack o capturas de pantalla, puedes añadirlos manualmente. Pero la mejor opción es configurar un formulario de recopilación para que los testimonios lleguen solos.

Crea un formulario de recopilación con un enlace compartible. Envíalo a tus clientes por correo, incrústalo en tu app o compártelo tras una interacción de soporte. Los clientes pueden enviar una reseña escrita con valoración de estrellas o grabar un testimonio en vídeo directamente desde su navegador.

Cada testimonio llega a tu panel con el estado “Nuevo”. Tú lo revisas y lo apruebas o archivas.

Solo los testimonios aprobados aparecen en el Wall of Love. Siempre controlas qué es público.


Paso 2: Elige el diseño

Un Wall of Love admite varios diseños según cómo quieras presentar los testimonios:

Masonry

La opción más popular. Tarjetas de distintas alturas dispuestas en una cuadrícula estilo Pinterest. Las reseñas largas conviven con miniaturas de vídeo. El resultado es orgánico y dinámico, como un auténtico muro de opiniones de clientes.

Ideal para: páginas de aterrizaje, páginas dedicadas a testimonios, cualquier lugar donde quieras transmitir volumen.

Cuadrícula

Una cuadrícula uniforme donde todas las tarjetas tienen la misma altura. Más limpio y ordenado que el masonry. Funciona bien cuando tus testimonios tienen una extensión similar.

Ideal para: páginas de producto, páginas “sobre nosotros” o cuando quieres un aspecto coherente y pulido.

Carrusel

Un deslizador horizontal que recorre los testimonios uno a uno. Ocupa menos espacio vertical y encaja bien como sección dentro de una página más larga.

Ideal para: secciones de la página principal, páginas de precios o cualquier lugar donde quieras prueba social sin dominar el diseño de la página.

Lista

Una pila vertical de tarjetas de testimonios. Sencilla, fácil de recorrer y optimizada para móvil. Cada testimonio ocupa todo el ancho disponible.

Ideal para: widgets en la barra lateral, contenedores estrechos o diseños minimalistas.


Paso 3: Configura tu muro

Una vez elegido el diseño, personaliza los detalles:

  • Selecciona qué testimonios incluir. Puedes elegir todos los aprobados o seleccionar a mano los que quieres mostrar.
  • Ponle nombre al embed para gestionar varios muros con facilidad (por ejemplo, “Muro de inicio”, “Carrusel de precios”).
  • Ajusta la apariencia para que encaje con el diseño de tu sitio.

El editor muestra una previsualización en tiempo real mientras configuras. Lo que ves es exactamente lo que verán tus visitantes.


Paso 4: Incrustra en tu sitio

Copia el código de inserción. Tienes tres opciones:

Etiqueta script (recomendado)

Una única etiqueta <script> que pegas en tu HTML. El muro se renderiza en su lugar, adaptándose al ancho del contenedor. Es la opción más sencilla y funciona en cualquier plataforma: WordPress, Webflow, Shopify, código personalizado, lo que sea.

<script src="https://loveboard.io/embed/your-embed-id.js"></script>

iFrame

Una inserción con <iframe> para entornos donde no es posible inyectar JavaScript. Algo menos flexible, pero funciona en todas partes.

<iframe src="https://loveboard.io/embed/your-embed-id" width="100%" height="600"></iframe>

Enlace directo

Una URL pública que abre tu Wall of Love como página independiente. Útil para compartirlo en correos, redes sociales o cualquier sitio donde quieras enlazar a tus testimonios sin incrustarlos.


Paso 5: Verifica y publica

Después de pegar el código de inserción:

  1. Previsualiza la página. Comprueba que el muro se renderiza correctamente y se ve bien en distintos tamaños de pantalla.
  2. Revísalo en móvil. Los muros son responsivos, pero verifica que el diseño funcione en tu sitio concreto.
  3. Prueba la actualización automática. Aprueba un testimonio nuevo en tu panel y confirma que aparece en el muro.

Listo. Tu Wall of Love está publicado.


Dónde colocar tu Wall of Love

¿No sabes dónde tendrán más impacto los testimonios? Estas son las ubicaciones con mayor tasa de conversión:

Página de aterrizaje

Debajo de la sección hero y antes de los precios. Los visitantes acaban de conocer tu producto; ahora muéstrales que funciona. Un Wall of Love en mosaico con 10-20 testimonios genera una fuerte sensación de confianza y credibilidad.

Página de precios

Aquí se toman las decisiones de compra, y casi siempre está libre de testimonios. Un carrusel o una insignia de valoración junto a la tabla de precios tranquiliza al visitante justo en el momento en que se lo está pensando.

Página de producto (e-commerce)

Debajo de la descripción del producto, muestra vídeos de unboxing y reseñas escritas de clientes reales. Los testimonios en vídeo son especialmente eficaces aquí: ver a alguien usar el producto elimina la incertidumbre de una manera que el texto no puede.

Página dedicada a testimonios

Algunas empresas crean una página /testimonios o /wall-of-love y la enlazan desde la navegación. Funciona muy bien para negocios con un gran volumen de opiniones: se convierte en una página de referencias navegable.

Página “Sobre nosotros”

Después de contar la historia del equipo y vuestra misión, una sección de testimonios añade credibilidad de forma natural. “Quiénes somos” seguido de “qué opinan nuestros clientes” es una secuencia que fluye sola.


Mantén tu Wall of Love actualizado

Un Wall of Love no es algo que configuras una vez y olvidas. Los testimonios frescos son los que mantienen su credibilidad y relevancia:

  • Integra la recogida en tu flujo de trabajo. Envía el enlace del formulario tras el onboarding, después de resolver incidencias y en los hitos del cliente.
  • Revisa y aprueba con regularidad. Entra en el panel cada semana y aprueba los testimonios nuevos para que el muro se mantenga al día.
  • Rota los testimonios destacados. Si usas un carrusel o seleccionas manualmente, incorpora novedades de vez en cuando.
  • Combina texto y vídeo. Un muro con los dos formatos resulta más auténtico y retiene la atención durante más tiempo.

Por dónde empezar

En menos de 10 minutos puedes tener un Wall of Love publicado partiendo de cero:

  1. Crea una cuenta gratuita en LoveBoard (sin tarjeta de crédito)
  2. Configura tu primer formulario de recopilación
  3. Añade algunos testimonios manualmente (o envía el formulario a tus clientes)
  4. Crea un embed de Wall of Love
  5. Pega el código en tu sitio

El plan gratuito incluye todo lo que necesitas para probarlo: 1 formulario, 3 testimonios en vídeo y 1 embed.

Crea tu Wall of Love, plan gratuito, sin tarjeta de crédito.