Almost every website has a contact page. Useful if visitors want to contact you. Of course you can do this with an e-mail address, but a form looks a lot more professional.

Alex WhiteWP logo

With a contact form you can indicate exactly what information a visitor can or must enter. This way you avoid a confusing story in an email, in which all kinds of important information is missing. Moreover, a form on your site simply looks good.

1. Create a contact page
Log in to your WordPress website. This can be done via the control panel of your hosting provider or directly via the link of your WordPress site: www.jedomeinnaam.nl/wp-admin

If you don’t already have a contact page on your site, create one first. Click in the main menu Pages | New page. If you get a pop-up Help window see, then close it. Type the title Contact in the text box Add title. You can immediately enter your address details in a text box below if you wish. Then click To publish | To publish.

Image 1 2

Image 2 22. Contact form plugin search
You can now create a contact form plugin add. Return to the dashboard with a click on the W top left. To search for a plugin, click Plugins | New plugin. Then type in the search box Search plugins: contact form bestwebsoft. There are many more contact forms, but in this case we are going for an easy-to-use form.

3. Add contact form plugin
Click at Contact Form by BestWebSoft on the name or More detail for some additional information about the plug-in. It is always wise to do this before choosing a plugin. This way you know better what you are dealing with. This is the free basic version of the contact form, which is sufficient for simple forms. For more options you need paid pro version.

To install the plug-in, click the button Install now. Then activate the plugin with Activate. If you don’t, it will be installed but in pause mode.

4. Set up contact form
The contact form has been added to the overview of your installed plugins. To use it, you need to set up the form. Click on the plug-in Contact Form by BestWebSoft on Institutions. A pop-up with a tip may now appear. Then click on it Close.
Image 3 2

Setting up the form is quite easy because part of your data has already been filled in. The plugin gets this info from your WordPress settings. On the tab Institutions behind Use this email address already contains the email address to which the form data will be sent. Would you rather use a different email address? Then enter it in this box. Please note that the circle in front Use this email address has been clicked.

5. Specify other settings
You go to the next tab with a click Additional Settings. Here you specify additional settings for the email sent from the form. Usually these options are already filled in correctly automatically. Bee Sending method states the shipping method. Bee ‘FROM’ field contains the sender name and address of the email. You can usually leave this as is.

Image 4 2Lower on this tab are the fields for the contact form, such as name and email address. This determines which information a visitor must enter. Indicate which fields you want on the form with a check mark. Also pay attention to the columns. Used means that the field must appear on the form. Required means that the field must be completed by the visitor. Indicate which fields you want on the form.

Figure 5 2There are even more options lower on this tab. You can just leave it as is for a simple form. Click on the button at the bottom Save edits.

6. Specify view
Finally, go to tab Display. Here you set what the form should look like and where it should be located on the page. With the pro version you have many more formatting options. Usually the formatting you set is okay. At the very bottom of this tab you will see the example of the form. Everything done? Then click Save edits.

Image 6 27. Add contact form
Once you have set up the contact form, all that remains is to add it to the contact page using a so-called shortcode. Click in the main menu Pages and after that Contact. If necessary, first add a paragraph block with text such as: For questions or comments. Press Enter.

Figure 7 2Click on the top left +. Click at Widgets on Shortcode. Type in the box below Shortcode: [bestwebsoft_contact_form]. Note the underscores and square brackets.

8. Test contact form
You can now view the form. Click at the top right Update. click on Example | Preview in new tab. The contact form is ready. It is wise to test it out by completing it and sending it.



Resolving problems

Usually a simple version of a contact form works well. However, you may experience problems, such as unreceived emails from the form. In such a case, always first check the spam folder of your email program. If the emails end up there, please indicate that they are not unwanted or use a different email address.

Isn’t this the problem? Then check the settings of the contact form in WordPress. For example, is the email address correct? You can also try a different mail setting, such as sending mail with PHP instead of Wp-mail on tab Additional Settings.

Sometimes general email addresses, such as Gmail, cause problems. This is because they are regularly referred to as spam. E-mail addresses without their own mailbox can also cause problems. Therefore, please note that a aliasemail address has its own mailbox with your hosting or internet provider.