Contact Form Generator v2.5


Thank you for purchasing Contact Form Generator

If you have any questions about this product, feel free to email us here

Visit our portfolio on Code Canyon

It is very quick and easy to install Contact Form Generator

  1. Once you are done editing your form, click on the Create source files button at the bottom of the editor
  2. Two new buttons will appear: "View your form" and "Download sources"
  3. Click on the View your form button to get a preview of your new contact form
  4. Click on the Download sources button to download a zip file containing all the source files of your contact form
  5. Unzip the file and upload its content on your server

That's it! Your contact form is ready to work.

All the contact forms you create are stored in the directory : contactformgenerator/editor/forms

If you want to integrate the contact form into your own code base, open the file named "index.php" of your form and take the steps below.

Copy and paste everything that is bewteen the <!-- Form Start --> and <!-- Form End --> tags inside the <head></head> tags of your page. The content may differ from the image below depending on the type of fields you included in your form and depending on the form id you just created. The script requires at least jQuery 1.7.2 to work properly.

Copy and paste everything that is bewteen the cfg-form-container tags inside the <body></body> tags of your page.

Upload the directory named "cfg-form-xxx" (xxx is the id of your form) in the same directory of the page that will include your form. The directory "cfg-form-xxx" contains all the javascript and php files that will forward the messages to your email address.

If you form includes an upload field, the page in which you integrate your contact form must have the extension ".php". For example, let say you decide to integrate a form that includes an upload field into a page that already exists on your website. If this page has the extension ".html" (such as "contact.html" for example), you will simply have to rename this page into "contact.php" to make the form work properly.

To change the configuration of the contact form editor, there is only one file to edit :
editor/class/class.contactformeditor.php

If you want to change the value of a parameter (default color, default typography, etc.) :

  1. open class.contactformeditor.php
  2. update the value of the parameter
  3. save the file
  4. upload the file in the "editor/class/" directory

Important reminders

A few things should not be edited in the source files of your contact form if you want it to work properly :

If you don't want to type in your email address in the contact form builder each time you create a new form,
open "editor/class/class.contactformeditor.php" and change the default value for this variable :
$this->form_emailaddress

This way, your email address will always appear in the email address field of the editor and you won't have to write it every time you use the contact form generator.

Your email address $this->config_email_address

You can also configure the name that will appear in the "from" field of the user's inbox when you activate "delivery receipt" in your contact form.

Your name $this->config_email_from

You can do the same for the CC and BCC fields. If you want to add multiple recipients in CC and BCC fields, use commas to separate mutiple e-mail addresses.

E-mail addresses in the CC field $this->config_email_address_cc
E-mail addresses in the BCC field $this->config_email_address_bcc

 

Error message for empty fields $this->config_errormessage_emptyfield This field can't be left empty
Error message for invalid email address $this->config_errormessage_invalidemailaddress Invalid email address
Error message for wrong captcha $this->config_errormessage_captcha Value does not match
Error message for upload: file size is too large $this->config_errormessage_uploadfileistoobig File size is too large
Error message for upload: unauthorized file type $this->config_errormessage_uploadinvalidfiletype Unauthorized file type
Confirmation message $this->config_validationmessage Thank you, your message has been sent to us.
We will get back to you as soon as possible.

 

Date format
See the list of possible date formats on the jQuery website
$this->datepicker_default_format mm/dd/yy
Date language
The list of all the available languages is in the datepicker_language parameter inside "class.contactformeditor.php"
$this->datepicker_default_language English

 

To change the elements that appear by default in the form editor, open editor/class/class.contactformeditor.php and look for the line Form Set Up

Then, use the function addElement() to make the element you want appear in the form editor.

For example, if you want to see a title, a text area and a submit button in the default set up, you will use the following code:

 

$this->addElement('title');
$this->addElement('textarea');
$this->addElement('submit');

 

Captcha field captcha $this->addElement('captcha');
Checkboxes checkbox $this->addElement('checkbox');
Date field date $this->addElement('date');
Email field email $this->addElement('email');
Image image $this->addElement('image');
Paragraph paragraph $this->addElement('paragraph');
Radio buttons radio $this->addElement('radio');
Select / Drop-down list select $this->addElement('select');
Multiple Select / Drop-down list selectmultiple $this->addElement('selectmultiple');
Single line text text $this->addElement('text');
Submit button submit $this->addElement('submit');
Textarea / Multi-line Text textarea $this->addElement('textarea');
Title title $this->addElement('title');
Time field time $this->addElement('time');
Upload / File attachment upload $this->addElement('upload');

 

Title $this->default_fontweight_title bold
Label $this->default_fontweight_label normal
Paragraph $this->default_fontweight_paragraph normal
Form inputs $this->default_fontweight_formelement normal
Submit buttons $this->default_fontweight_submit bold
Title $this->default_label_title Contact us
Paragraph $this->default_label_paragraph To contact us, use the form below.
We will get back to you as soon as possible.
Captcha $this->default_label_captcha Captcha: enter the letters below
Checkbox $this->default_label_checkbox Checkboxes
Date field $this->default_label_date Date
Email $this->default_label_email Email
Radio buttons $this->default_label_radio Radio buttons
Select field $this->default_label_select Select
Multiple select $this->default_label_selectmultiple Multiple select
Submit button $this->default_label_submit Send
Textarea $this->default_label_textarea Textarea
Text field $this->default_label_text Text field
Time field $this->default_label_time Time
Upload / File attachment $this->default_label_upload Upload

 

Notification title $this->config_usernotification_subject Thanks for your message
Notification message $this->config_usernotification_message Thank you for contacting us.
We will answer you as soon as possible.

 

File size limit $this->upload_filesizelimit 1
File size unit $this->upload_filesizeunit MB