En el iframe, hay 4 variables con las que se puede jugar: instituciones, actividades, profesores y niveles de los cursos. En el cuarto paso, encontrarás un ejemplo del iframe que debe ser copiado y pegado.
1er Paso: Encontrar los códigos que corresponden a las diferentes variables.
Aquí, lo mejor que se puede hacer es conectarse a la plataforma bsport.
Encontrar el código de una actividad: Mi Club > Mis Actividades > Selecciona una actividad. El código de la actividad se puede encontrar en el URL de la página. Por ejemplo, aquí el código es 167.
Encontrar el código de un establecimiento: Mi Club > Establecimientos > Haz clic en un establecimiento. El código se puede encontrar en el URL de la página.
Encontrar el código de un profesor: Mi Club > Profesores > Haz clic en un profesor. El código se puede encontrar en el URL de la página.
Encontrar el código de un nivel: Los niveles están listados de la siguiente manera: 1 - todos los niveles; 2 - principiante; 3 - intermedio; 4 - avanzado.
2ndo Paso: Entender el iframe.
Aquí está la estructura del iframe:
Hay varias cosas importantes:
CompanyID: es el número de cuenta del club. Lo puedes encontrar en la plataforma de bsport en: Ajustes > General.
Widget type: esta es la forma en que quieres mostrar tus calendarios. La visualización puede ser en "calendario" (visualización como en los calendarios de las lecciones de grupo). O en "taller" (como en el caso de los talleres), por ejemplo: http://www.yogawithyoubordeaux.com/ateliers/.
CompactMode : (esto sólo es aplicable para el modo 'calendario').
false: ver la lista de cursos forzados en el calendario. Ejemplo : https://www.qee.fr/centre-qee-aix-en-provence/
true : ver semana de calendario en la lista. Ejemplo: http://www.yogawithyoubordeaux.com/studio-2/
Advertencia: Si en la versión telefónica, el calendario aparece con compensaciones, no dude en eliminar esta línea del código.Lang: indica el lenguaje de la página.
3er Paso: Añadir filtros al iframe.
Puedes pre-filtrar tus calendarios añadiendo un defaultFilters a tu iframe para definir los filtros interesantes para tu calendario.
Para ello, utiliza los códigos del primer paso y colócalos entre paréntesis (como en el siguiente ejemplo):
Ejemplo: Filtro mi calendario para mi establecimiento (140), para clientes de todos los niveles (1) y para dos actividades (113.114).
Los corchetes vacíos [ ] significan que no habrá filtros para esta sección.
Cuando filtras por varios elementos, sepáralos con una coma.
Finalmente, para añadir la secuencia a tu sitio, "copia/pega" la secuencia en el código fuente de tu sitio.
4o Paso: Completar el ejemplo del widget para copiar / pegar.
<div id="bsport-widget"></div>
<script src="https://cdn.bsport.io/scripts/widget.js"></script>
<script>
BsportWidget.mount({
parentElement: 'bsport-widget',
compactMode: false,
companyId: XXX,
widgetType: 'calendar',
lang: 'fr-FR',
defaultFilters:{
coaches:[],
establishments:[],
levels:[],
metaActivities:[],
}
});
</script>