To access the form builder, click on a form under Forms. The form builder screen can be divided into two parts. The left part is the Dashboard and the right part is our Form Preview.
Below these options are the various form elements you can add. To add a form element, just click on the button.
File Upload and Captcha fields cannot be added more than once in a form.
You can embed Google Maps using the Custom field. Get the HTML link from Google Maps, and paste it in the text box in the options for Custom field.
Follow the same procedure to embed videos, and other widgets.
To view the options of the Form Title, Submit Button, or any added element, click on it.
You can drag and drop the elements to change their order.
The Live Form Preview tries to capture the form just as would appear on your page. However, the actual form might appear different depending on your theme, and other changes to basic CSS styles.
Place these two line on your page where you want the form to appear
<?php require_once('../function.php'); formcraft(1); ?>
The first line should point to the function.php file which is inside the formcraft directory.
The second line tells the script which form to use here. You can alter this line to use different types of forms - fly in, sticky, popup, or inline form. See below for details:
formcraft($id, $type, $opened, $text, $class, $background, $text_color);
formcraft(20); // Use the inline / regular form
formcraft(20, 'popup'); // Form opens on click, in a popup box
formcraft(20, 'popup', 'Contact Us'); // Text of popup box is 'Contact Us'
formcraft(20, 'sticky', '', 'Contact Us'); // There is a button on the bottom right corner of the page which will slide up the form on click
formcraft(20, 'fly', 1, 'Contact Us', '', 'red', 'white' ); // There a red button on the right side of the page which will trigger the form on click. Also, the form would open on it's own when the page loads.
You can use conditional laws to show / hide elements dynamically based on their value. However, conditional laws are not available for the following field types:
How Show / Hide Works:
If a certain value is selected / entered in the input field, a specific element is shown. It is recommended that the element which is to be shown should be Hidden by Default, from the options of the respective element.
Example: I have a field #3 which is to be shown when the value of the input field #1 is set to test. If the value test is typed in this field, the field #3 will be shown, but when I type in any value other than test, the field #3 will hide (whether or not it was Hidden by Default)
If a certain value is selected / entered in the input field, a specific element is hidden.
Example: I have a field #3 which is to be hidden when the value of the input field #1 is set to test. If the value test is typed in this field, the field #3 will hide, but when I type in any value other than test, the field #3 will be shown (whether or not it was Hidden by Default)
Fields: Star, Smiley, and Thumb
Each selectable option of the fields Star and Smiley has a pre-defined value, from 1 to 5 (in case of Smileys) and 1 to 5 (or more, in case of Stars). If, say, you want to show field #3 when the lowest smiley rating is selected by the user, you will set the conditional law to
if this element equals 1Thumb fields have two predefined values: 1 for the positive rating (thumb up) and 0 for the negative rating (thumb down)
Fields: CheckBox, MultiChoice, and DropDown
Unlike star, smiley and thumb ratings, the value of each option is customizable here, and the show / hide event is triggered when a specific option is checked. In case of checkboxes, where multiple options can be selected, the show / hide event will be triggered if a specific option is checked, whether or not other options are also checked.
Fields: Email, One Line Text, DateInput, and MultiLine
The plugin also allows you to set conditional laws to text fields, and the show / hide events work live.
Example: I have a field #3 which is to be hidden when the value of the One Line Input Field #1 is set to test. As soon as the value test is typed in this field, the field #3 will hide, but when I type in any value other than test, the field #3 will be shown (whether or not it was Hidden by Default)
Isn't it awesome?
The value of the File field will be the number of files uploaded
When a user submits a form, the form data is delivered to the email recipients, and is saved in a database.
Email recipients can be added under Form Options inside the Form Builder screen.
All the form submissions can also be accessed from the Submissions table in the Form Index screen.
On the same screen you can see statistics on form submissions.
You can also export the form submissions data to a spreadsheet by clicking on Export Data to CSV.
As you might know, FormCraft has a fantastic File Upload field feature for your forms. All the files uploaded by users can be viewed from the File Manager table from the Form Index screen.
You can also access the uploaded files by viewing the form submissions data.
In case of general queries or clarifications, you can post a comment in the Item Discussion section.
If you encounter bugs along the way, or wish to suggest some features in the plugin, please contact me through my profile page.
If you like the plugin, please give a rating :)