Antes de começar
Gere o código do seu widget no back office da bsport: Definições → Widgets, escolha o tipo de widget, configure as suas opções e, em seguida, desça e copie o código. Sempre que altera uma definição, é gerado um novo código, e tem de colar a nova versão no seu site para que a alteração tenha efeito.
Método 1 — Elemento Embed (recomendado)
Abra a página no Webflow Designer
Clique no painel Add (+) e procure Embed em Components
Arraste-o para a página, para o local onde pretende colocar o widget
Cole o código do seu widget no editor de código e clique em Save & Close
Clique em Publish
⚠️ O widget não aparece no Designer. O Webflow mostra aí um espaço reservado cinzento. Isto é normal — publique o site, ou utilize o ícone de pré-visualização (olho), para ver o widget real.
Há duas coisas que vale a pena configurar no próprio elemento Embed:
Defina a largura do contentor principal como 100% para que o widget tenha espaço para ser responsivo
Deixe a altura em automático em vez de a fixar, para que o widget possa expandir-se consoante o conteúdo
Método 2 — Código personalizado da página ou do site
Utilize este método quando o mesmo widget deve aparecer em todas as páginas, ou quando precisa que o script carregue antes de a página ser apresentada.
Uma página: Page Settings (o ícone de engrenagem junto ao nome da página) → Custom Code → Before </body> tag
Todo o site: Project Settings → Custom Code → Footer Code
O código aplicado a todo o site é válido em todas as páginas publicadas, por isso prefira a opção ao nível da página, a menos que realmente precise que apareça em todo o lado.
Resolução de problemas
O widget aparece no site publicado, mas não no Designer.
Comportamento esperado. O Webflow nunca executa scripts incorporados na área de trabalho do Designer.
As alterações feitas no back office não aparecem.
A configuração não é atualizada automaticamente no seu site. Copie o código recém-gerado e substitua totalmente o anterior, depois volte a publicar.
O widget tem um aspeto diferente da pré-visualização no back office.
A folha de estilos do seu site pode estar a afetá-lo. Ative o Modo de compatibilidade nas definições do seu widget, depois copie e cole o novo código.
O editor de código não aceita o código.
O elemento Embed do Webflow tem um limite de 50 000 carateres. O código do widget bsport fica bastante abaixo deste limite, por isso, se o atingir, verifique se não foi colado mais nada juntamente com ele.
O widget aparece cortado ou apertado.
Verifique a largura do contentor principal e qualquer largura máxima definida, e verifique também os breakpoints para dispositivos móveis separadamente no Designer.
Não aparece nada.
Confirme que o site foi publicado depois de ter adicionado o código — as alterações no Webflow só ficam ativas depois de publicar.
Continua com dificuldades? Contacte a nossa equipa de suporte com o URL da página e uma captura de ecrã, e nós vamos analisar o caso.