> ## 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).

# Mailjet Integration (Subscription Form)

# Getting Started

This article will guide you to integrate Mailjet into a subscription form on your website. It will help you to collect your customer's data in the Mailjet cloud storage. 

Follow all the instructions accordingly to integrate Mailjet into your subscription form.


---

# Adding a Subscription Form

Follow the below steps to add a Subscription form:

- Click `+ Add New Section` and select a **Container**.
- Click on the `+` button labeled with **Add Element or Container**.
- Then, select **Subscription Form** from the **Elements** tab.


**Refer to the GIF below:**

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


**For more details, refer to the below documentation**:

📌 [Subscription Form](https://www.notion.so/Subscription-Form-137368615145437d97068338dee10c4b?pvs=21)

---

# Integrating MailJet

To integrate MailJet into your subscription form, follow the steps given below:

- After adding the **Subscription Form**, click on **Edit Element**
- Expand the **Form Configuration** option
- Choose MailJet from the Services option of **API Configuration Type**
- Go to [mailjet.com](https://www.mailjet.com) and log in to your account
- Go to https://app.mailjet.com/account/apikeys and select **API Key Management**
- Scroll down and choose Primary API Key, click on the Generate Security Key button
- Copy your API Key and Secret Key
- Go to your website builder, hover over the Subscription Form element, and click on **Edit Element**
- Choose **Add New API Key** on the **Subscription Form Configuration** option.
- Paste the **API key** & **Secret key** that you had copied
- Done! MailJet has been integrated with your subscription form.


**Refer to the Screenshot and GIF below for a detailed explanation to see the above steps visualized: **


**Step 1:** Expand the **Form Configuration** option from the **Subscription Form Edito**r.

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



**Step 2:** From the `Configuration Type`, stick to the **API** tab and choose BigMailer from the **Services** option.

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




**Step 3:** Navigate to the `Contacts` tab, select `Contact Lists`, and click the `Create a Contact List` button to create a new list.

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




**Step 4:** From your  MailJet dashboard, go to **Account Setting**, from the **Rest API,** click **API Key Management**

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2023-01-01-at-12_3ejvd.gif)





**Step 5:** Scroll down to **Primary API Key**, click the Generate Security Key button, and then copy both **API Key** and **Secret Key**.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screen-recording-2023-01-01-at_1hy6h17.gif)




**Step 6:** Go to your website builder, open the Subscription Form element editor and click the **`+`** button next to the `API Key` field. Enter a **name,** paste your **API key** into the input field, and click the `Save` button. Then, select the saved API key from the field.

![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-06-30-at-22_13d342l.gif)



**Step 7:** Choose your **Mailjet contact list** from the Subscription List option.

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



---

# Testing Mailjet Integration

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

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



**Step 2:** From the top navigation menu of the Mailjet dashboard, click on **Contacts** and select **Contact Lists**. Then, choose the specific contact list to view its contents.

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




---

---

# Related articles

📌 [ConvertKit Integration (Subscription Form)](https://help.dorik.com/en/article/convertkit-integration-subscription-form-cgead3/)

📌 [Zapier Integration on Contact Form](https://help.dorik.com/en/article/zapier-integration-on-contact-form-n62xxf/)