Nell'iframe ci sono 4 variabili su cui possiamo giocare: le strutture, le attività, i docenti e i livelli dei corsi. Troverai nel passaggio 4 l'esempio dell'iframe da copiare / incollare.
1° Passaggio: Trova i codici che corrispondono alle diverse variabili.
Qui, la cosa migliore è collegarti alla tua piattaforma bsport.
Trova il codice di un'attività: Il mio club> Le mie attività> Seleziona un'attività. Il codice attività può essere trovato nell'URL della pagina. Esempio, qui il codice è 297.
Trova il codice di una struttura: Il mio club> Strutture> Fai clic su una struttura. Il codice si trova nell'URL della pagina.
Trova il codice dell'insegnante: Il mio club> Insegnanti> Fai clic su un insegnante. Il codice si trova nell'URL della pagina.
Trova il codice di un livello: I livelli sono elencati come segue: 1 - tutti i livelli; 2 - principianti; 3 - intermedio; 4 - avanzato.
2° Passaggio: Comprendi il tuo iframe.
Ecco la struttura dell'iframe:
Ci sono molte cose importanti:
CompanyID : questo è il numero ID del club. Può essere trovato sulla piattaforma bsport in: Impostazioni> Generale.
Tipo di widget : questo è il modo in cui desideri visualizzare i tuoi calendari. La visualizzazione può essere in ''calendario'' (visualizzazione dei calendari delle lezioni di gruppo). O in "workshop" (visualizzazione dei workshop), ad esempio: http://www.yogawithyoubordeaux.com/ateliers/ .
CompactMode : (questo è applicabile solo per la modalità 'calendario').
false: visualizza l'elenco dei corsi forzati nel calendario. Esempio: https://www.qee.fr/centre-qee-aix-en-provence/
true: visualizzazione del calendario settimanale nell'elenco. Esempio: http://www.yogawithyoubordeaux.com/studio-2/
Attenzione: se nella versione del telefono il calendario appare con i turni, non esitate a cancellare questa riga del codice.
Lang : indica la lingua del sito Web
3° Passaggio: Aggiungi filtri all'iframe.
Puoi pre-filtrare i tuoi calendari aggiungendo un defaultFilters al tuo iframe per definire filtri interessanti per il tuo calendario.
Per fare ciò, utilizza i codici del passaggio 1 e inseriscili tra parentesi (come nell'esempio seguente):
Esempio: filtro il mio calendario per la mia struttura (140), per i clienti di tutti i livelli (1) e per due attività (113,114).
Tra parentesi vuote [ ] significa che non ci sono filtri per questa sezione.
Quando si filtra per più elementi , separarli con una virgola.
Infine, per aggiungere la sequenza al tuo sito, "copia / incolla" la sequenza nel codice sorgente del tuo sito.
4° Passaggio: esempio completo dello widget da copiare / incollare.
<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>
<div id="bsport-widget" />