Cómo crear y integrar el widget de calendario de Eversports

El widget de calendario de Eversports te permite mostrar tu programación directamente en tu sitio web, ofreciendo una experiencia de reserva fluida y optimizada para dispositivos móviles

Pasos para crear y integrar el widget en tu sitio web

1. Acceder a la configuración del widget

• En tu Eversports Manager, ve a Ajustes > Widgets [NUEVO].

  
• Haz clic en “Crear nuevo widget”

• Selecciona la categoría “Horario” para crear un widget basado en tu programación.

• Asigna un nombre interno al widget (este no será visible para tus clientes).

2. Configura el widget

• Si gestionas múltiples ubicaciones, selecciona los estudios que deseas incluir.

• Aplica filtros opcionales para mostrar actividades específicas por entrenador, grupo de actividades o deporte.
  
  

• Personaliza el diseño del widget para que coincida con la estética de tu sitio web, ajustando colores de fondo, texto y botones.
  
  

Fondo (1): El fondo del widget - normalmente es mejor que coincida con su sitio
Fondo de las tarjetas (2): El fondo de las tarjetas de actividades
Texto (3): Color
de fuente utilizado para las fechas y los meses
Texto de la tarjeta (4): Color de la fuente dentro de las tarjetas de actividades
Primario (5): Color del botón en el selector de fechas del móvil

• Decide qué información mostrar en las tarjetas de actividad, como nombre del entrenador, sala, plazas disponibles o nivel de la actividad.
• Vista previa y guardar: una vez que esté satisfecho con su configuración: Haz clic en «Guardar widget».

Obtener y integrar el código del widget

• En la página de configuración del widget, encontrarás: un código de widget y un script necesario para cargar el widget

• Insertar el código en tu sitio web

  • Agrega el script una vez por página, preferiblemente en el encabezado o antes del cierre de la etiqueta </body>.

  • Coloca el código del widget (<div>) en la ubicación donde deseas que aparezca el calendario.

  • Utiliza un bloque HTML o una sección de código personalizado en tu constructor de sitios web para insertar estos códigos