Learn how to create beautiful and fully functional email templates using the Elemailer plugin and integrate them seamlessly with Elementor Forms. In this step-by-step guide, you’ll see how to build email layouts, map form fields, and send branded emails directly from your WordPress site.
🔧 Tools Used:
- Elemailer Free Plugin
- Elementor
- WP Mail SMTP
✅ Part 1: Create Email Template Using Elemailer 🔧 Prerequisites Elemailer plugin installed and activated.
Elementor plugin installed (Pro not required unless for Elementor Form widget).
SMTP plugin (like WP Mail SMTP) to ensure email deliverability.
🧩 Step-by-Step Guide to Create Email Template in Elemailer
- Go to Elemailer → Templates Navigate to your WordPress dashboard.
- Click Elemailer → Templates. Click Add New.
2. Design Email with Elementor You’ll be redirected to the Elementor editor. Start designing your email: Use text, image, buttons, and dynamic tags. Keep the width around 600px for compatibility with most email clients. You can use merge tags like {{name}}, {{email}}, etc.
3. Save Your Email Template Click Publish once your design is complete. Name it (e.g., “Contact Form Email Template”).
✅ Part 2: Integrate Elemailer Template with Elementor Form 1. Go to Your Elementor Form Edit the page where your form is located using Elementor.
2. Set Form Action to ‘Elemailer’ Select the Form widget. Under Actions After Submit, add Elemailer. A new “Elemailer” tab will appear below.
3. Configure Elemailer Settings In the Elemailer settings: Select your designed template from the dropdown. Map your form fields to email tags (e.g., map name to {{name}}). Set the From, To, Subject, etc.
4. Save the Form Click Update to save the Elementor page.
🧪 Test the Setup Submit the form.
Check your inbox for the styled email.
If emails aren’t received, configure SMTP with a plugin like WP Mail SMTP.
#elemailer #elementor #emailtemplate #wordpress
