Prima di iniziare
Genera il codice del widget nel back office di bsport: Impostazioni → Widget, scegli il tipo di widget, configura le opzioni, poi scorri verso il basso e copia il codice. Ogni volta che modifichi un'impostazione viene generato un nuovo codice, e devi incollare la nuova versione sul tuo sito perché la modifica abbia effetto.
Metodo 1 — Elemento Embed (consigliato)
Apri la pagina nel Webflow Designer
Clicca sul pannello Add (+) e trova Embed sotto Components
Trascinalo sulla pagina dove vuoi inserire il widget
Incolla il codice del widget nell'editor di codice e clicca su Save & Close
Clicca su Publish
⚠️ Il widget non verrà visualizzato nel Designer. Webflow mostra al suo posto un riquadro grigio. È normale: pubblica il sito, oppure usa l'icona dell'occhio per l'anteprima, per vedere il widget reale.
Due cose utili da impostare direttamente sull'elemento Embed:
Imposta il contenitore padre con una larghezza del 100%, così il widget ha spazio per essere responsive
Lascia l'altezza su auto invece di fissarla, così il widget può espandersi in base al contenuto
Metodo 2 — Codice personalizzato di pagina o di sito
Usa questo metodo quando lo stesso widget deve comparire su ogni pagina, o quando serve che lo script si carichi prima del rendering della pagina.
Una pagina: Page Settings (l'icona a forma di ingranaggio accanto al nome della pagina) → Custom Code → Before </body> tag
Intero sito: Project Settings → Custom Code → Footer Code
Il codice applicato a livello di sito viene applicato a ogni pagina pubblicata, quindi preferisci l'opzione a livello di pagina a meno che tu non ne abbia davvero bisogno ovunque.
Risoluzione dei problemi
Il widget è visibile nel sito pubblicato ma non nel Designer.
Comportamento previsto. Webflow non esegue mai gli script incorporati nell'area di lavoro del Designer.
Le modifiche fatte nel back office non sono visibili.
La configurazione non si aggiorna automaticamente sul tuo sito. Copia il nuovo codice generato e sostituisci completamente quello vecchio, poi ripubblica.
Il widget ha un aspetto diverso rispetto all'anteprima nel back office.
Il foglio di stile del tuo sito potrebbe influenzarlo. Attiva la Modalità compatibilità nelle impostazioni del widget, poi copia e incolla il nuovo codice.
L'editor di codice non accetta il codice.
L'elemento Embed di Webflow ha un limite di 50.000 caratteri. Il codice del widget bsport è ben al di sotto di questo limite, quindi se lo raggiungi, controlla che non sia stato incollato anche altro codice insieme.
Il widget risulta tagliato o compresso.
Controlla la larghezza del contenitore padre ed eventuali max-width impostati su di esso, e verifica separatamente i breakpoint mobile nel Designer.
Non appare nulla.
Verifica che il sito sia stato pubblicato dopo aver aggiunto il codice: le modifiche su Webflow non sono attive finché non pubblichi.
Hai ancora problemi? Contatta il nostro Team di supporto con l'URL della pagina e uno screenshot, e daremo un'occhiata.