Códigos e widgets: CSS e scripts personalizados
A seção "Códigos e Widgets" em Configurações permite que você insira seu próprio código em seu site: contadores, pixels de publicidade, widgets de bate-papo, banners de cookies, bem como seu próprio CSS para ajustar a aparência.
Código no cabeçalho e no corpo#
- Código do cabeçalho — inserido no
<head>de cada página do site. Para Google Analytics, Meta Pixel e meta tags de verificação. - O código no final do corpo é inserido antes de
</body>. Para widgets de bate-papo, banners de cookies e scripts que exigem uma página carregada.
Cole o código completo fornecido pelo serviço e clique em "Salvar". O limite de caracteres é de 20.000 por campo. O código funciona apenas no site público, não na sua conta.
Exemplos:
- Google Analytics 4 - fragmento
gtag.jsno cabeçalho. - Meta Pixel é um fragmento de um pixel na cabeça.
- Widget de bate-papo (Tawk, Crisp, JivoChat) - script no corpo.
- A verificação de direitos do Google/Bing/Yandex é mais conveniente através do bloco de SEO → “Verificação de direitos”.
CSS personalizado#
O CSS personalizado é adicionado por meio do assistente de IA ou do chat de IA conectado: "Adicionar CSS: tornar os botões completamente redondos". O assistente verifica o código e o aplica ao site. Para uma personalização precisa, use atributos de elementos do site, como [data-asd="card"] para o card, [data-asd="header"] para o cabeçalho e [data-asd="block-hero"] para o bloco hero. O assistente sugerirá uma lista.
Seu CSS é armazenado separadamente do estilo CSS do catálogo: quando você altera o estilo, suas edições são preservadas.
Limitações e segurança#
- No seu CSS, as tags e expressões
<style>,<script>e@importsão proibidas - elas são removidas durante a validação. - Os scripts no cabeçalho e no corpo da página são executados no navegador do visitante. Insira código apenas de serviços em que você confia.
- Se o site "quebrar" após colar o conteúdo, limpe o campo e salve - o site voltará à sua aparência normal.
Perguntas e Respostas#
O contador não conta#
Certifique-se de que o código esteja colado no cabeçalho, salvo e que o site esteja aberto em um endereço público (não na sua conta). Bloqueadores de anúncios podem interferir na verificação.
É possível inserir um mapa ou formulário?#
Sim, como um bloco de "HTML personalizado" na página através do assistente de IA. Veja Início e Menu.