Guia Squarespace

Como instalar Opinafy en Squarespace

Agrega testimonios de clientes verificados a tu sitio Squarespace en menos de 5 minutos. Perfectamente integrado con tu diseño.

1

Crea tu proyecto en Opinafy

  1. Registrate en Opinafy (es gratis).
  2. Ve al Panel de control y haz clic en "Nuevo Proyecto".
  3. Introduce el nombre de tu sitio web y personaliza el formulario de recogida.
  4. Comparte el enlace de recogida con tus clientes o importa testimonios existentes.
[Captura de pantalla: panel de creación de proyecto]
2

Obtener el código de integración

  1. Dentro de tu proyecto, ve a la sección "Widget".
  2. Personaliza el diseño: elige layout (carrusel, cuadricula, muro...), colores y tipografia.
  3. Copia el código de integración que aparece debajo de la vista previa.

El código tendrá esta forma:

html
<script src="https://opinafy.com/widget.js" data-project="TU_PROJECT_ID"></script>

Sustituye TU_PROJECT_ID por el ID real de tu proyecto.

3

Agrega el código a Squarespace

Tienes dos opciones para insertar el widget en tu sitio Squarespace:

Opción A: Bloque de código (recomendado)

  1. Abre el Editor de Squarespace y navega a la página donde quieres los testimonios.
  2. Haz clic en "Editar" en la página.
  3. Haz clic en un punto de insercion y selecciona "Bloque de código" (Code Block).
  4. Pega el código de Opinafy en el bloque.
  5. Desactiva la opción "Mostrar fuente" (Display Source).
  6. Haz clic en "Aplicar" y luego "Guardar".
[Captura de pantalla: bloque de código en Squarespace]

Nota: Los bloques de código solo están disponibles en planes Business y superiores de Squarespace.

Opción B: Inyeccion de código (Code Injection)

Si quieres que los testimonios aparezcan en todas las páginas:

  1. Ve a Ajustes > Avanzado > Inyeccion de código (Settings > Advanced > Code Injection).
  2. Pega el código de Opinafy en la sección "Footer".
  3. Haz clic en "Guardar".
html
<!-- Opinafy Testimonials Widget -->
<div id="opinafy-widget" class="opinafy-widget" data-project="TU_PROJECT_ID"></div>
<script src="https://opinafy.com/widget.js" data-project="TU_PROJECT_ID"></script>

Con esta opción necesitas agregar un div contenedor donde quieres que aparezca el widget.

Opción C: Inyeccion por página

Para agregar testimonios solo en una página específica:

  1. Abre la página deseada en el editor de Squarespace.
  2. Ve a la configuración de la página (icono de engranaje).
  3. Selecciona la pestaña "Avanzado" (Advanced).
  4. Pega el código de Opinafy en el campo "Inyeccion de código en la cabecera de la página".
  5. Guarda los cambios.
4

Verifica que funciona

  1. Visita tu sitio Squarespace y navega a la página donde insertaste el widget.
  2. Deberia cargar automáticamente mostrando tus testimonios aprobados.
  3. Si no ves nada, verifica que tienes testimonios con estado "Aprobado" en tu panel.
  4. Comprueba que el ID del proyecto es correcto.

Consejo: Squarespace puede tardar unos minutos en reflejar los cambios. Si no ves el widget inmediatamente, espera unos minutos y recarga la página.

Consejos para Squarespace

  • El widget se integra perfectamente con la estetica mínimalista de Squarespace.
  • Usa el layout "Muro" para un efecto visual tipo masonry que combina bien con los diseños de Squarespace.
  • Usa el tema "Oscuro" si tu sitio tiene un fondo oscuro.
  • El widget es totalmente responsive y se adapta a todos los breakpoints de Squarespace.
  • Funciona con todas las plantillas de Squarespace, incluyendo la version 7.1.

Preguntas frecuentes

¿El widget afecta la velocidad de mi sitio Squarespace?

No. El script de Opinafy pesa menos de 25 KB y se carga de forma asincrona. No afecta al rendimiento de tu sitio.

Funciona con todas las plantillas de Squarespace?

Si. El widget usa Shadow DOM para aislar sus estilos, lo que garantiza compatibilidad con cualquier plantilla de Squarespace sin conflictos de CSS.

¿Necesito un plan Business de Squarespace?

Para usar bloques de código, si. Sin embargo, puedes usar la inyeccion de código general (disponible en todos los planes de pago) como alternativa.

¿Puedo personalizar el diseño del widget?

Por supuesto. Desde el panel de Opinafy puedes cambiar colores, tipografia, layout, bordes y más para que combine perfectamente con tu sitio Squarespace.

¿Necesito actualizar el código cuando agrego nuevos testimonios?

No. El widget se actualiza automáticamente. Cuando apruebas un nuevo testimonio, aparece en tu sitio sin tocar código.

Listo para agregar testimonios a tu sitio Squarespace?

Crea tu cuenta gratis y empieza a mostrar prueba social en tu sitio en minutos.

Crear cuenta gratisVer guía para Wix