ℹ️ Questo articolo verrà aggiornato man mano che rilasceremo nuovi miglioramenti nei prossimi mesi.
Il widget Calendario di bsport ti permette di mostrare il tuo Programma dei corsi direttamente sul tuo sito web, così i clienti possono sfogliare e prenotare le lezioni senza lasciare il tuo sito. Trovi queste opzioni in Impostazioni > Widget, nel passaggio 2 · Configurazione della scheda Configura, una volta selezionato il widget Calendario.
1. Visualizzazione
Scegli come impostare il layout del calendario. L'anteprima a destra si aggiorna man mano che modifichi ogni opzione.
Visualizzazione settimanale, modalità elenco — le sessioni sono elencate una sotto l'altra lungo la settimana.
Visualizzazione settimanale, modalità scheda — le sessioni vengono mostrate come schede. Nella visualizzazione responsive puoi scegliere di separare le sessioni di mattina, pomeriggio e sera. Se durante la settimana hai molte fasce orarie libere, ti consigliamo di disattivare questa impostazione in modo che le sessioni vengano visualizzate una sotto l'altra.
Visualizzazione responsive — il calendario viene mostrato in modalità scheda per impostazione predefinita e passa alla modalità elenco su dispositivi mobili.
Sessioni del giorno — vengono mostrate solo le sessioni del giorno corrente, senza intestazioni né filtri.
2. Informazioni in evidenza nel titolo della lezione
Informazioni in evidenza nel titolo della lezione ti permette di scegliere quale informazione compare per prima su ogni scheda del calendario: Servizio, Istruttore o Programma.
3. Opzioni di filtro
I filtri aiutano i clienti a trovare le lezioni che corrispondono alle loro preferenze. Puoi filtrare il calendario in base a:
Istruttore — mostra le lezioni con istruttori specifici.
Servizio — filtra per tipo di lezione, ad esempio Yoga, Pilates o HIIT.
Stabilimenti — mostra le lezioni in uno Stabilimento specifico.
Livello — filtra per difficoltà, ad esempio Principiante, Intermedio o Tutti i livelli.
Filtri del calendario su dispositivi mobili
Su dispositivi mobili, la barra di ricerca e i filtri vengono visualizzati orizzontalmente, quindi i clienti devono scorrere lateralmente per vederli tutti. Per modificare questo comportamento, incolla uno dei frammenti di codice qui sotto nell'editor CSS personalizzato.
Mostra tutti i filtri — dispone i filtri su più righe in modo che siano tutti visibili contemporaneamente:
@media (max-width: 500px) { .bs-marketplace-filters__list { flex-wrap: wrap; justify-content: center; }}
Nascondi tutti i filtri — rimuove completamente i filtri su dispositivi mobili:
@media (max-width: 500px) { .bs-marketplace-filters__list { display: none; }}
Incolla uno dei due frammenti nell'area CSS personalizzato del widget calendario nel tuo back office, in Impostazioni > Widget > CSS.
Per nascondere un elemento specifico anziché l'intera barra dei filtri, consulta la nostra guida su come rimuovere un elemento utilizzando CSS personalizzato:
4. Pubblica il widget sul tuo sito web
Una volta configurato il widget, apri il passaggio 3 · Pubblica.
Seleziona Copia codice di incorporamento.
Vai all'editor del tuo sito web.
Aggiungi un blocco HTML o un elemento Codice, quindi incolla il codice.
Per verificare il widget prima di aggiungerlo al tuo sito, copia invece il link di anteprima dallo stesso passaggio.
Importante: la configurazione impostata nel Back Office non si aggiorna automaticamente sul tuo sito web. Ogni volta che modifichi la configurazione, viene generato un nuovo codice di incorporamento. Le modifiche appariranno solo dopo aver incollato il nuovo codice nel tuo sito web.
Se riscontri problemi, consulta il nostro articolo sui problemi più comuni dei widget. Per qualsiasi altra domanda, contatta il tuo Account Manager.