CForms Tutorial

CForms is a WordPress plugin that allows you to create and add forms to your website with little to no coding knowledge needed. When it is installed, you will see a section in your admin that looks like the image to the left.

“Form Settings” lets you create and edit forms, choose the mailto: addresses and define the settings for form submission success/failure. “Global Settings” is more advanced – settings for CAPTCHA, upload field, header data, etc. You will use this section rarely, if ever. “Styling” allows you to change the appearance of your form. There are a number of pre-set form styles, but to get precision styling, you’ll need to edit the CSS of the pre-set styles and/or create your own style. “Help” is a section of CForms documentation by the developer.

When CForms is first installed, it usually comes with a sample form. Clicking on the “CForms” heading in the sidebar of your admin or clicking on “Form Settings” will both take you to a page that looks like this:

You can add a new form with the Add New Form button at the top right.

The Form Name field at the top left allows you to type in the name of the form you are creating.

Below that is the list of the form fields. Field Name is the text that is to the left of the form field. Field Type determines what kind of information can go in this area. Is it one line of text? Many? Radio buttons? Check boxes? Pressing the Advanced Field Options button allows you to set the options available for radio buttons, check boxes, and forms that have information already in the blank spaces.

The check boxes on the far right side of the form fields list sets if a field is visible/hidden, required, or an email verification.

Once you have set up your form how you want it to be, press the Update Form Settings button in the top right of the above picture.

Additional Form Options

 

The Messages, Text, and Button Label tab below determines the Thank You message for your form. Some forms are set to automatically go to a default Thank You page when the form is filled out. You may want to view the form(s) that have already been created to see what the settings are for these forms.

The Core Form Admin / Email Options tab below shows the email address that will receive the entries from the form field and what email address is listed for the “FROM:” email address if this option is selected.

The Admin Email Options tab determines the style and formatting of the email you receive from the form.

The other settings in this area are all very advanced and you can find more support for CForms in the Help! link of the CForms sidebar section as well as on the CForms support forum, here.

Now that you have your form, how do you put it in a page?

 

This part is much simpler than the rest. You use what is called “shortcodes”. Shortcodes are quick versions of pseudo-code that place in an element from the CMS site into your pages. The shortcode format for CForms is as follows:

<!--cforms name="form name here"-->

That’s it. The name that goes within the quotation marks is the name of the form that you put in the text box on the top left when you created your new form.

It has to go into the code side, or HTML side, of the page editor in order to work properly.

Removing Linklove

 

There’s a few reasons why you may want to remove the contact form by delicious:days notification at the bottom of your form(s). We won’t get into any justifications or guilt trips here. There’s two ways you can remove it:

  1. Edit the CSS of the style “linklove”.
    Go to /wp-content/plugins/cforms/styling directory, open the css file for the style you have applied to your form, and add the following attribute to the “linklove” class:
     
    visibility:hidden;
     
    The downside of this method is that if you update your plugin, this change will likely be lost and the linklove credit will be visible again.The upside of doing things this way is that the author credit remains intact, even if it is not visible.

  2. Edit the PHP of the plugin.
    Go to /wp-content/plugins/cforms directory and open the cforms.php file. Depending on the plugin version, this code could be in several different places. You are looking for code that looks like this:

    $content .= $ntt . '<p class="linklove" id="ll'. $no .'"><a href="http://www.deliciousdays.com/cforms-plugin"><em>cforms</em> contact form by delicious:days</a></p>';

    If you want to change the text/link to a different credit, change the text highlighted in green above to a different link, and the text in red to different text. It is mostly HTML, and not difficult to edit if you are familiar with HTML code.

    If you want to remove the linklove completely, change the above code to the following:

    $content .= $ntt . ' ';

    CForms has a bit of a learning curve, but once you figure it out, you will be able to create amazing interactive forms for your site. Good luck!

Share and Enjoy:
  • email
  • Facebook
  • Twitter
  • LinkedIn
  • MySpace
  • Google Bookmarks
  • Google Buzz
  • Tumblr
  • del.icio.us
  • StumbleUpon
  • Digg
  • Reddit
  • Yahoo! Buzz
  • Add to favorites
  • RSS

Leave a Reply

Your email address will not be published. Required fields are marked *

*


*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>