# Códigos HTML/JS — Scripts e Estilos Personalizados

Integre ferramentas de terceiros (como pixels e chats) ou aplique estilos CSS específicos sem precisar alterar os arquivos do tema.

### Para que serve este módulo?

Muitas vezes é necessário inserir um "trecho de código" (script de analytics, pixel de conversão ou regra CSS) que não existe nativamente no tema. Ao centralizar esses trechos aqui, você mantém o controle sobre o que é injetado no site, onde é exibido (cabeçalho ou rodapé) e em quais páginas.

 Nota: Isso não altera o funcionamento de pedidos ou preços. As alterações são aplicadas imediatamente ao salvar (sujeito a cache do navegador).

## 1 - Atenção e Segurança

- **Estabilidade:** Scripts JavaScript mal escritos podem quebrar o layout ou travar o carregamento do site. Revise a origem do código antes de ativar.
- **Dados Sensíveis:** Evite inserir senhas ou credenciais de API diretamente no código HTML/JS, pois eles ficarão visíveis no código-fonte da página.
- **Emergência:** Se algo falhar no site (tela branca, botão que não clica) após uma alteração, use o botão de "Desativar" neste módulo para desligar o código suspeito imediatamente.

## 2 - Passo a Passo Rápido

1. **Identificação:** No campo de descrição, coloque um nome claro (ex: "Google Analytics 4", "Pixel Facebook", "Correção CSS Menu").
2. **Conteúdo:** Cole o código no editor. Lembre-se de incluir as tags