# Code

A **Code** input is great for when you need to give the user flexibility to write elaborate pieces of code. This could be things like complex ESP code that wouldn't otherwise be able to be made flexible enough with Selects and Text Strings. It's important to stress caution of implementing these types of inputs as it can defeat the purpose of having a Drag\&Drop editor in the first place.

Works great for:

* Complex ESP code
* Code Blocks

### Template Editor

When creating a new **Code** input, you will be able to insert some default code along with any Hints you may want to inform the user about. 

<div align="left"><figure><img src="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FwxlMSvr1TzN7HgoFbH5e%2FSk%C3%A6rmbillede%202025-10-21%20155815.png?alt=media&#x26;token=9565aecc-d70e-47bc-b735-76cfde0faca1" alt=""><figcaption></figcaption></figure></div>

### Email Editor

<div align="left"><figure><img src="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FDh5xQRCX328VxELzWZfZ%2FSk%C3%A6rmbillede%202025-10-21%20160108.png?alt=media&#x26;token=085f411d-2165-4b13-bf26-e76bab536a90" alt=""><figcaption><p>This is how it looks in the Email Editor</p></figcaption></figure></div>