How To Create A Registration Form (and other forms) In WordPress Using cformsII

00 Registration Form   How To Create A Registration Form (and other forms) In Wordpress Using cformsIIIf you manage one or more blogs, I’m sure you realize the importance of interaction. Aside from the comments area, the best way for visitors to contact and interact with the blog owner is via a contact form. In WordPress, if you want to create a registration form, it’s as easy as installing and activating a plugin, and one of the most well known contact form plugins is cformsII.

But cformsII is no ordinary form creator. You can customize it and create anything from a simple contact form to multi-page forms to a tell-a-friend form. So when one of my colleagues asked me to help him create an online registration form for a regional competition his company is holding, cformsII automatically popped into my mind. (This plugin might also be one of the alternative answers to this question)


This registration form would be where people could submit their personal information and copy of payment receipt to register for the competition. Here’s how cformsII features helped us to complete the task.

Downloading And Installing

Let’s start with the installation process. You can’t use the WordPress built-in plugin search to find cformsII. You have to go to their site to download the plugin.

01 cforms II download   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

Then go to your WordPress blog and click “Add New” sub menu under “Plugins“.

01b Install Plugins Sidebar   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

In the “Install Plugins” page, click the “Upload” link, click “Choose File” and browse for the downloaded plugin, and finally click “Install Now“.

01c Install Plugins Upload   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

You’ll got new new menu on the site.

02a cformsII sidebar   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

Building New Forms

This plugin comes with one basic form which can be adjusted easily to fit users’ need. To begin, you can easily change the name of the form.

03a Form Settings Name   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

Then you can edit the name and type of each field of the form. Adding new lines is also as simple as telling cformsII how many and where to put the new fields. Just make sure that you’ve already planned about how many fields that you need in your form and the function of each one.

03b Form Settings Fields A   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

There’s the “Admin Actions” pane on the right side of the screen. You can use it to add new forms or duplicate the current form. But the most important function of this pane is the “Update Settings” button. Don’t forget to click this button every time you made changes to your form to save the changes.

03c Form Settings Update Settings   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

The easiest way to modify each form field is to use the “Input Field Settings“. You can open the window by clicking the box in the middle of every field. (While the other boxes after the “Type” options are the delete button)

03b Form Settings Fields B 1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

For example, you want to create checkbox with multiple choices, you can choose “Multiple Checkbox” from the drop down “Type” options, click the “Input Field Settings” button, then define each checkbox choices.

03d Form Settings Edit Pop Up Form1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

By combining text inputs and checkboxes, we can create almost any kind of form. And one of the field types is “File Upload Box” which allows people to upload small file such as copy of payment receipt.

03j File Upload   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

You can also create as many forms as you need using “Add new form” or “Duplicate current form” actions.

Other Settings

Aside for the form creation, there are other settings that you can adjust within the “Form Settings” menu. If you are only creating a simple form – like Submission Form – you can just leave everything as it is with the default value. But to make sure, you might want to check the email options to confirm that the email address where the submitted form will be sent is correct.

03e Form Settings More Options   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

There are two other settings that you might want to adjust: the “Global Settings“,

04 Global Settings   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

And the “Form Styling” where you can pick the appearance of your form(s) from the pre-made templates, and edit the CSS if you want to.

05 Choosing Form Style1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

Choose one of the styles and click the “Select Style” button, and you can see a preview of what your form will look like.

05b Choose Style And Preview   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

Last but not the least, “Help” is always there to guide you through the difficult times.

06 Help1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

Inserting The Form

You can insert the form into your blog post, pages and even as a widget. All you have to do is to click the cformsII button;

08a cforms button1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

And pick the form that you want to insert.

08b Picking A Form1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

If you want to use the widget, go to the “Appearance – Widgets” menu then drag and drop the cforms widget to the Widgets area.

08c Widgets cforms   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

And here’s an example of the published form.

09 The Result1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

What’s Going On Behind The Curtain?

What will happen after somebody clicks “Submit“? The content of the filled form will be emailed to the owner of the blog (or to another preferred address). The plugin comes with its own mailing system called PHPMailer.

09 PHPMailer   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

In a normal WP environment, you do not need to configure anything. Just leave it be and it will work. But if your web hosting provider doesn’t support the native PHP “mail()” command, you can configure cformsII to utilize external SMTP server such as GMail. You can configure the settings under “Global Settings – Mail Server Settings” menu.

And as for the mail address(es) where cformsII should send the filled forms to, is configurable under “Forms Setting – Admin Email Message Options” menu.

09c Admin Email Message Options 1   How To Create A Registration Form (and other forms) In Wordpress Using cformsII

A registration form is just one application of the many possibilities provided by the powerful cformsII. So if you ever need to add forms to your WordPress blog, you can try cformsII and modify it to your needs.

Do you use forms in your blog? What kind of forms are they? What plugin do you use? Please share your experiences using the comment section below.

Image credit: Cameron Nordholm

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

7 Comments -

0 votes

Lykimhout

Any one can help me plz!!
i hav created the library form by using CFormsII.
but i don’t know where the file is located.
Does CFormsII create any tables after created a new form.?

0 votes

Anonymous

Hi,

All the forms that you’ve created can be accessed easily using the “Navigate To” drop-down menu at the top of the page.

0 votes

thurana

Hi,

All the forms that you’ve created can be accessed easily using the “Navigate To” drop-down menu at the top of the page.

0 votes

Yashpnd

after registration can i login using same email and password ?

0 votes

Dbranca

Do you know any registration form plugins that can send the submitted info to a database instead of just email?

0 votes

Anonymous

If I’m not mistaken, this plugin can do that, but you have to dig deeper into the settings.

0 votes

Dbranca

Do you know any registration form plugins that can send the submitted info to a database instead of just email?