> ## Documentation Index
> Fetch the complete documentation index at: https://docs.vibeflow.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Email Node

> Send transactional emails with Resend

## Overview

The **Email Node** integrates Resend email service into your workflows. Send transactional emails, notifications, and automated messages with dynamic content and personalization.

## Required Configuration

### Step 1: API Setup

**Resend API Key**

* Get your key from [resend.com/api-keys](https://resend.com/api-keys)
* Automatically validated when entered
* Format: `re_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx`

### Step 2: Email Configuration

**From Email** (Required)

* Sender email address
* Must be a verified domain in Resend
* Example: `noreply@yourdomain.com`

**To Email** (Required)

* Recipient email address
* Can be fixed or dynamic from connected nodes

**Body Content** (Required)

* Email message content
* Supports **HTML** or **Plain Text**
* Can include dynamic variables, see [How to Add Variables](#template-variables)
* Click **"Show Preview"** to see how your email will look to recipients

## Optional Configuration

**Display Name**

* Sender name shown in inbox e.g. "Your Company Name"

**Subject**

* Email subject line

## Value Input Modes

All fields support:

* **Fixed:** Static hardcoded values
* **From args:** Dynamic values from connected nodes or user input
* **Expression:** Complex value transformations and calculations

## Template Variables

**How to Add Variables:**

When you connect nodes to the Email Node, their outputs appear as **draggable variable pills** below the body editor:

1. **Drag & Drop:** Grab a variable pill and drag it directly into your template where you want it
2. **Click to Append:** Click a variable pill to add it at the end of your template
3. **Type Manually:** Type `${variableName}` syntax directly in the template

**Available Variables:**

* `${full_result}`: Complete output from the previous node
* `${NodeName.fieldName}`: Specific field from a connected node (e.g., `${Read Table 1.result}`)

**Example HTML Template:**

```html theme={null}
<h1>Welcome ${userName}!</h1>
<p>Your email: ${email}</p>
<p>Order total: ${orderTotal}</p>
```

**Example Plain Text Template:**

```
Welcome ${userName}!

Your email: ${email}
Order total: ${orderTotal}

Thanks for your purchase!
```

## Body Content Types

**HTML.** Full HTML formatting support

* Rich text formatting
* Images and links
* CSS styling
* Best for branded emails

**Plain Text.** Simple text-only emails

* No formatting
* Works on all email clients, including text-only readers
* Best for system notifications and maximum compatibility

## Testing

1. Sign up at [resend.com](https://resend.com) (free plan available)
2. Verify your sending domain in Resend dashboard
3. Get your API key from [resend.com/api-keys](https://resend.com/api-keys)
4. Configure your email node with the API key
5. Send a test email to yourself to verify everything works

## Connections

**Input Nodes:**

* Frontend Element nodes, to trigger emails with buttons
* Query nodes, to fetch user data or email content
* Other workflow nodes, to transform data before sending

**Output Nodes:**

* Mutation nodes, to log email sends to database
* Conditional nodes, to handle different outcomes
* Other workflow nodes, to continue workflow after email

## Related Nodes

<CardGroup cols={2}>
  <Card title="Agent Node" icon="robot" href="/nodes/agent-node">
    Generate personalized email content with AI
  </Card>

  <Card title="Stripe Node" icon="credit-card" href="/nodes/stripe-node">
    Send payment and order confirmation emails
  </Card>
</CardGroup>