Integra el widget de calendario de reservas de campos en tu sitio web

📑 Índice de contenidos

¿Qué es el widget de calendario de reservas?
¿Dónde encuentro mi widget?
Cómo integrar el calendario SEMANAL
Cómo insertar subpáginas específicas
Cómo integrar el calendario DIARIO

1. ¿Qué es el widget de calendario de reservas?

Un widget es un elemento que puedes insertar en tu propio sitio web. Normalmente lo proporciona un servicio externo; en este caso, proviene de tu Eversports Manager y se trata del calendario de reservas de campos. 🎾

2. ¿Dónde encuentro mi widget?

Para insertar el calendario de reservas en tu web, necesitas tu enlace personal del widget:

Ve a Ajustes > Widget de calendario de reservas de campos
.
Encontrarás el enlace en la primera sección, arriba a la izquierda: Enlace del widget.
Si haces clic en el icono del ojo 👁️ junto al enlace, podrás ver una vista previa del calendario.

💡 Consejo: también puedes copiar el enlace directamente desde ahí, lo cual es imprescindible para integrarlo en tu web. Por norma general, el enlace sigue esta estructura: https://www.eversports.com/widget/w/tuCódigoIndividual

3 ¿Cómo integro el calendario SEMANAL?

Existen dos formas de insertar el widget de horarios en tu web. Ambas opciones muestran todas las actividades de la semana en curso.

1. Botón de reserva – enlace externo en una nueva pestaña

Puedes vincular la URL del widget a cualquier botón de tu página. Al hacer clic, se abrirá una nueva pestaña. Para ello, simplemente copia y pega el enlace del widget en tu editor web (WordPress, Jimdo, Wix, etc.).

2. iFrame – integración directa en la web

También puedes insertar el calendario de reservas directamente en tu sitio. Sigue estos pasos:

Abre tu editor web.
Ve al lugar donde quieres integrar el widget.
Copia el siguiente código y pégalo en tu editor:

<iframewidth="100%"height="1450px"src="Copia-aquí-tu-enlace-del-widget"frameborder="0"> </iframe>

📌 Nota: este paso depende del editor que utilices, aunque suele haber elementos en el menú (widget, HTML, iFrame, etc.) que puedes colocar donde prefieras en tu web.

Copia tu enlace personal del widget y sustituye el marcador 'Copia-aquí-tu-enlace-del-widget' en el código anterior por tu enlace.

Si lo necesitas, puedes ajustar la altura (height) en píxeles; esta varía según el número de clases mostradas. Recomendamos 900px.

⚠️ Importante: el ancho de la web debe ser de al menos 1030px. Si el área donde se muestra el contenido es demasiado estrecha, el calendario semanal pasará automáticamente a la vista móvil y los días de la semana se mostrarán uno debajo del otro. Esto suele ocurrir cuando hay márgenes amplios a ambos lados sin contenido. Solo puede ajustarse desde tu editor web.

4. Cómo insertar subpáginas específicas (talleres, clases, etc.)

También puedes añadir enlaces a subpáginas concretas de tu web (por ejemplo, un enlace solo a tus talleres). Para ello, copia tu enlace del widget y añade al final uno de estos parámetros:

Solo talleres: ?list=workshop
Solo clases: ?list=class
Solo cursos: ?list=course
Solo formaciones: ?list=training
Solo bonos regalo: ?list=voucher
Solo la tienda de productos ("Precios"): ?list=shop
Solo la videoteca: ?list=recording
Solo formación/educación: ?list=education

Ejemplo: https://www.eversports.com/widget/w/k2j2e0?list=workshop

5. ¿Cómo integro el calendario DIARIO?

⚠️ Importante: no es posible reservar a través del widget diario. Solo sirve como resumen de todas las actividades del día en curso.

Para mostrar el widget diario, sigue estos pasos:

Copia tu enlace del widget.
Añade el siguiente código al final del enlace: /day-event-calendar

Ejemplo: https://www.eversports.com/widget/w/k2j2e0/day-event-calendar

❓ ¿Sigues teniendo dudas? ¡Estamos aquí para ayudarte!

Si no estás segur@ de si esta función es adecuada para tu negocio o necesitas ayuda para configurarla, no dudes en contactarnos.

📚 Consulta nuestro Centro de ayuda para ver guías y tutoriales detallados.

💬 Contacta con nuestro equipo de soporte si necesitas asistencia personalizada. Estaremos encantados de ayudarte a sacar el máximo partido a Eversports.

👉 Contacta con soporte: support@eversports.com