How to Add a Contact Form to Your Author Website (WordPress)

How to Add a Contact Form to Your WebsiteA contact page is one of the most important components of your author website. In this tutorial, I’ll show you how to get yours up and running in about 5 minutes.

In addition to being a quick and easy way for your website visitors to ask you a question, a contact form will cut down the amount of spam you get because you won’t have to post your email on your site. (The Akismet plugin will eliminate spam from your forms as well as your blog comments.) When a reader fills out a form, the information will be sent right to your inbox so replying is just as easy.

Please note: You must have the Jetpack plugin installed to complete this tutorial. If you don’t have it installed, go to Plugins>Add New. Click search, type in Jetpack and then follow the instructions.)

Let’s get started!

Create a new page in WordPrees by clicking Pages > Add New.

(You can also add forms to posts. Just add a new post instead of a page. Go here for more on posts and pages.)

Click the form icon next to the Add Media button.

Image of Form Button

A lightbox will pop up that will let you define your form. It has a default contact form set up.

how-to-add-a-contact-form-2

You can change any or all of the options by hovering your mouse over a particular field. A context menu will appear. Click edit to modify the field.

how-to-add-a-contact-form-3

(1) Label allows you to change the name of the field.
(2) Field Type defines the type of field you are using. (Click Save this field if you change the field type.)
(3) Click the minus sign to delete the field.
(4) Click Add New Field to create addition input boxes.

how-to-add-a-contact-form-4

When you are done adjusting your form settings, click the Email Notifications tab at the top of the light box.

how-to-add-a-contact-form-5

(1) If you want to change the address where your feedback is sent, you can do it here.
(2) Set the subject line of your feedback.
(3) Click save to go back to form builder.

how-to-add-a-contact-form-6

Once you have everything the way you like it, click Add this form to my post.

how-to-add-a-contact-form-7

(1)Wordpress will add the short code for your form to your visual editor. If you need to add additional design elements, just work around the code. (It looks the same in the visual editor and the text editor. Don’t modify the code.)

(2)To edit your form, click the form button again and make your changes.

(3) To see how your form will look, click Preview.

how-to-add-a-contact-form-8

It will look something like this:

how-to-add-a-contact-form-9

If you’d like to see a live form, you can check out my Contact page. Once you have your form set up the way you like it, publish your page.

If you have any questions about building your author website  or need some help you can reply to this post or contact me.