Create a PHP Contact Form With ContactMe

Today, we’re going to review the ContactMe tool which allows you to create contact forms on your PHP site. It’s a very easy-to-use tool and allows you to set up different kinds of contact forms for any requirements.

As a site owner, you might like to have feedback from your users and customers about your services—that helps you to serve them better. Thus, a contact form on your website is one of the must-have features to collect feedback from your users.

There are plenty of extensions and scripts available for creating contact forms on your PHP website. And of course, you’ll also find commercial options that provide ready-to-use features and extended support. In the case of commercial options, you can also expect quality code, bug fixes, and new enhancements.

• 
  PHP
  20 Best PHP Email Forms
  Monty Shokeen
• 
  PHP
  Comparing the 5 Best PHP Form Builders
  Nona Blackman
• 
  PHP
  12 Best Contact Form PHP Scripts
  Nona Blackman
• 
  PHP
  Build Your Own CAPTCHA and Contact Form in PHP
  Monty Shokeen
• 
  PHP
  Create Beautiful Forms With PHP Form Builder
  Ashraff Hathibelagal

In this post, we’re going to discuss the ContactMe tool, available at CodeCanyon for purchase at a very reasonable price. It provides a variety of contact forms and themes out-of-the-box, and as the script supports customization, you could create your own combination of forms as well.

Let’s quickly go through the important features it provides:

• ready-to-use forms in 28 combinations
• built-in examples
• support for themes
• responsive and mobile-friendly
• no database needed
• SMTP support to send emails
• spam protection
• customizability
• and much more

The ContactMe tool provides a lot of useful features which allow you to set up contact forms quickly. Throughout the course of this tutorial, we’ll explore the different features provided by this script.

To start with, we’ll see how to download and install the ContactMe script from the CodeCanyon marketplace.

Installation and Configuration

In this section, we’ll see how to install and configure the ContactMe tool once you’ve purchased and downloaded it from CodeCanyon.

As soon as you purchase it, you’ll be able to download the zip file. Extract it, and you will find the directory with the main script code: contactme. Copy this directory to your PHP application. For example, if your project is configured at /web/demo-app/public_html, you should copy the contactme directory to /web/demo-app/public_html/contactme.

The contactme directory contains the PHP code which handles the form validation and submission. Of course, it also sends an email containing the supplied information to the email address which is configured with the application.

On the PHP side, you need to configure a few settings. Go ahead and open the contactme/configs.php file. There are three settings that you need to configure in that file as shown in the following snippet.

$configs['from_name'] = 'My Demo Site';
$configs['from_address']  = '[email protected]';
$configs['to_addresses'] = array('[email protected]');

The from_name and from_address configuration values indicate the source of the email. The to_addresses configuration value is used to specify the email address which receives all the form submissions.

In the next section, we’ll discuss how to set up the necessary HTML code with the help of the ContactMe script to display contact form on your site.

How to Set Up the Contact Us Form

When you extract the ContactMe zip file, you’ll find a index.html file which contains everything you need to get started setting up your contact form. In fact, it contains the HTML code for all the different types of contact forms supported by the script along with all the different themes. So you could handpick the code of the form which you would like to use in your application.

In the following example, we’ll set up the General form with the modern theme. If you want to display a form other than the General form, you just need to copy the HTML code of that specific form instead.

Copy HTML Code

From the contactme/index.html file copy the code between and comments and paste it in your HTML page in the section.

In our case, we want to use the modern theme instead of the default theme, so we just need to change the

tag class from contactMe small to contactMe small theme-modern.

Copy JavaScript and CSS Code

Next, copy the CSS code between and comments and put it in the section. Similarly, copy the JavaScript code between and comments and put it just before the section in your HTML page.

And with that, we’re almost done! Let’s see how it looks:

As you can see, it displays a nice and complete contact form which is ready-to-use! With form validation support out of the box, you don’t need to worry about spam submissions. Go ahead and fill up the form and submit it. If everything is configured properly, you’ll receive an email containing all the information.

In the next section, we’ll explore the different customization options supported by the ContactMe tool.

Customization Options

In the previous section, we discussed how to set up the basic contact form with the help of the ContactMe script. In this section, we’ll discuss a couple of important customization options supported by this script.

reCAPTCHA Support

The ContactMe tool supports the Google reCAPTCHA solution out-of-the-box to prevent spam submissions. You can choose from two different versions: reCAPTCHA V2 or Invisible reCAPTCHA.

Multilingual Support

There are five different languages you could choose from for your contact form. At the moment, it supports English, Spanish, German, Italian and Russian.

Themes Support

As we discussed earlier, the ContactMe Script provides different themes you can choose from to change the look and feel of your contact form. At the moment, it supports four different themes: Default, Modern, London, and Minimal.

Email Customization

When a user fills out and submits the contact form, the script sends two emails: the first one goes to the site owner and the other goes to the user for confirmation. You can alter the email templates that are used to send emails to site owner and user.

Custom Contact Forms

Although the ConctatMe script provides several contact us form templates you could choose from, sometimes you will need to add extra fields to the contact us form. And this is easily achieved by editing the form specific PHP file.

So as you can see, the ContactMe tool offers a lot more than just a simple contact form. With the built-in forms and themes support, you could create a contact form of your choice for your website.

And with that, we’ve reached the end of this article!

The Next Step: Other Contact Us Form Scripts

If you’re looking for more advanced contact us scripts that you could use right away, I recommend that you check out the following posts, which summarize some excellent scripts that are available for a low cost.

• 
  PHP
  20 Best PHP Email Forms
  Monty Shokeen
• 
  PHP
  Comparing the 5 Best PHP Form Builders
  Nona Blackman
• 
  PHP
  12 Best Contact Form PHP Scripts
  Nona Blackman
• 
  PHP
  Build Your Own CAPTCHA and Contact Form in PHP
  Monty Shokeen
• 
  PHP
  Create Beautiful Forms With PHP Form Builder
  Ashraff Hathibelagal

Conclusion

Today, we reviewed the ContactMe tool available at CodeCanyon. The sole purpose of this script is to allow creating different types of contact us forms on your PHP website.

I hope that you’re convinced that the ContactMe tool is useful enough to fulfill your requirements. Although it’s a commercial plugin, I believe it’s reasonably priced considering the plethora of features it provides.

If you have any suggestions or comments, feel free to use the feed below and I’ll be happy to engage in a conversation!