How to add an autoresponder to your website contact forms

How to add an autoresponder to your website contact forms

With contact forms, lead generation forms or support request forms, it can be courteous and simply just good customer service to let the form submitter know that you have their form and that you're dealing with it or even by sending them a discount code or current offer to tempt them into a purchase.

Traditionally you would need to do this by further developing a form to email script using backend code, which may mean getting web developers involved and usually at extra cost or if you have an eCommerce website, this could involve extra plugins being installed and setup.

With HTML form backend services like Hyperforms, it makes this process a whole lot easier and here's how:

Setting up a contact form autoresponder

If you haven't already got a Hyperforms account, head on over and get setup. Once you have added your form endpoint (if you haven't already), go to the form Settings page and click Send Autoresponse (see below).

Showing how to add an Autoresponder to a Form Endpoint

Once you have done that, you should now see a new box popup. This is where you create your autoresponse message that gets sent out when someone submits your form.

Autoresponse Settings

So the first thing you need to do is give the autoresponse message a From Name. This is the from name that will appear when someone receives the autoresponse email. Then you need to add your Reply-to email address. This will be used if someone hits reply on the autoresponder email, so normally this will be your customer service email or support etc.

Now here is the interesting part. You obviously need to send the autoresponse to the person submitting your form and therefore you need to be collecting their email address in that form. So presuming you have already had a form submitted, you should see the available tags to use in your email autoresponse in green. If you have not submitted your form yet, make sure you submit one, otherwise you won't have any tags to use.

These tags let you take data from the form that's being submitted and use it in your autoresponse, pretty handy huh?

So we need to send this response to the person submitting the form, so click into Send to Email Address and click the green tagged called Email or whatever you've named that field in your form. You will see that tag now populate in the box (as below)

Tag used to populate email address in autoresponse.

Now give your autoresponse email an Email Subject:

Giving your autoresponse emails a subject.

Then finally, you need to type the body of the email autoresponse. Again, this is somewhere you can use the tags (shown in green). In our example below, we are collecting the form submitters name, so we are using that tag in the body of our email response.

Adding the email body to the email autoresponse.

This is all you need to do. Just hit Save Autoresponse and you're are all set! The next time you have a form submitted, they should get your autoresponse.

If you need to update/change your autoresponse email, just head back over to your form Settings and you will see it in the list.

Show Comments