El Code Block de Squarespace ejecuta HTML y JavaScript dentro del diseño de la página. Coloca uno donde quieras reseñas, pega el fragmento de Shopreviews y el widget aparece en tu web publicada.
Paso a paso
- Copia tu fragmento
Elige diseño, colores y fuentes de reseñas en el constructor de widgets y copia el fragmento.
- Añade un Code Block
Edita la página, haz clic en un punto de inserción o en Add block y elige Code.
- Pega el fragmento
Pega el fragmento, deja el modo en HTML y Display Source desactivado.
- Guarda y comprueba
Guarda la página y ábrela en la web publicada — los scripts no siempre se ejecutan en la vista previa del editor.
Los nombres de menú aparecen en inglés; en un panel traducido tienen su equivalente local.
Así es el fragmento de código
<div data-shopreviews="carousel"
data-lang="es"
data-sources="google,trustpilot,kiyoh"></div>
<script src="https://cdn.shopreviews.com/widget.js" async></script>Solo es un ejemplo: copia tu propio fragmento desde el constructor de widgets o tu panel de Shopreviews. Incluye tu diseño, colores, idioma y fuentes de reseñas.
Crea tu widget y copia el fragmento →
¿Dónde colocar el widget?
- Página de inicio — un carrusel o una cuadrícula en una sección bajo la cabecera.
- Fichas de producto — un Code Block en la zona de información adicional del producto.
- Todas las páginas — una ventana flotante con Code Injection en el pie.
Conviene saber
- ¿No ves el widget en el editor? Es normal: Squarespace desactiva los scripts en la vista previa. Revisa la página publicada en una ventana privada.
- Los Code Blocks y Code Injection con JavaScript requieren un plan que permita código propio.
Otras plataformas
¿Otro sistema de tienda? El mismo fragmento funciona en todas partes: Shopify · WooCommerce · Magento · Lightspeed · BigCommerce · PrestaShop · Wix