Methods to Create a Contact Type in WordPress (Step by Step)

  • January 6, 2023
  • elkenz
  • 10 min read

Are you seeking to create a contact type and add it to your WordPress website?

Each web site wants a contact type, so guests can simply contact you about your services. By default, WordPress doesn’t include a built-in contact type, however there’s a straightforward approach so as to add contact varieties to your website.

On this article, we’ll present you tips on how to simply create a contact type in WordPress with out touching a single line of code.

How to create a contact form in WordPress (step by step)

Why Do You Want a WordPress Contact Type?

You is likely to be questioning why do I want a contact type? Can’t I simply add my e-mail handle on my web site, so individuals can e-mail me?

That’s a quite common query from freshmen as a result of they’re afraid that including a contact type requires coding information.

Fortunately, you should use a WordPress plugin to easily add a contact type to your WordPress web site with zero coding information.

Under are the highest 3 the reason why a contact type is best than pasting your e-mail handle on a web page.

  • Spam Safety – Spam bots commonly scrape web sites for the mailto: e-mail handle tag. If you publish your e-mail handle on the web site, you’ll begin to obtain loads of spam emails. Alternatively, your contact type can block contact type spam and cease virtually all spam emails.
  • Constant Info – When emailing, individuals don’t all the time ship you all the data that you just want. With a contact type, you possibly can inform the consumer precisely what info you’re on the lookout for, like their cellphone quantity, funds, venture particulars, and extra.
  • Saves Time – Contact varieties aid you save time in additional methods than you possibly can think about. Apart from constant info, it’s also possible to use type confirmations to inform the consumer the following steps they need to take. Like, watch a video or wait as much as 24 hours to get a response, so that they don’t ship you a number of inquires.

With that stated, let’s present you tips on how to simply create a contact type in WordPress, step-by-step.

Video Tutorial

Subscribe to WPBeginner

If you happen to favor written directions, then please proceed studying.

Step 1. Selecting the Greatest WordPress Contact Type Plugin

The very first thing you could do is select a WordPress contact type plugin.

Whereas there are a number of free and paid WordPress contact type plugins you possibly can select from, we use WPForms on our website and imagine it’s the best choice available in the market.

Under are the three the reason why we predict WPForms is the very best:

  1. It’s the most newbie pleasant contact type plugin accessible. You should use the drag & drop builder to simply create a contact type in only a few clicks.
  2. WPForms Lite is 100% free, and you should use it to create a easy contact type (over 5 million websites use it).
  3. When you find yourself prepared for extra highly effective options, then you possibly can improve to WPForms Professional.

Now that we now have selected the contact type plugin, let’s go forward and set up it in your website.

Step 2. Set up a Contact Type Plugin in WordPress

For this tutorial, we’ll use WPForms Lite as a result of it’s free and simple to make use of.

You may set up this plugin in your website by logging into your WordPress dashboard and going to Plugins » Add New.

Then, within the search discipline, sort ‘WPForms’, and click on on the ‘Set up Now’ button.

Install WPForms plugin

This may routinely set up the plugin in your website.

Subsequent, you could activate the plugin by clicking the ‘Activate’ button.

Activate WPForms plugin

If you happen to don’t see the plugins menu or need extra detailed directions, then see our step-by-step information on tips on how to set up a WordPress plugin.

Step 3. Create a Contact Type in WordPress

Now that you’ve got activated WPForms, you might be able to create a contact type in WordPress.

To do that, navigate to WPForms » All Types in your WordPress admin panel. Then, click on the ‘Add New’ button.

Add new WPForms form

This may open the WPForms drag and drop type builder template library. Begin by giving your contact type a reputation after which choose your contact type template.

To decide on a template merely hover over it and click on the ‘Use Template’ button.

WPForms Lite comes with over 20+ free type templates to select from. You should use these to create nearly any sort of contact type you want.

For the sake of this instance, we’ll go forward and choose the ‘Easy Contact Type’ template. It can routinely add the Identify, Electronic mail, and Message fields.

Choose WPForms form template

You may click on on any of the shape fields to edit them.

If you click on on a type discipline it’ll carry up a ‘Subject Choices’ panel on the left the place you may make modifications.

Make edits in field options panel

It’s also possible to use your mouse to tug and drop the fields to vary the order.

Change form fields order

If you wish to add a brand new discipline, then merely choose from the accessible fields on the left sidebar.

You may drag it over to your type or click on on it, and it’ll routinely be added to your type.

Drag and drop new form fields

If you’re completed customizing your type, make sure that to click on on the ‘Save’ button.

Step 4. Configuring WordPress Type Notification and Confirmations

Now that you’ve got created your contact type, it’s vital that you just correctly configure the shape notification and type affirmation choices.

Type affirmation is what your web site customer sees after they submit the shape. This is usually a easy thanks message, a web page the place you’ve uploaded downloable PDFs, or something you’d like.

Type notification is the e-mail you get after somebody submits the contact type in your WordPress weblog.

To customise the affirmation message, click on on the ‘Settings’ tab after which the ‘Confirmations’ tab inside the shape builder.

There’s already a default thanks message.

Nevertheless, you possibly can customise this within the ‘Affirmation Message’ field, when you’d like.

Go to form confirmation message

If you wish to redirect customers after profitable type submission as an alternative of displaying a message, then choose ‘Go to URL’ from the ‘Affirmation Sort’ drop down.

Then, enter the URL the place you wish to redirect customers too.

Redirect to page after confirmation

If you happen to make any modifications right here, then make sure that to click on the ‘Save’ button.

After that, you may make certain the shape notification settings are appropriate. Merely click on on the ‘Notifications’ tab from the identical ‘Settings’ menu.

The very best half about WPForms is that the default settings are perfect for freshmen. If you go to the notification settings, all fields will probably be pre-filled dynamically.

Go to form notifications tab

The notifications by default are despatched to the admin e-mail that you’ve got arrange if you created your website.

If you wish to ship it to a customized e-mail handle, then you possibly can change that. If you wish to ship the notification to a number of emails, then simply separate every e-mail handle by a comma.

The ‘Electronic mail Topic Line’ is pre-filled along with your type title. The ‘From Identify’ discipline is routinely populated along with your consumer’s title.

Change form email notifications

If you reply to the shape inquiry, it’ll go to the e-mail that your consumer crammed within the contact type.

Be sure to click on the ‘Save’ button when you make modifications right here.

If you wish to ship your type e-mail to a number of individuals or completely different departments, then see our information on tips on how to create a contact type with a number of recipients.

If you happen to’re having points with receiving type emails, then see our information on tips on how to repair WordPress not sending e-mail subject.

Step 5. Including WordPress Contact Type in a Web page

Now that you’re completed configuring your WordPress contact type, it’s time so as to add it to a web page.

You may both add it to an current contact web page or create a brand new web page in WordPress.

If you wish to create a brand new contact type web page merely go to Pages » Add New after which give your web page a reputation.

We will probably be utilizing the WPForms block so as to add the shape in a web page. Merely click on on the ‘Plus’ add block button and seek for ‘WPForms’.

Then, click on on the ‘WPForms’ block.

Create new contact page and add WPForms block

The WPForm block will now seem within the content material space of your web page.

It is advisable to click on on the drop down menu to pick the shape you created earlier.

Select contact form from drop down

WPForms will load your contact type preview contained in the editor. Now you can click on the ‘Publish’ or ‘Replace’ button to save lots of your type.

Now, you possibly can go to your web site to see it in motion.

Right here’s what the shape regarded like on a pattern WordPress contact web page:

WordPress contact form example

If you happen to solely wished so as to add the contact type on web page, you then’re completed right here. Congratulations.

WPForms additionally comes with a WordPress contact type shortcode. You should use this by visiting WPForms » All Types after which copy the shortcode subsequent to your type.

Copy form shortcode

Then, all you could do is open up the web page the place you wish to add it and click on the ‘Plus’ add block button and seek for ‘Shortcode’.

Subsequent, click on the ‘Shortcode’ block.

Add shortcode block

Then, paste the shortcode that you just copied above into the field.

After that, click on ‘Replace’ or ‘Publish’ and your contact type will probably be stay in your web site, identical to above.

Paste form shortcode and save

To study extra about shortcodes, see our final information on tips on how to add a shortcode in WordPress.

Step 6. Including WordPress Contact Type in a Sidebar

WPForms additionally comes with a WordPress contact type widget that you should use so as to add your contact type to a sidebar or some other widget-ready space in your WordPress theme.

To do that, you could go to Look » Widgets after which click on the ‘Plus’ add block icon within the widget space you wish to add your type.

Add new widget block

Subsequent, seek for ‘WPForms’.

Then, click on on the ‘WPForms’ block so as to add it to your sidebar.

Add WPForms widget block

After that, you could choose your contact type from the drop down.

This may routinely load a preview of your type.

Select form from drop down

Subsequent, click on the ‘Replace’ button to save lots of your modifications.

Now, you possibly can go to your website to see your contact type stay in your sidebar or different widget space.

To study extra about widgets, see our information on tips on how to add and use widgets in WordPress.

Sidebar contact form example

We hope this text helped you create a easy contact type in WordPress. You may additionally wish to see our information on tips on how to create an e-mail publication the appropriate approach, and our skilled picks of the very best enterprise cellphone providers for small companies.

If you happen to preferred this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.