4225 Executive Sq. Suite 600

La Jolla, CA 92037

Get in touch

(619) 762-9361

Email Routing Logic Elementor Pro Forms

Learn how to send emails to different recipients based on drop down in Elementor Pro forms. No extra plugins required! We’ll show you step-by-step.

email routing logic elementor forms featured image

Why Route Form Submissions to different recipients with Email Routing Logic

The Scenario

Let’s say you are the owner of a company with a website that collects leads. Your company has different offices/departments that respond to different leads. For instance, let’s say you have an “Administration” department, a “Support” department, a “Technical” department, and a “Sales” department. You want to route queries to different departments depending on a users selection in the website form. 

The problem

If you choose not to route your leads depending on the users’ needs, then you will be sending all the website contact leads to a single email address for someone to sort through. This can cause delays and bottleneck problems for a business. The emails will need to be manually routed, which can cause delays in response time. Not to mention, some website form leads can fall through the cracks. 

The Solution

In order to make sure all your website contact form leads are directed to the correct department/email address recipient, then you will need email routing logic. Email routing logic allows you to automate email filtering, so the correct department receives the correct leads. There are WordPress form plugins that have built-in email routing logic options, such as Contact Forms 7 and Formidable Forms. However, switching from plugins for an Elementor website can be a pain. Also, without an experienced CSS coder, your forms might not look the same as the other forms on the website. 

In this article, we’ll show you how to route form submissions to different email addresses with Elementor forms and no other plugins. Let’s get started! 

How to Send form Submissions to Different Recipients from A WordPress Elementor Form

Step 1: Create Your Form

The first step is to install Elementor and Elementor Pro. Unfortunately, you need Elementor Pro to add Elementor Forms to your website. Then create your form.

Step 2: Add Select item

Add an item to the Elementor Pro form. For the Type option, choose select. This will populate a dropdown in your form.
Enter a label for your form and choose whether you want the select option to be a required field or not.
In the advanced tab, assign ID=”department”. The shortcode should auto-populate to: [field id=”department”]. If it doesn’t, copy and paste it into the shortcode section.

Step 3: Assign Recipients

Switch back to the content tab and add options with email addresses in the following label | value pattern.

Select |
Contact Administration | info@example.com
Contact Support | sales@example.com
Contact Technical | technical@example.com
Contact Sales | sales@example.com

email routing elementor pro contact form

Step 4: Paste Shortcode in email Routing Box

Copy and paste the shortcode from the select form option [field id=”department”] and paste it in the Email to section of the Elementor Pro form.

That’s it! Your Elementor Pro forms should now be routed to the correct recipients/departments depending on a user’s selection. 

Share this article!


Let's talk

Get in touch .

Whether you know exactly what you’re looking for, or you need some guidance, we are here for you.

Sign Up for Our Newsletter

Get weekly email containing tips about construction and everything relating with it

Zero spam. You can unsubscribe anytime