¿Quieres crear diferentes vistas del calendario de cursos en tu sitio web? ¿Quieres, por ejemplo, tener una vista del calendario que solo muestre una de tus ubicaciones, entrenadores o cursos específicos? Entonces, esta guía es lo que estabas buscando.

Tienes la posibilidad de utilizar todos los filtros disponibles como una vista “filtrada” de tu calendario.

Por el momento, podemos ofrecerte estos filtros para tu calendario en línea:

Tipo de evento (clases, cursos, talleres, compromisos, medidas preventivas, retiros)
Ubicaciones
Entrenador

Escoge la vista de filtro que te gustaría incrustar

Abre tu calendario de reservas en línea en una página del navegador. Si no está seguro, ve a Configuración > Calendario de reservas en línea > Compartir tu calendario. Copie el enlace, abre una nueva página del navegador y pégalo.
En el lado derecho, ahora verás todos los filtros disponibles. Selecciona el filtro que deseas usar para generar una vista "filtrada" del calendario. Copia la URL que se muestra en la barra de direcciones

Obtén el código para incrustar en tu página web

Vuelve a FitogramPro y ve a Ajustes > Calendario online > Comparta tu calendario > Integración.
En Integración, elige "Incrustar en el sitio web" > Añadir el calendario en tu página web
Selecciona el código iframe
Copia el código
En el código, reemplaza https://widget.fitogram.pro/your_domain con la URL que copiaste anteriormente.
⚠️ Por favor, ten en cuenta que la parte “?fito-embedded=true” forma parte de la URL
Pega el código en tu sitio web

Ejemplo,

Este es el código iframe HTML estándar copiado de FitogramPro:

<iframe
frameborder="0"
scrolling="yes"
src="https://widget.fitogram.pro/my_domain/?fito-embedded=true&w=/list-view"
width="100%"
height="800px">
</iframe>

Me gustaría mostrar únicamente mis citas. La URL de esta vista filtrada es

https://widget.fitogram.pro/my_domain/?f=type/Appointment&w=/list-view

Entonces, el código para mi vista filtrada se verá así:

<iframe
frameborder="0"
scrolling="yes"
src="https://widget.fitogram.pro/my_domain/?f=type/Appointment&w=/list-view"
width="100%"
height="800px">
</iframe>