Advanced WordPress Email Forms

Extensions for email forms are really full in the WordPress system. But if you are an advanc user who knows the HTML markup language, then the following plugin tip might come in handy. It is really simple, without unnecessary things and you will like it very quickly. I use this plugin on websites that I connect to WordPress from a pure HTML template.

Principle and benefits

Unlike various visual email form generators, you ne clean HTML code of the form to activate the form, which you can revive by simply inserting it. The advantage is the absolute spe of creating a form that contains all validations and everything ne for sending emails from the website.

Installation
Install and activate the following plugin in your WordPress. The free version is enough for the vast majority of uses. The plugin does not force the paid version in any way.

Creating the first form

In the left menu of WordPress, click on the HTML Forms item and select Add New. Then enter the name of the form, it is for internal use only.

kes the plugin a great helper not only for novice webmasters.

 

ubsequently, you will see a screen in which the HTML code of the email form is on the left (the default), and on the right is a preview of how the form will look on the website. The styles from the template should also thailand phone number data be appli, which is quite handy.

In the left part, you can copy the HTML code of the form that you have, for example, in the current template. Do not copwill be generat automatically.

 

In this example, I decid to just rename the boxes on the left side of the page and brush them.

If you want to insert a new field, you can use the buttons above (Add Field), or simply write the HTML code as you know it.

phone number data

HTML attributes also control the validation of the entire form on the WordPress side during submission. Thus, if you set the form attributehe form field will be validat as an email address. If you set the requir parameter , the field will be mandatory and the form cannot be what kind of people am I looking for on my team? submitt without it. Don’t forget the submit button

The value of the name attribute is us in the list of sent forms and you will ne it in the email format settings. I recommend brushing the field and writing without diacritics.

My resulting code looks like this:

 

We will then save the form and proce with the next settings.

iting messages and error messages
In the top tab, we switch to Messages, where bw lists we can see error messages and information that the form was successfully sent.

 

Scroll to Top