Embed Testivora en Squarespace
El bloque Code de Squarespace acepta el snippet de auto-altura. Toma 3 minutos en cualquier template.
Abre el editor de la página
En tu Squarespace dashboard → Pages → click la página donde va el wall. Click 'Edit' arriba a la derecha para entrar al editor visual.
Añade un bloque Code
Hover sobre la sección donde quieres el wall → click la barra azul “Add Block” → en la pestaña “More” busca “Code”.
Squarespace abre un editor de código con dropdown “Mode”. Asegúrate que diga HTML. 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>Habilita 'Display Source'
Abajo del editor, asegúrate que “Display Source” esté DESmarcado (sino Squarespace muestra el código literal en vez de ejecutarlo). Click fuera del bloque para guardar.
Publica
Click “Save” en la esquina superior izquierda. Los cambios van live al instante en tu dominio. Si haces cambios al snippet después, basta con guardar de nuevo.
Si algo no funciona
Squarespace es estricta con scripts. Casos comunes:
- El bloque Code no aparece en 'More': Estás en plan Personal. Upgrade a Business mínimo, o usa una página externa enlazada en el menú.
- Display Source quedó marcado: Si ves tu código literal en la página publicada, vuelve al bloque, edítalo y desmarca 'Display Source'. Squarespace lo deja marcado por default a veces.
Si necesitas cambiar el layout, color o tema, ajústalo desde tu admin — los cambios se reflejan al instante sin tocar el código.