--- title: Códigos e widgets: CSS e scripts personalizados description: Como adicionar CSS personalizado, código ao cabeçalho e ao corpo (contadores, chats, pixels), restrições e segurança. section: account keywords: CSS personalizado, código do cabeçalho, código do corpo, contador, Google Analytics, pixel, widget de chat updated: 2026-09-16 --- 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. ![Bloco de Códigos e Widgets](/wiki/img/settings-code.webp "Código no cabeçalho e no final do corpo do texto.") ## Código no cabeçalho e no corpo - **Código do cabeçalho** — inserido no `` 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 ``. 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.js` no 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 `