# Email Input Field Trigger
**WAIT...** Make sure that you have added the [**Surface Tag**](/docs/surface-tag/installation) to your site before proceeding.
## 1. Add the HTML Form [#1-add-the-html-form]
Ensure your HTML form includes the `surface-form-handler` class. This class is essential for identifying the form as one that triggers the Surface Form popup. Example:
```html
```
Add the **`surface-form-handler`** class to any external form that you want to use to trigger the Surface Form popup.
## 2. Modify the Surface Form Embedding Script [#2-modify-the-surface-form-embedding-script]
Modify the Surface Form Embedding Script to include the `data-question-id` attribute.
You must replace the **``** within **`data-question-id`** attribute below with the question ID from the Surface Form Builder.
```html
```
## 3. Test Your Integration [#3-test-your-integration]
* Enter a valid email in the input field and press "Submit" or hit "Enter".
* Verify that the Surface Form popup is displayed as expected.
Now you should be able to trigger a Surface Form popup from an external email input field!
## Optimize Speed [#optimize-speed]
Add the following `` tags inside the `` of your site:
```html
```
Replace `REPLACE ME WITH FORM URL` with a Surface Form URL.
## Explanation [#explanation]
1. dns-prefetch → Resolves the domain early to skip DNS lookup delays.
2. preconnect → Prepares the TCP + TLS handshake so the browser is ready to request assets immediately.
3. prefetch → Fetches the form in advance, so it's ready when a user opens it.