# Email Collection Popup.

{% hint style="warning" %}

#### This section is outdated.

{% endhint %}

![Send With SES - Email Collection Popup - Reference Image](/files/-LmyDTw0eGoLP77XQNl_)

## 1. Add Email Collection Popup To Your Website \[Red].

* Login to your **Send With SES** account and go to '[Email Collection Popup](https://sendwithses.com/email-collection-popup)' section.
* Copy the code similar to one shown in red box in above image.
* It is very **IMPORTANT** that you paste this code between the `<body>` and `</body>` tags of your page. If you paste the code outside the `<body>` tags it will prevent your popup from appearing correctly.

#### Example HTML page BEFORE the email collection popup code has been added <a href="#id-8109" id="id-8109"></a>

{% code title="" %}

```
<html>
<head>
This is the head of your page.
<title>Example HTML page</title>
</head>
<body>
This is the body of your page.
</body>
</html>
```

{% endcode %}

#### Example HTML page AFTER the email collection popup code has been added <a href="#id-990d" id="id-990d"></a>

{% code title="" %}

```
<html>
<head>
This is the head of your page
<title>Example HTML page</title>
</head>
<body>
This is the body of your page.
<script src="https://sendwithses.com/users/load-email-collection-popup?unique_id=1234567890">
</script>
</body>
</html>
```

{% endcode %}

The 'Email Collection Popup' shows up at the bottom-right of your website.

![](/files/-LmyIqzgMV10gOSUbu1a)

## 2. Design Email Collection Popup \[Green].

* Toggle button above 'Email Collection Popup' to enable it. Click anywhere inside and type your desired help text. Highlight any part of the text for rich formatting options.
* By default the Email Collection Popup only has the 'Email Field' enabled. You can include 'Phone Number' and 'Message Box' by selecting toggle buttons in the 'Popup Designer'.&#x20;
* When 'Message Box' is enabled you can optionally forward any messages from end users to your support email. To do so enter your support email in the 'Messages Forward Email' box.
* You can change the background and text colors of the 'Email Collection Popup' to match your website theme.

## 3. Confirmation and Welcome Emails \[Blue].

* When a visitor to your website enters their email, they are first sent a confirmation link (also called as 'Double-Opt-In').
* Once user clicks the confirmation link, their email is automatically inserted into your contacts list.&#x20;
* After the user clicks the confirmation link they can optionally be sent a 'Welcome Email'. You need to enable and compose 'Welcome Email'. See blue box in reference image at top.

### **Need help? Write to <hello@sendwithses.com>**


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sendwithses.com/how/send-email/how-to-paste-email-collection-popup-code-in-your-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
