> ## 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.

# Usa el elemento de código personalizado para funciones avanzadas

> Añade HTML, CSS o JavaScript personalizado para integrar herramientas, scripts de seguimiento y funciones avanzadas en tus landing pages.

El elemento Custom Code te permite añadir tu propio código directamente dentro de la página.

Es útil en casos avanzados en los que quieres más control o necesitas integrar herramientas externas.

***

## Cómo funciona

* Arrastra y suelta el elemento **Custom Code** en tu página
* Haz clic en **Edit Custom Code** en el panel derecho
* Añade tu código (HTML, CSS o JavaScript)

***

## Comportamiento importante

* El código **no se muestra dentro del editor**
* Solo se ve en:
  * El modo de vista previa
  * La página publicada (en vivo)

Esto es normal: usa siempre la vista previa para comprobar tu código.

***

## Para qué puedes usarlo

El elemento Custom Code lo usan habitualmente afiliados, media buyers y equipos de marketing para:

* Scripts de seguimiento (píxeles personalizados, eventos, trackers de terceros)
* Insertar widgets externos (chats, calendarios, formularios)
* Añadir secciones HTML personalizadas
* Ejecutar lógica en JavaScript (temporizadores, contenido dinámico, redirecciones)
* Integrar herramientas que no son compatibles de forma nativa

***

## Buenas prácticas

* Prueba siempre tu código en **Preview** antes de publicar
* Evita añadir scripts pesados que puedan ralentizar tu página
* Mantén tu código limpio y mínimo