Este artigo explica como adicionar um widget bsport (calendário, passes, assinaturas e mais) a uma página do seu site Squarespace usando um Bloco de código.
Antes de começar
O seu plano Squarespace: o Squarespace só permite executar JavaScript ou um iframe dentro de um bloco de código nos planos Core, Plus ou Advanced. Noutros planos, o widget não será exibido.
O código do seu widget: precisa do código gerado no seu back office bsport. Se ainda não o criou, siga Widget: Como integrar um widget bsport no seu site e copie o código no final.
Adicionar o widget à sua página
No back office bsport, vá a Definições > Widgets, escolha o seu widget, defina a sua configuração e clique no ícone copiar para copiar o código.
No Squarespace, abra a página onde pretende o widget e clique em Editar.
Passe o cursor sobre a secção onde o widget deve aparecer, clique em Adicionar bloco (ou +) e escolha Código.
Clique no ícone de lápis no bloco para abrir o editor de código.
No menu Modo, selecione HTML. Certifique-se de que a opção Display Source está desativada, caso contrário o código é apresentado como texto em vez de ser executado.
Cole o código do widget bsport no editor.
Clique em Guardar (ou Aplicar) e, em seguida, guarde e publique a sua página.
Abra o seu site ao vivo e verifique se o widget aparece.
Sempre que altera as definições do seu widget no back office bsport, é gerado um novo código. O seu site não é atualizado automaticamente: copie o novo código e substitua o antigo no bloco de código.
Resolução de problemas
Vejo o código como texto na minha página. Abra o bloco de código, defina o Modo como HTML e desative o Display Source.
O widget aparece vazio enquanto estou a editar. Por razões de segurança, o Squarespace por vezes oculta código incorporado enquanto está com sessão iniciada. Clique em Preview in Safe Mode, ou abra a página publicada numa janela de navegação privada.
O widget não é apresentado numa página específica. O Squarespace indica que o código pode não ser apresentado em páginas de índice, ou quando o carregamento AJAX está ativado. Experimente uma página padrão, ou desative o carregamento AJAX nas definições do seu site.
Já não consigo editar a minha página. Se um bloco de código o impedir de editar, desative os scripts na pré-visualização do Squarespace e, em seguida, edite ou remova o bloco.
O widget tem um aspeto diferente da pré-visualização, está cortado ou aparece comprimido em dispositivos móveis. Consulte Widget: problemas mais comuns (Modo de compatibilidade, largura do contentor e visualização em dispositivos móveis).
Continua com problemas? Contacte-nos em support@bsport.io e inclua o link para a página onde o widget deve aparecer.
A bsport pode integrar os meus widgets por mim? Sim — se preferir que tratemos da configuração, descubra o que precisamos para começar.