Create A Form In WordPress

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

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.

Advertisements

13 thoughts on “Create A Form In WordPress

  1. Hey there I am so grateful I found your blog page, I really found you
    by accident, while I was browsing on Askjeeve for something else,
    Anyways I am here now and would just like to say thanks
    a lot for a tremendous post and a all round entertaining blog (I also love the theme/design), I don’t have time to go through it all at the minute but I have bookmarked
    it and also added your RSS feeds, so when I have time I will be
    back to read a great deal more, Please do keep up the great
    b.

  2. When someone writes an piece of writing he/she keeps the thought of a user in his/her mind that how a user can know it.
    So that’s why this piece of writing is great. Thanks!

  3. Woah this blog is fantastic i like studying your articles. Stay up the good work! You know, many persons are hunting round for this information, you could help them greatly.

  4. Pingback: My Homepage

  5. You know therefore considerably in the case of this matter, made me in my view imagine it from numerous varied angles.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s