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

Ads by Google

create a registration formIf 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.

creating a registration form

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

creating a registration form

Ads by Google

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

create a registration form

You’ll got new new menu on the site.

creating a registration form

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.

wordpress registration form

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.

wordpress registration form

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.

wordpress registration form

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.png

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-Form.png

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.png

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.png

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

04 Global Settings.png

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-Style.png

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.png

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

06 Help.png

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-button.png

And pick the form that you want to insert.

08b-Picking-A-Form.png

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.png

And here’s an example of the published form.

09-The-Result.png

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.png

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.

create a registration form

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

Ads by Google

7 Comments - Write a Comment

Reply

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.?

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.

Reply

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.

Reply

Yashpnd

after registration can i login using same email and password ?

Reply

Dbranca

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

Anonymous

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

Reply

Dbranca

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

Your comment