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 diseno.

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 creacion de proyecto]
2

Obtener el codigo de integracion

  1. Dentro de tu proyecto, ve a la seccion "Widget".
  2. Personaliza el diseno: elige layout (carrusel, cuadricula, muro...), colores y tipografia.
  3. Copia el codigo de integracion que aparece debajo de la vista previa.

El codigo tendra 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 codigo a Squarespace

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

Opcion A: Bloque de codigo (recomendado)

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

Nota: Los bloques de codigo solo estan disponibles en planes Business y superiores de Squarespace.

Opcion B: Inyeccion de codigo (Code Injection)

Si quieres que los testimonios aparezcan en todas las paginas:

  1. Ve a Ajustes > Avanzado > Inyeccion de codigo (Settings > Advanced > Code Injection).
  2. Pega el codigo de Opinafy en la seccion "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 opcion necesitas agregar un div contenedor donde quieres que aparezca el widget.

Opcion C: Inyeccion por pagina

Para agregar testimonios solo en una pagina especifica:

  1. Abre la pagina deseada en el editor de Squarespace.
  2. Ve a la configuracion de la pagina (icono de engranaje).
  3. Selecciona la pestana "Avanzado" (Advanced).
  4. Pega el codigo de Opinafy en el campo "Inyeccion de codigo en la cabecera de la pagina".
  5. Guarda los cambios.
4

Verifica que funciona

  1. Visita tu sitio Squarespace y navega a la pagina donde insertaste el widget.
  2. Deberia cargar automaticamente 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 pagina.

Consejos para Squarespace

  • El widget se integra perfectamente con la estetica minimalista de Squarespace.
  • Usa el layout "Muro" para un efecto visual tipo masonry que combina bien con los disenos 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 codigo, si. Sin embargo, puedes usar la inyeccion de codigo general (disponible en todos los planes de pago) como alternativa.

Puedo personalizar el diseno del widget?

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

Necesito actualizar el codigo cuando agrego nuevos testimonios?

No. El widget se actualiza automaticamente. Cuando apruebas un nuevo testimonio, aparece en tu sitio sin tocar codigo.

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 guia para Wix