How to Create a Contact Form in WordPress

In this article, I’m going to show you how to create a contact form in WordPress without having to worry about coding it from tip to toe.

Coding is fun, of course, but not everyone is experienced in HTML and PHP, so building your contact form in WordPress with the help of a plugin is a lifesaver.

If you want to create a simple, functional and mobile responsive contact form for your website, protect it from spam and receive submissions in your inbox – a plugin can do it without a problem.

For many years, the 123ContactForm plugin for WordPress did a great job in publishing web forms in WordPress posts and pages. It’s efficient and easy:

  • You create a free account on 123ContactForm.
  • You create the contact form.
  • You install the 123ContactForm plugin in your WordPress dashboard and use the shortcode method to publish your form in a post or page.

Adding a Contact Form in WordPress with CaptainForm

Our newest WordPress form plugin makes it easier. You can create a contact form in WordPress without having to move from one platform to another. Here’s a tutorial on how to create a contact form in WordPress with CaptainForm:

1. Download, install and activate CaptainForm in your WordPress dashboard. You can find CaptainForm in the Plugin Directory, as well.

2. Look for the CaptainForm icon in your menu on the left and activate your free account.

3. Go to New Form.

create new form for WordPress with CaptainForm form plugin

4. The CaptainForm plugin has a predefined contact form template that you may quickly edit in any way you want. Or you can choose to create your contact form from blank.

WordPress contact form template

5. Drag & drop fields in the editor and select any field to customize it.

creating a contact form in WordPress with drag and drop fields functionality

6. Next, go to Settings to configure email notifications and enable anti-spam protection.

creating a contact form in WordPress with email notifications

how to create a contact form in WordPress with security measures

You can configure your contact form’s CAPTCHA directly in the editor. Just click the field above the submit button and you will find the Captcha options on the left.

how to create a contact form in WordPress with captcha

7. Finally, go to Publish and select the embed method. By creating a contact form in WordPress with CaptainForm, you can embed your contact form in a post, page, widget, popup or in a theme by using its function call code. Copy the embed code and paste it where needed.

how to create a contact form in WordPress and embed it

Messages are sent to you by email, but they are also stored in the Submissions section of the contact form. Read more about submissions in CaptainForm’s documentation.

If you want to style your contact form with some CSS, go to SettingsThemes and click the custom CSS link.

how to create contact form in WordPress and customize it with CSS

To add some JavaScript, go to SettingsAdvanced and enable the option to add JS on the form or on the Thank-You page. You just need to upload your script on your server and provide its URL in the JS box from that section.

how to create a contact form in WordPress with own JavaScript

And that’s how simple you can create a contact form in WordPress with CaptainForm. No coding experience needed, just the plugin. Install CaptainForm in your WordPress dashboard to start right away.

Watch the video:

Olivian Stoica
Olivian Stoica
is the Search Engine & Conversion Optimization Analyst at 123ContactForm. He has a keen knowledge of the platform, providing useful articles and guides about building web forms.

Leave a Reply

Your email address will not be published. Required fields are marked *