Send Email Confirmations with Elementor Forms

After a visitor submits a form, there are several ways to follow-up. One is to send them an acknowledgement email. These emails are set up using the Actions After Submit field.

Email visitors after form submission

To email visitors after they submit a form:

1. Create a form. For more details, see Form widget.
   
   Note

   In order to email visitors who submit a form, an Email field must be part of your form.
2. Expand the Actions After Submit section.
   
   In the Add Actions field, Collect Submissions and Email are default actions. There is no need to change them.
   
3. Click the + sign.
   
4. From the dropdown list, select Email 2.
5. Open the Email 2 field.
   
6. Fill in the fields that appear. For more details see, Receive form submissions by email.
   
7. In the To field, enter the shortcode: [field id=”email”].
8. Fill in the rest of the fields. Keep in mind that this email will be sent to the visitor. See Example of an HTML email below. 

Example of an HTML email

Using HTML allows you to style the body of emails sent to visitors who fill out a form.Following is an example how to create these emails.

Anything in brackets ([]) is a shortcode. Shortcodes will take information from the form and use it in your email. For example, the shortcode [field id=”name”] will use the information from the Name field of the form. In order to use this shortcode, you must have a First Name field in your form, with shortcode [field id=”first_name”], as described below.  

To create an HTML email response:

1. Create a form with the default fields. For more details, see Form widget.
   
2. Open the Actions After Submit section.
3. Click the + symbol and enter Email 2.
   
   Click the + symbol and enter Email 2.
   
4. In the To field, delete the default address and enter [field id=”email”].
   
5. Open the Form fields section. 
   
6. In the panel, click the Name field.
   
7. In the panel, click the Advanced tab of the Name field.
   
8. Confirm that the shortcode says: [field id=”name”].
   
9. In the Email field, confirm that the shortcode is [field id=”email”].
   
10. Open the Email 2 section.
    
11. In the Email 2 section, confirm that the Send As field is set to HTML.
    
12. In the Message field enter the following:

<h1>Thanks for the RSVP!</h1>

<p>Thank you [field id=”name”] for getting back to us. Just to confirm, your contact mail is [field id=”email”].</p>

Respondents will receive an email that looks like this: