> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use o elemento Custom Code para recursos avançados

> Adicione HTML, CSS ou JavaScript personalizado para integrar ferramentas, scripts de rastreamento e recursos avançados nas suas landing pages.

O elemento Custom Code permite adicionar seu próprio código diretamente na página.

Isso é útil em casos avançados, quando você quer mais controle ou precisa integrar ferramentas externas.

***

## Como funciona

* Arraste e solte o elemento **Custom Code** na sua página
* Clique em **Edit Custom Code** no painel da direita
* Adicione seu código (HTML, CSS ou JavaScript)

***

## Comportamento importante

* O código **NÃO é exibido dentro do editor**
* Ele só fica visível:
  * No modo de pré-visualização
  * Na página ao vivo (publicada)

Isso é normal: use sempre a pré-visualização para conferir o seu código.

***

## Para que você pode usar

O elemento Custom Code é muito usado por afiliados, media buyers e equipes de marketing para:

* Scripts de rastreamento (pixels personalizados, eventos, rastreadores de terceiros)
* Incorporar widgets externos (ferramentas de chat, calendários, formulários)
* Adicionar seções de HTML personalizadas
* Executar lógica em JavaScript (cronômetros, conteúdo dinâmico, redirecionamentos)
* Integrar ferramentas que não têm suporte nativo

***

## Boas práticas

* Teste sempre o código na **pré-visualização** antes de publicar
* Evite adicionar scripts pesados que possam deixar a página lenta
* Mantenha o código limpo e enxuto