"Short facts with arguments"

When you need to expand your horizon, start with an article!

Free Wordpress Installation Service!

wordpress hosting logo

Frustrated with setting up your Wordpress Blog?

Then check out ourFREEWordpress installation service!

Home
Extension Tutorial: Chronoforms

Joomla forms

We will be using a Chrono Forms extension (component) to make it work. Chrono Forms is simple to use and allows you to paste the form directly into page.

  1. Download ChronoForms
  2. Install Chronoforms
  3. Create form code
  4. Insert form code
  5. Create a menu item to your new form
  6. Advanced Features: Email code

Download ChronoForms

First we need to download ChronoForms from their website (chronoengine.com).

Install Chronoforms

Chronoforms is a component so installing is done in Administration area of Joomla.

  1. Go to Install>Components
    installers_components
  2. Select file on your computer
    install-new-component
  3. Click on Upload and Install.
Chronoforms is now ready.

Create form code

To use a form on our website we first need to create it. You can use Dreamweaver, Online Builder or any other way to create a form, but it has to be without <form> tags. If you insert a code with form tags it will not work.If you use a form generator, make sure you delete any unneccessary tags.

 

Your code must look like this:

<input type="checkbox" name="checkbox" value="House" />

<input type="checkbox" name="checkbox2" value="Terraced House" />

<input type="checkbox" name="checkbox3" value="Weekend House" />

and not like this:

<form id="form1" name="form1" method="post" action="">
<label>chechbox
<input type="text" name="textfield" />
</label>
</form>

Insert form code

  1. To insert code go to Components>ChronoForms and Configuration.
    configuring_chronoforms
  2. Click on Save.
  3. Now click on New and you can now enter your forms details.
    configuring_chronoforms222333
  4. Fill in the data and save it.

Create a menu item to your new form

Before you can see your form, you have to create a link item to it.

  1. Go to Menu Manager>Main menu
  2. Click on New
  3. Select URL
    chrono_menuitem
  4. Insert this code: index.php?option=com_chronocontact&chronoformname=x
    where x is the name of your form set in configuration.
    chrono_menuitem2
  5. Save and check your site.
If everything is set correctly, you will receive results entered through form to your email.

Advanced features (this is not for beginners)

Email code is an optional thing, and comes handy with bigger forms that have lots of elements. With this code you can control how will the results look when you receive them.


Sample email code looks like this:

A person named {name} with email {email} sent us a message: {message}.

Where {name} is a field name you have to enter when creating a form


For this sample email code, you would need to put the following line in form:
<input name="email" type="text" size="26" /> - is the code you will put in form.

{email} - is the field name you want to show in results you receive.

 

Got luck with your forms.

 
< Prev   Next >
wordpress hosting logo

Frustrated with setting up your Wordpress Blog?

Then check out ourFREEWordpress installation service!