Questo articolo spiega come aggiungere un widget bsport (calendario, pass, abbonamenti e altro) a una pagina del tuo sito Squarespace usando un blocco di codice.
Prima di iniziare
Il tuo piano Squarespace: Squarespace consente di eseguire JavaScript o un iframe all'interno di un blocco di codice solo con i piani Core, Plus o Advanced. Con altri piani il widget non verrà visualizzato.
Il codice del tuo widget: ti serve il codice generato nel back office bsport. Se non l'hai ancora creato, segui le istruzioni in Widget: come integrare un widget bsport sul tuo sito web e copia il codice alla fine.
Aggiungi il widget alla tua pagina
Nel back office bsport, vai su Impostazioni > Widget, scegli il tuo widget, imposta la configurazione e clicca sull'icona copia per copiare il codice.
Su Squarespace, apri la pagina in cui vuoi inserire il widget e clicca su Modifica.
Passa con il mouse sulla sezione in cui deve apparire il widget, clicca su Aggiungi blocco (o +) e scegli Codice.
Clicca sull'icona a forma di matita sul blocco per aprire l'editor di codice.
Nel menu Modalità, seleziona HTML. Assicurati che l'opzione Visualizza sorgente sia disattivata, altrimenti il codice viene mostrato come testo invece di essere eseguito.
Incolla il codice del widget bsport nell'editor.
Clicca su Salva (o Applica), quindi salva e pubblica la tua pagina.
Apri il tuo sito web pubblicato e verifica che il widget sia visibile.
Ogni volta che modifichi le impostazioni del widget nel back office bsport, viene generato un nuovo codice. Il tuo sito web non si aggiorna automaticamente: copia il nuovo codice e sostituisci quello vecchio nel blocco di codice.
Risoluzione dei problemi
Vedo il codice come testo nella mia pagina. Apri il blocco di codice, imposta la modalità su HTML e disattiva Visualizza sorgente.
Il widget è vuoto durante la modifica. Per motivi di sicurezza, Squarespace a volte nasconde il codice incorporato mentre sei connesso. Clicca su Anteprima in modalità sicura, oppure apri la pagina pubblicata in una finestra di navigazione privata.
Il widget non viene visualizzato su una pagina specifica. Squarespace segnala che il codice potrebbe non essere visualizzato sulle pagine indice, o quando il caricamento AJAX è attivo. Prova con una pagina standard, oppure disattiva il caricamento AJAX nelle impostazioni del sito.
Non riesco più a modificare la mia pagina. Se un blocco di codice ti impedisce di modificare la pagina, disattiva gli script nell'anteprima Squarespace, quindi modifica o rimuovi il blocco.
Il widget è diverso dall'anteprima, è tagliato o compresso su mobile. Consulta Widget: problemi più comuni (modalità di compatibilità, larghezza del contenitore e visualizzazione mobile).
Problema non risolto? Contattaci a support@bsport.io indicando il link alla pagina in cui dovrebbe apparire il widget.
Può bsport integrare i widget al posto mio? Sì — se preferisci lasciare che ce ne occupiamo noi, scopri cosa ci serve per iniziare.