# Subject line & Preheader

Arguably one of the most important aspects of email marketing is writing a banger of a subject line and preheader to grab readers attention to even open your email in the first place.

### Editor

In the editor users are able to insert both Subject line and preheader for their email. The editor will give indications if the suggested amount of characters have been reached.\
More advanced ESP's are able to pick up one or both of these fields at export, saving you time to have to do it again.

<figure><img src="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FYFGynmjZfMZgN4l1QPmw%2FSk%C3%A6rmbillede%202025-05-23%20140057.png?alt=media&#x26;token=4c50e2ad-f8cd-4925-89b2-fbce6aed35e5" alt=""><figcaption></figcaption></figure>

### How to insert Subject line & Preheader into HTML

For some ESP's it's not part of their export options and thus it needs to be either manually inserted when sending out the email, and some of the fetch the information straight from the HTML. In these cases we've made it possible to insert those fields from the editor, so you don't have to create your own.\
\
**Subject line**

```html
<html>
  <head>
    <title>{{subjectline}}</title>
  </head>
```

**Preheader**

{% code overflow="wrap" %}

```html
<div style="display: none !important; padding: 0; height: 1px; font-size: 1px; background-color: inherit !important; opacity: 0; color: transparent; mso-line-height-rule: exactly; line-height: 1px; mso-hide: all">
      {{preheader}}
      <div style="display: none; max-height: 0px; overflow: hidden">
        &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      </div>
    </div>
```

{% endcode %}
