> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# EmailOctopus Integration (Subscription Form)

# Getting Started

This article will cover integrating EmailOctopus into a subscription form on your website. Follow all the instructions accordingly to integrate EmailOctopus into your subscription form.

---

# Adding a Subscription Form

Refer to the Documentation below to learn how to add a Subscription Form element to your website ⬇️

📌 [Subscription Form](/en/article/subscription-form-ohxxza/)

---

# Integrating EmailOctopus

To integrate EmailOctopus to your subscription form, follow the steps given below:

- After you add the **Subscription Form**, click on **Edit Element**
- Expand the **Form Configuration** option
- Choose **EmailOctopus** from the **Services** option
- Go to [EmailOctopus.com](http://EmailOctopus.com) and log in
- From [EmailOctopus.com/lists](http://EmailOctopus.com/lists), create a **list**
- Then go to EmailOctopus.com > account > integrations
- Create a **new API key**
- Enter a name for your new key
- Copy the API key
- Go to your **website builder** and **Add New API Key on the Subscription Form** element editor
- Paste your **API key**
- Choose your **list name** from the Subscription List option
- **Done**! EmailOctopus has been integrated with your subscription form.


**The images below show the whole process being demonstrated visually ⬇️**


1. Expand the **Form Configuration** option from the Subscription Form editor

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1w2xf2c.png)


2. From the `Configuration Type`, choose **EmailOctopus** from the **Services** option

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1njtuer.png)



3. Go to [EmailOctopus.com](http://EmailOctopus.com) and log in. From [EmailOctopus.com/lists](http://EmailOctopus.com/lists), create a subscription list.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1xaynr5.png)



4. On the top-right of your screen, expand the profile link and click on Integration & API, or you can also go to this [link](http://www.emailoctopus.com/account/integrations).

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_kur17l.png)



5. Click on the `Manage` button near **API**.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1rtt7yo.png)



6. In the **Your Keys** section, click on the **Create key** button

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_xo28va.png)



7. To create a new **API key**, give it a name.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1wm80me.png)



8. After your key is generated, you will see this screen: copy the API key.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_nw9n8g.png)



9. Go to your website builder and click **Add New API Key** on the **Subscription Form** element editor. Give your key a name and paste the API key you copied in the previous step.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-26-at-24_1aq4g68.gif)



10. Choose your list name from the **Subscription List** option.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_3q7jbu.png)



11. To test this, publish your site and visit it externally and input any email address on the Subscription Form. 

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_pw9fc1.png)



12. Go to [Lists](http://emailoctopus.com/lists) and open the subscription list you created.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_l0gi9g.png)



13. You will find the email you had input in step 11 added to your subscription list.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_cfmkd1.png)



---

---

# Related articles

📌 [BigMailer Subscription Form](https://help.dorik.com/en/article/bigmailer-integration-subscription-form-1icke48/)

📌 [Mailerlite Integration in Subscription Form](https://help.dorik.com/en/article/mailerlite-integration-subscription-form-sj63gc/)