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
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 and log in
- From 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 ⬇️
Expand the Form Configuration option from the Subscription Form editor
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1w2xf2c.png)
From the Configuration Type, choose EmailOctopus from the Services option
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1njtuer.png)
Go to EmailOctopus.com and log in. From EmailOctopus.com/lists, create a subscription list.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1xaynr5.png)
On the top-right of your screen, expand the profile link and click on Integration & API, or you can also go to this link.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_kur17l.png)
Click on the Manage button near API.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1rtt7yo.png)
In the Your Keys section, click on the Create key button
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_xo28va.png)
To create a new API key, give it a name.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1wm80me.png)
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)
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)
Choose your list name from the Subscription List option.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_3q7jbu.png)
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)
Go to Lists and open the subscription list you created.
![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_l0gi9g.png)
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
📌 Mailerlite Integration in Subscription Form
Updated on: 27/06/2024
Thank you!