Back to Documentation
Features

Email Notifications

Configure automated email notifications for form submissions with customizable templates, merge tags, and recipient management.

6 min read
Updated December 2024
Email Notification SystemFORMSUBMITTEDEMAILSERVER✉️👤 Customer👨‍💼 Admin📧 Custom RecipientsAutomatic notifications with dynamic contentCustomizable templates • Merge tags • Multiple recipients

Overview

Automatically send email notifications when customers submit forms. Notify yourself, your team, and customers with fully customizable email templates including order details, customer information, and custom fields.

📧

Auto-Send

Instant notifications on form submission

🎨

Custom Templates

Full HTML email customization

👥

Multiple Recipients

Send to customers, admins, and teams

Notification Types

1. Admin Notification

Receive an email whenever a customer submits a form:

New Form Submission

admin@example.com
Subject: New Custom Order from John Doe
To: admin@yourstore.com
Trigger: Form submission
Email Content Preview:

Hello Admin,

You have received a new form submission:

Customer Name: John Doe
Email: john@example.com
Product: Custom T-Shirt
Size: Large
Color: Blue
Custom Text: "Team Winner"
Total: $29.99

View full order details in your admin panel.

2. Customer Notification

Send confirmation emails to customers:

Order Confirmation

customer@example.com
Subject: Thank you for your order!
To: {customer_email} (dynamic)
Trigger: Form submission
Email Content Preview:

Hi John,

Thank you for your custom order! We've received your request and will begin processing it shortly.

Your Order Details:
Product: Custom T-Shirt
Size: Large
Color: Blue
Customization: "Team Winner"
Total: $29.99

We'll send you another email when your order ships.

Questions? Reply to this email or contact us at support@yourstore.com

Email Configuration

Basic Settings

General Email Settings

Appears as the sender name

Sender email address

Where customer replies will be sent

Admin Recipients

All addresses will receive admin notifications

Merge Tags

Use merge tags to insert dynamic content into your email templates:

Available Merge Tags

Customer Info
{customer_name} - Full name
{customer_email} - Email address
{customer_phone} - Phone number
Order Info
{order_id} - Order number
{order_total} - Total amount
{order_date} - Submission date
Form Fields
{field_product_type} - Field value
{field_size} - Field value
{field_color} - Field value
Site Info
{site_name} - Your site name
{site_url} - Site URL
{admin_email} - Admin email

Using Merge Tags

Example Template with Merge Tags

Subject: New Order #{order_id} from {customer_name} Hi {customer_name}, Thank you for your order at {site_name}! Order Details: - Product: {field_product_type} - Size: {field_size} - Color: {field_color} - Custom Text: {field_custom_text} Total: {order_total} Order Date: {order_date} We'll process your order and send you tracking information soon. Questions? Contact us: {admin_email} Best regards, The {site_name} Team
Rendered Output:
Subject: New Order #12345 from John Doe
Hi John Doe,
Thank you for your order at My Store!
Order Details:
- Product: Custom T-Shirt
- Size: Large
- Color: Blue
- Custom Text: Team Winner

HTML Email Templates

Create professional HTML emails with styling:

Styled Email Template Example

<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;"> <div style="background: #3b82f6; color: white; padding: 20px; text-align: center;"> <h1>{site_name}</h1> </div> <div style="padding: 20px; background: #f9fafb;"> <h2>Order Confirmation</h2> <p>Hi {customer_name},</p> <p>Thank you for your order!</p> <table style="width: 100%; border-collapse: collapse; margin: 20px 0;"> <tr style="background: #e5e7eb;"> <th style="padding: 10px; text-align: left;">Product</th> <th style="padding: 10px; text-align: right;">Price</th> </tr> <tr> <td style="padding: 10px;">{field_product_type}</td> <td style="padding: 10px; text-align: right;">{order_total}</td> </tr> </table> </div> <div style="background: #1f2937; color: white; padding: 20px; text-align: center;"> <p>&copy; 2024 {site_name}. All rights reserved.</p> </div> </div>

Conditional Email Sending

Send emails only when certain conditions are met:

Conditional Rules

Example 1: Only send admin email if order total exceeds $100
Example 2: Send to different recipients based on product type
Example 3: Include additional info if custom options selected

Best Practices

💡 Email Notification Tips

Clear Subject Lines: Include order number or customer name
Mobile-Friendly: Use responsive HTML email templates
Test Thoroughly: Send test emails before going live
Include Contact Info: Always provide a way to reach you
Professional Tone: Match your brand voice and style

Configure Your Settings

Set up email notifications in the plugin settings panel

View Settings Guide →