Este artículo explica cómo añadir un widget de bsport (calendario, bonos, membresías y más) a una página de tu sitio web de Squarespace con un bloque de código.
Antes de empezar
Tu plan de Squarespace: Squarespace solo permite ejecutar JavaScript o un iframe dentro de un bloque de código en los planes Core, Plus o Advanced. En otros planes, el widget no se mostrará.
El código de tu widget: necesitas el código generado en tu back office de bsport. Si aún no lo has creado, sigue las instrucciones de Widget: cómo integrar un widget de bsport en tu sitio web y copia el código al final.
Añade el widget a tu página
En el back office de bsport, ve a Ajustes > Widgets, elige tu widget, configúralo y haz clic en el icono de copiar para copiar el código.
En Squarespace, abre la página donde quieras colocar el widget y haz clic en Editar.
Coloca el cursor sobre la sección donde debe aparecer el widget, haz clic en Añadir bloque (o +) y elige Código.
Haz clic en el icono del lápiz del bloque para abrir el editor de código.
En el menú Modo, selecciona HTML. Asegúrate de que Display Source esté desactivado; de lo contrario, el código se mostrará como texto en lugar de ejecutarse.
Pega el código del widget de bsport en el editor.
Haz clic en Guardar (o Aplicar) y luego guarda y publica tu página.
Abre tu sitio web en vivo y comprueba que el widget aparece correctamente.
Cada vez que cambies la configuración de tu widget en el back office de bsport, se genera un nuevo código. Tu sitio web no se actualiza automáticamente: copia el código nuevo y sustituye el antiguo en el bloque de código.
Solución de problemas
Veo el código como texto en mi página. Abre el bloque de código, configura el modo en HTML y desactiva Display Source.
El widget aparece en blanco mientras edito. Por motivos de seguridad, Squarespace a veces oculta el código incrustado mientras tienes la sesión iniciada. Haz clic en Preview in Safe Mode o abre la página publicada en una ventana de navegación privada.
El widget no se muestra en una página concreta. Squarespace indica que el código puede no mostrarse en páginas de índice, o cuando la carga AJAX está activada. Prueba con una página estándar o desactiva la carga AJAX en la configuración de tu sitio.
Ya no puedo editar mi página. Si un bloque de código te impide editar, desactiva los scripts en la vista previa de Squarespace y luego edita o elimina el bloque.
El widget se ve diferente de la vista previa, aparece cortado o comprimido en móvil. Consulta Widget: problemas más comunes (modo de compatibilidad, ancho del contenedor y visualización en móvil).
¿Sigues atascado? Contáctanos en support@bsport.io e incluye el enlace a la página donde debería aparecer el widget.
¿Puede bsport integrar mis widgets por mí? Sí — si prefieres que nos encarguemos de la configuración, descubre qué necesitamos para empezar.