Easy From Builder

Easily Create any type of form without writing a single line of code, use functionality such as validation , file upload , and when visitors submit the form receive a nice email with user IP, GEO location, platform and much more

Buy it Now Try it Now

Functionality

Ajax Form Submit

Submit the form after the jquery validation using ajax , without page refresh and shows the nice looking success or error message

Receive Nice E-mail

When a visitor submit the form apart form all form data you receive date and time, country, city , region of the visitor plus type of the browser, platform and IP address

Jquery Validation

custome validation can be added for all form element with cutome error messages

Fully Responsive

The form is based on bootstrap and fully responsive, also there is an option to trun off the resposive and fix the form in given width, also you can add you own css file

File Upload

supports ajax file upload and when a user submit the form with an uploaded image or file, it comes as attachment to your email

Very Easy Setup

Just upload 4 files on your web server and change the config file to create your form, and your are ready to go!

all Form element types

All form elements type are fully supported such as Text, Textarea, Checkbox, Radio, File upload and Select. they are fully modifiable using CSS

Easy Change form look

class and id will automaticly added to your form element and you can customize your file with inline css that you write in your config file or via an attched css file

Some Example

This is what you Write


*/**********STARTFORM CONFIRGRATION

First Name|text| valid <msg>Please enter your first name</msg> |
Last Name |text| valid <msg>Please enter your last name </msg> |
E-mail |text| valid <msg>Please enter your E-mail</msg> |

**page_name==example2.html
**email_subject==this email comes from website
**email_to == yashaaa@gmail.com
**email_from==info@yasha.co
**email_from_name==Yasha Asadpoor
**email_cc==
**email_bcc==
**convert_time_to==America/Los_Angeles */must be provided, get it from http://php.net/manual/en/timezones.php
**submit_limitation==60
**submit_limitation_error_msg==<b>Error</b> You Just submit the form

**form_width==
**form_hieght==

**submit_button_text==submit
**cancel_button_text==cancel

**form_success_msg==form submited successfully we will contact you shortly
**show_success_position==top

**show_error_position==top
**loader_image==http://yasha.co/images/ajax-loader.gif
**loader_image_position==top

**content_top_form==<h2>You will receive an email every month with top news </h2>
**content_bottom_form== <h4>The email send out evey 1th of each month </h4>

**page_body_css==
**form_body_css==
**header_text==<h1>Newsletter subscription</h1>
**form_header_css==
**form_footer_css==
**form_container_css==

**external_css_file==

*/**********END FORM CONFIRGRATION

This is What you get, submit the form to see email

This is what you Write


*/**********STARTFORM CONFIRGRATION

First Name|text| valid <msg>Please enter your first name</msg> |
Last Name |text| valid <msg>Please enter your last name </msg> |
Phone |text| valid <msg>Please enter your Phone number</msg> |
E-mail |text| valid <msg>Please enter your E-mail</msg> |
Message| textarea | <css> height:300px;</css> |
Gender|radio|<val> male, female</val>|valid <msg>please select your gender</msg> |
which media | checkbox | <val>Intenet, Radio, Tv, google adword , Email marketing</val>| <toptext> How did you hear about us </toptext>

**page_name==example3.html
**email_subject==this email comes from website
**email_to == yashaaa@gmail.com
**email_from==info@yasha.co
**email_from_name==Yasha Asadpoor
**email_cc==
**email_bcc==
**convert_time_to==America/Los_Angeles */must be provided, get it from http://php.net/manual/en/timezones.php
**submit_limitation==60
**submit_limitation_error_msg==<b>Error</b> You Just submit the form

**form_width==
**form_hieght==

**submit_button_text==submit
**cancel_button_text==cancel

**form_success_msg==form submited successfully we will contact you shortly
**show_success_position==top

**show_error_position==top
**loader_image==http://yasha.co/images/ajax-loader.gif
**loader_image_position==top

**content_top_form==<h2>please fill the form and we will contact you soon ! </h2>
**content_bottom_form== <h4>Alternatively you can call us 310-627- 7570 between 9am to 6pm, Mon to Fri </h4>

**page_body_css==
**form_body_css==
**header_text==<h1>Contact Us</h1>
**form_header_css==
**form_footer_css==
**form_container_css==

**external_css_file==

*/**********END FORM CONFIRGRATION

This is What you get, submit the form to see email

This is what you Write


*/**********STARTFORM CONFIRGRATION

First Name|text| valid <msg>Please enter your first name</msg> |
Last Name |text| valid <msg>Please enter your last name </msg> |
Phone |text| valid <msg>Please enter your Phone number</msg> |
E-mail |text| valid <msg>Please enter your E-mail</msg> |
Message| textarea | <css> height:300px;</css> |
Gender|radio|<val> male, female</val>|valid <msg>please select your gender</msg> |
which media | checkbox | <val>Intenet, Radio, Tv, google adword , Email marketing</val>| <toptext> How did you hear about us </toptext>

**page_name==example4.html
**email_subject==this email comes from website
**email_to == yashaaa@gmail.com
**email_from==info@yasha.co
**email_from_name==Yasha Asadpoor
**email_cc==
**email_bcc==
**convert_time_to==America/Los_Angeles */must be provided, get it from http://php.net/manual/en/timezones.php
**submit_limitation==60
**submit_limitation_error_msg==<b>Error</b> You Just submit the form

**form_width==
**form_hieght==

**submit_button_text==submit
**cancel_button_text==cancel

**form_success_msg==form submited successfully we will contact you shortly
**show_success_position==top

**show_error_position==top
**loader_image==http://yasha.co/images/ajax-loader.gif
**loader_image_position==top

**content_top_form==<h2>please fill the form and we will contact you soon ! </h2>
**content_bottom_form== <h4>Alternatively you can call us 310-627- 7570 between 9am to 6pm, Mon to Fri </h4>

**page_body_css== background-color:black; color:white;
**form_body_css==background-color:black;
**header_text==<h1>Contact Us</h1>
**form_header_css==background-color:black;color:white; border:0px;
**form_footer_css==background-color:black;border:0px;
**form_container_css==background-color:black;

**external_css_file==

*/**********END FORM CONFIRGRATION


This is What you get, submit the form to see email

Documentation

File System

after unzipping the file there would be 4 files and one folder :
Config.txt : this is the file that contains all the form configuration and all element that appears in the form
Create.php : after creating a config file this file is responsible for creating the form, basically this file reads the config file and generate the form file. whenever a change needed in the form, config file should be change and then Create.php should run . and it creates a html file containing the form by the given name in config file
Email.php : after the form submitted this file generate the email and sends it.
Upload Folderif there is a file element in the form the file temporary uploads to this folder before it gets attached to the e-mail
Config.txt file structure File starts with defining the form elements. each of them should go to one separate file and | used to separate the different attributes for each element .

Order of element in config file

order is important for first two attributes which are the name and type of element , for the rest order is not important The name used for each element show up in the left side of that element and when user submits it appears in the email with entered value.

Elements and Types

after the name is type. one line can be only contains name and type . different types of elements are

  • Text
  • TextArea
  • Checkbox
  • RadioBox
  • file
  • select

for text, textarea and file types a line can simply contain only these two parameters but for the rest of them is necessary

First Name | text |

for example for select line should be like this

Gender | select | <val> male, female </val>

Form Builder automatically reads and understand the values between val tag and add them as option to the select. for all line valid is an optional keyword that adds validation to the field, also it would be possible to add custom error message to the validation, for example :

First Name|text| valid <msg>Please enter your first name</msg> |

for each element inline css can be added to do so the tags would be for example:

First Name|text| valid <msg>Please enter your first name</msg> | <css> border:1px solid red; </css>

its possible to add some to add some text or html on top of each field to do so needed tags is

First Name|text| valid <msg>Please enter your first name</msg> | <css> border:1px solid red; </css> | <toptext> its should be appear on your passport </toptext>

Other configuration

all other configuration lines must start with ** , defined varibles are :

the file name for the form

**page_name==example4.html

subject of the email that will be sent to you

**email_subject==this email comes from website

email address for receiving the submitted information

**email_to == yashaaa@gmail.com

email from, an email account that will send the submitted information

**email_from==info@yasha.co

email from name

**email_from_name==Yasha Asadpoor

cc another email address

**email_cc==

bcc another email address

**email_bcc==

convert the submitted date on the email to specific location time

**convert_time_to==America/Los_Angeles */must be provided, get it from http://php.net/manual/en/timezones.php

put a validation for time of submit , user can not submit the form again in less than 60 second

**submit_limitation==60

the error message that use will get if tries to submit the form in less than 60 second

**submit_limitation_error_msg==Error You Just submit the form

for making the form in fixed width, if no value provided gere the form would be responsive

**form_width==

for making the form in fixed height, if no value provided gere the form would be responsive

**form_hieght==

text on submit button

**submit_button_text==submit

text on cancel button

**cancel_button_text==cancel

success message that will be shown to user

**form_success_msg==form submitted successfully we will contact you shortly

the position of showing the success message can be top or bottom

**show_success_position==top

the position of showing the error message can be top or bottom

**show_error_position==top

address for ajax loader image

**loader_image==http://yasha.co/images/ajax-loader.gif

the position of showing the ajax loader can be top or bottom

**loader_image_position==top

add some html at top of the form

**content_top_form== <h2>please fill the form and we will contact you soon ! </h2>

add some html at bottom of the form

**content_bottom_form== <h4>Alternatively you can call us 310-627- 7570 between 9am to 6pm, Mon to Fri </h4>

add css to different element of form

**page_body_css== background-color:black; color:white;
**form_body_css==background-color:black;
**header_text==<h1>Contact Us</h1>
**form_header_css==background-color:black;color:white; border:0px;
**form_footer_css==background-color:black;border:0px;
**form_container_css==background-color:black;

add external css file to the form

**external_css_file==