Antes de começares
Gera o código do teu widget no back office bsport: Definições > Widgets, escolhe o tipo de widget, configura as tuas opções e, em seguida, desce até ao fundo e copia o código. Sempre que alteras uma definição, é gerado um novo código, e tens de colar a nova versão no teu site para a alteração ter efeito.
Método 1 — Bloco de HTML personalizado (recomendado)
Para o editor de blocos padrão do WordPress:
Edita a página onde pretendes colocar o widget
Clica em + para adicionar um bloco e pesquisa por HTML
Cola o código do teu widget no bloco
Atualiza a página
Método 2 — Construtores de páginas
Elementor: escolhe um elemento HTML, arrasta-o para a página e cola o código nele.
Divi: adiciona um módulo de Código e cola o código aí.
WPBakery: adiciona um elemento Raw HTML.
Em cada caso, o princípio é o mesmo: usa o elemento concebido para HTML puro, e não um elemento de texto ou de texto formatado, que vai remover as tags de script.
Método 3 — Em todo o site, através de um plugin de snippets de código
Utiliza este método quando o teu tema ou a tua configuração de segurança impedirem scripts no conteúdo da página.
Instala um plugin de snippets de código como o WPCode ou o Code Snippets
Cria um novo snippet configurado para ser executado no rodapé do site
Cola o código do teu widget e ativa-o.
Copia o shortcode que aparece abaixo:
Vai até à página onde queres ter o widget e escolhe o elemento de shortcode. Cola e guarda.
Evita editar os ficheiros do tema diretamente através de Aparência > Editor de Ficheiros do Tema. As alterações feitas aí perdem-se na próxima atualização do teu tema.
Resolução de problemas
O código desaparece depois de guardar. Um plugin de segurança (Wordfence, Sucuri) ou o teu papel de utilizador está a remover as tags de script. Os administradores podem normalmente inserir scripts; os editores e autores muitas vezes não conseguem. Se és administrador e isto continua a acontecer, utiliza antes um plugin de snippets de código.
O widget mostra informação antiga, ou as alterações não aparecem. Limpa o teu plugin de cache (WP Rocket, W3 Total Cache, LiteSpeed) e qualquer cache de CDN, como a da Cloudflare. A cache é a causa mais comum de um site WordPress mostrar uma versão desatualizada de uma página.
As alterações feitas no back office não aparecem. Isto é diferente da cache: a configuração não se atualiza automaticamente no teu site. Copia o código recém-gerado e substitui completamente o anterior.
O widget tem um aspeto diferente do que aparece na pré-visualização do back office. A folha de estilos do teu tema pode estar a afetá-lo. Ativa o Modo de Compatibilidade nas definições do teu widget e, depois, copia e cola o novo código.
O widget aparece duas vezes. Verifica se não foi adicionado tanto ao conteúdo da página como a um snippet aplicado a todo o site.
Não aparece nada. Abre a página numa janela de navegação privada para excluir a hipótese de ser a cache e, em seguida, confirma se o código ainda está presente no bloco — alguns editores removem scripts silenciosamente quando uma página é guardada novamente a partir de um modo de edição diferente.
Continuas com dificuldades? Contacta a nossa equipa de suporte com o URL da página e uma captura de ecrã, e nós vamos analisar o caso.