# Send an Email via Mailjet Plugin

You can send emails to your users from Acho apps via [Mailjet](https://www.mailjet.com/) Plugin. You'll need a free Mailjet account to use Mailjet send API service. 

### 1. Find your Mailjet API Key and Secret Key

Go to account setting -> Rest API -> [API Key Management (Primary and Sub-account)](https://app.mailjet.com/account/apikeys) to acquire your api key and secret key.

<figure><img src="/files/6ccd7TeJI7bLIDkjPtwa" alt=""><figcaption></figcaption></figure>

### 2. Create or enter an app[​](https://docs.retool.com/queries/guides/emails#1-create-an-app) <a href="#id-1-create-an-app" id="id-1-create-an-app"></a>

If you haven't created an app yet, [log in Acho](https://app.acho.io/main/apps) and click **Create new Data App**. Create a blank app or start from a template.&#x20;

<figure><img src="/files/5yaVwJGaYlrz1XQtSr55" alt=""><figcaption></figcaption></figure>

### 3.  Install Mailjet service

<figure><img src="/files/fAzfhkvnbKuhQKiM9C4H" alt=""><figcaption></figcaption></figure>

Find [plugin store](/app-builder/app-construction/plugin-store.md) on the side bar, click on Mailjet API, install the API and add to API services. Once it is installed and added to API services, you can find it as an [action](/app-builder/app-construction/interactions/add-an-interaction.md#actions) in API services category.

### 4.  Add an input element and add [action flow](/app-builder/app-construction/interactions.md#action-flow)

Drag an [input](/app-builder/app-construction/elements/form-elements/input.md) element from elements list, and add **event** -> **action** to trigger the Send Email Service.  In this example, I use Press Enter to trigger the action. Then fill all these fields required for sending an email.&#x20;

* apiKey: A string field that requires your API key, which serves as an authentication mechanism for accessing Mailjet's services.&#x20;
* apiSecretKey: A string field for the secret API key that corresponds to your API key, used to enhance security and verify your API requests.&#x20;
* fromEmail: The sender's email address, indicating who the email is being sent from.&#x20;
* fromName: The sender's name or the display name associated with the sender's email address.&#x20;
* toEmail: The recipient's email address, indicating who will receive the email.&#x20;
* toName: The recipient's name or a display name associated with their email address.&#x20;
* subject: A string that holds the subject or topic of the email, conveying the main purpose or content of the message.&#x20;
* textPart: Plain text part of the email's content, which is typically shown when HTML rendering is unavailable.&#x20;
* htmlPart: Used to store the HTML-formatted version of the email's content, enabling rich formatting and styling for the email's appearance.

{% hint style="info" %}
**apiKey**, **apiSecretKey** is what we get from Step 1

The **fromEmail** must be an approved sender connected to your Mailjet account.
{% endhint %}

{% hint style="info" %}
You can use `${event.value}` in **textPart** so that what you entered in input element will be sent as the text part of the email.&#x20;
{% endhint %}

{% hint style="info" %}
You can use a form to collect multiple input and control all these parameters seamlessly. See [Use Custom Form Container to collect user inputs](/app-builder/popular-use-cases/use-custom-form-container-to-collect-user-inputs.md) for details.
{% endhint %}

{% hint style="info" %}
If you want to automate the send email process, consider using an auto-updated Query Node to trigger the **Send an email** action, and use [Action condition](/app-builder/app-construction/interactions/add-conditions-to-interactions.md) to control it.
{% endhint %}

<figure><img src="/files/jAqKuD6W6BtqfMEmRv5X" alt=""><figcaption></figcaption></figure>

### 5. Test&#x20;

Go to [preview](/app-builder/preview.md) to test the interaction. In this example, I used the input value as the text part of the email.\
![](/files/z7JG7lDzwj3ZOVgDCK2e)![](/files/paD6soPHjNbIv8tIqfMV)


---

# 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.acho.io/app-builder/popular-use-cases/send-an-email-via-mailjet-plugin.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.