WordPress

Embed Testivora en WordPress

Funciona en self-hosted (.org) y en WordPress.com con plan Business o superior. Todo el proceso toma 3 minutos.

Lectura · ~3 min

Antes de empezar

Si tu sitio está en wordpress.com con plan Free, Personal o Premium, no podrás usar JavaScript externo. Necesitas plan Business ($25/mes) o pasarte a self-hosted. Si estás en self-hosted (Hostinger, SiteGround, WPEngine, etc.) no aplica esta limitación.

Abre el editor de la página

En tu admin de WordPress, ve a la página o entrada donde quieres mostrar el wall:

Páginas → Todas las páginas → click en la página existente.
O Páginas → Añadir nueva si vas a crear una sección dedicada (ej: /testimonios).

Recomendado: crear una página propia (/testimonios) en lugar de pegarlo en home — los walls largos cargan mejor en su propia URL y son más fácil de compartir.

Añade un bloque HTML personalizado

En el editor Gutenberg (default desde WP 5.0), click el botón “+” y busca “HTML personalizado” (o Custom HTML en inglés). Pega este código:

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>

Reemplaza TU-SLUG con el slug de tu space (lo encuentras en tu admin → Distribución → URL del recolector).

Personaliza el snippet

Cambia los atributos data-* para ajustar cómo se ve el wall:

data-tv-wall → el slug único de tu space.
data-layout → masonry, grid, carousel, single (masonry recomendado para walls grandes).
data-theme → auto, light, dark
data-color → color de acento en hex sin el # (ej: ea580c para naranja).

Previsualiza y publica

Click “Vista previa” arriba a la derecha — es normal que aparezca vacío en el preview del editor (los scripts externos no cargan ahí). Cuando publiques, abre la página real → debería renderizar en ~1 segundo.

Auto-altura activada

El wall se ajusta automáticamente conforme cargan los testimonios. No tienes que pelear con altura fija ni scrollbars internos.

Si algo no se ve

Abre DevTools (F12) → Console y busca errores rojos. Casos comunes:

Refused to load script: Tienes un plugin de seguridad (Wordfence, Sucuri, iThemes Security) bloqueando scripts externos. Agrega testivora.com a la whitelist del plugin.
El wall aparece y desaparece: Plugin de cache (WP Rocket, W3 Total Cache) minimizando mal el script inline. Excluye “tv-wall-” del minify, o usa la opción 'Script tag' (carga externa, no se minifica).
Editor clásico: Si usas el editor clásico, cambia a la pestaña 'Texto' (no 'Visual') antes de pegar el código. WordPress filtra HTML en modo Visual.
Sin cambios al actualizar: Si no ves cambios después de editar, vacía el cache (de WP y del browser con Cmd+Shift+R / Ctrl+F5).

Listo. Ya tienes tu wall integrado.

Si necesitas cambiar el layout, color o tema, ajústalo desde tu admin — los cambios se reflejan al instante sin tocar el código.

Abrir mi admin →Ver otras plataformas