Simple Contact Form Setup For Receiving + Auto-Reply Messages!

Intro

In this blog post, I will show you how to set up your professional contact form so you can receive and automatically reply back to your email messages. This is a continued blog post after the last one about creating your professional contact form and modifying your form fields’s labels. So if you missed it, here’s the link to it so you can keep up: 

Create Professional Contact Form Design Tutorial!

It is convenient to set up automatic reply-back message because you might be busy with your day-to-day life or you are maybe on a vacation. Whatever the case may be, this will definitely help you to respond later in your free time to your email queries from your website visitors. So read this post until the end so you don’t miss out on any of the necessary steps!

Organise Form Fields IDs

Previous slide
Next slide

Log in to your wordpress dashboard and ”Edit with Elementor” your page where you’ve created your professional contact form. Find your contact form and edit it. Under ”Content”, click on your each form field individually. In my example, my form fields are ”First Name”, ”Last Name”, ”Email”, ”Where Did You Hear About Us” and ”Message.” Click on your each specific form field and then on ”Advanced” settings. Change your form field ID so you can memorise it easily. As you can tell, default form field IDs are weird, hard to memorise. So for ”First Name”, I’m going to change ID to ”firstname.” Shortcode is also automatically going to be changed to ”[field id=”firstname”]. Maybe you have ”Name” form field, i.e. both first and last name at once, so modify it according to your own contact form version. We’ll need it to set up subject line and ”the body” message so we understand our senders first name, last name, their email, and message. Same goes for all of your remaining form fields adjustments.

Set Up Received Email Message

Previous slide
Next slide

Once you’ve organised your form field’s labels shortcodes, we can continue with setting up how we want to receive our email message. Under ”Content”, pass ”Form Fields”, scroll down and select ”Email.” This is going to be our received message from sender. ”To” is going to be your email , meaning you’re going to receive messages to your email. ”Subject” is going to be the default subject line you set up. ”Message” is going to be custom message from your sender. ”From Email” is going to be your sender email, so you know who sent you the message. ”From Name” is going to be your sender name. ”Reply-To” is gonna be automatically the same as ”From Email” – when you fill it out, you’re going to reply to your sender. So, in my example, I’m going to receive a message ”To” – my email = tom@tomswebsitedesign.com. Subject line is going to be ”New Message from [field id=”firstname”]. My received ”Message” is going to be ”[field id= ”message”].” ”From Email” is going to be ”[field id=”email”]” – email address of the sender. ”From Name” is set up as ”[field id=”firstname”]” – I’m going to receive a message from the senders first name. Just use your own shortcode based on your specific form field labels for the ”Name” of your sender, ”Message” and ”Email” of your sender. When you’re finished, click on ”Actions After Submit” and choose ”Collect Submissions” and ”Email.” Meaning – you will collect or receive submitted email messages through your contact form. Congrats, you’ve successfully set up how you want to receive an email message to your contact form! In the next phase, we’re going to set up auto reply-back message.

Set Up Auto-Reply Message

Previous slide
Next slide

Stay on ”Actions After Submit” and click on the ”plus” icon. Additionally, select ”Email 2.” This is going to be our creative reply-back message. Basically, we’re going to construct it in the similar ”fashion” as the received email message. ”To” is going to be your sender email, you’re going to auto reply-to the person who sent you an email message. ”Subject” is going to be your own custom subject line of your auto reply-back message. ”Message” is gonna be your own custom reply-back message. ”From Email” is going to be auto reply-back message sent from your own email address. ”From Name” is gonna be your own name or your business name, so the senders know who replied back to their email message. ”Reply-To” is gonna be your senders email, you’re auto replying-back to people who sent you the message. Use your own creativity on how you want to auto respond to your received email messages. In this tutorial, I’m using my custom created auto reply-back message, feel free to modify it to your own.

1st step – for ”To”, I’m using sender email shortcode – ”[field id=”email”]”

2nd step – for ”Subject”, I’m using ”Your Query Is Received!”

3rd step – for ”Message”, I’m using this HTML code template:

<p>Hello [field id=”firstname”]!

<p>I’ve received your message and will get back to you ASAP.

<p>Appreciate your patience.</p>

which is translated to:

Hello ”First Name”!

I’ve received your message and will get back to you ASAP.

Appreciate your patience.

Modify this auto reply-back HTML code message template however you desire!

4th step – for ”From Email”, I’m using my own email address – tom@tomswebsitedesign.com

5th step – for ”From Name”, I’m using my own name – Tom Petrac. 

6th step – for ”Reply-To”, I’m using sender email shortcode – ”[field id=”email”].”

Finally, choose what Meta Data you wish to include in your automatic reply-back message. Do you want the date and time of your auto-reply message to be included, your page URL, User Agent, Remote IP, and/or Credit. ”Update” your changes to your contact form. Boom, your automatic reply-back message is ready to go! Hope you understand all the steps & enjoy setting up your custom receiving and auto-reply email messages! 

Bottom Line

Purpose of this blog post was to show you  how to set up your contact form so you can receive and automatically reply-back to your messages from your website visitors hassle-free! Firstly, I’ve shown you how to set up your professional contact form so you can receive messages. By organizing our form field’s labels shortcodes, we’ve accomplished just that (it is now easier to understand how we want to receive messages from senders, both subject line & ”the body” message). Secondly, you’re able to send automatic reply-back message to your senders. I’ve shared message HTML template, so feel free to adjust it according to how you want to automatically reply-back to your sender. Lastly, you can decide to include the date, time, page URL, user agent, remote IP and/or credit in your email messages (or just certain meta data). Now that we’ve successfully set up receiving and auto-replying back foundations to our contact form, we just need to connect our free email address with SMTP (Simple Mail Transfer Protocol) so our email messages actually get delivered! So stay tuned in for that post! Thank you for reading this post and have a nice day!