> ## 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 Custom Code Element for Advanced Features

> Add custom HTML, CSS, or JavaScript to integrate tools, tracking scripts, and advanced features into your landing pages.

The Custom Code element allows you to add your own code directly inside your page.

This is useful for advanced use cases where you want more control or need to integrate external tools.

***

## How It Works

* Drag and drop the **Custom Code** element onto your page
* Click **Edit Custom Code** on the right panel
* Add your code (HTML, CSS, or JavaScript)

***

## Important Behavior

* The code **does NOT display inside the editor**
* It only becomes visible in:
  * Preview mode
  * Live (published) page

This is normal - always use Preview to check your code.

***

## What You Can Use It For

The Custom Code element is commonly used by affiliates, media buyers, and marketing teams for:

* Tracking scripts (custom pixels, events, third-party trackers)
* Embedding external widgets (chat tools, calendars, forms)
* Adding custom HTML sections
* Running JavaScript logic (timers, dynamic content, redirects)
* Integrating tools not natively supported

***

## Best Practices

* Always test your code in **Preview** before publishing
* Avoid adding heavy scripts that may slow down your page
* Keep your code clean and minimal