Shopify
Embed Testivora en Shopify
Funciona con cualquier theme moderno (Online Store 2.0). Toma 4 minutos: agregar una sección Custom Liquid o pegar en el theme editor.
Lectura · ~4 min
01
Decide dónde quieres el wall
Tienes dos opciones según el tipo de página:
- Página existente (Home, About): Usa una sección Custom Liquid en el theme editor — más visual, drag & drop.
- Página dedicada nueva (/pages/testimonios): Crea una page en Online Store → Pages → Add page, y pega el snippet directo en el editor de la página.
La opción 2 es más limpia para walls grandes (su propia URL, fácil de compartir, mejor SEO).
02
Para una página dedicada (más fácil)
En tu admin de Shopify:
- Online Store → Pages → Add page.
- Título: 'Testimonios' (o lo que quieras). El URL será /pages/testimonios automáticamente.
- En el editor de contenido (Rich Text), click el ícono <> arriba a la derecha (Show HTML).
03
Pega el snippet
El editor cambia a modo HTML. Pega esto y guarda:
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).
04
Visita la página
Click “View” arriba a la derecha (o ve directo a tutienda.com/pages/testimonios). El wall debería renderizar en ~1 segundo.
Para meterlo en una sección de Home
Si en lugar de página dedicada quieres mostrarlo en home, usa el theme editor: Online Store → Themes → Customize → Add section → Custom Liquid → pega el snippet ahí. Funciona en cualquier theme Online Store 2.0 (Dawn, Sense, etc.).
05
Si algo no funciona
Shopify es muy permisivo con scripts. Casos raros:
- El editor no muestra el botón <>: Estás usando un editor antiguo. Asegúrate que tu plan sea Basic Shopify o superior. El plan Lite no permite páginas custom.
- El wall se sale del max-width del theme: Algunos themes (Dawn, Sense) limitan el ancho del contenido a ~1100px. Si quieres full-width, usa una sección Custom Liquid configurada como 'Full width' en el theme editor.
- Apps de seguridad bloqueando: Si tienes Shopify Plus + Cloudflare Zero Trust o un firewall app, agrega testivora.com a la whitelist de Content Security Policy.
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.