• Click on the + tab, give your form a name and click Create Form.
• Select form fields from the box on the left and click a field to add it to your form.
• Edit the information for each form field by clicking on the down arrow.
• Drag and drop the elements to put them in order.
• Click Save Form to save your changes.

• Name will change the display name of your form input.
• Description will be displayed below the associated input.
• Validation allows you to select from several of jQuery's Form Validation methods for text inputs. For more about the types of validation, read the Validation section below.
• Required is either Yes or No. Selecting 'Yes' will make the associated input a required field and the form will not submit until the user fills this field out correctly.
• Options will only be active for Radio and Checkboxes. This field contols how many options are available for the associated input.
• Size controls the width of Text, Textarea, Select, and Date Picker input fields. The default is set to Medium but if you need a longer text input, select Large.
• CSS Classes allow you to add custom CSS to a field. This option allows you to fine tune the look of the form.

Visual Form Builder uses the jQuery Form Validation plugin to perform clientside form validation.

• Email: makes the element require a valid email.
• URL: makes the element require a valid url.
• Date: makes the element require a date. Refer to documentation for various accepted formats.
• Number: makes the element require a decimal number.
• Digits: makes the element require digits only.
• Phone: makes the element require a US or International phone number. Most formats are accepted.
• Time: choose either 12- or 24-hour time format (NOTE: only available with the Time field).

Each form allows you to customize the confirmation by selecing either a Text Message, a WordPress Page, or to Redirect to a URL.

• Text allows you to enter a custom formatted message that will be displayed on the page after your form is submitted. HTML is allowed here.
• Page displays a dropdown of all WordPress Pages you have created. Select one to redirect the user to that page after your form is submitted.
• Redirect will only accept URLs and can be used to send the user to a different site completely, if you choose.

Send a customized notification email to the user when the form has been successfully submitted.

• Sender Name: the name that will be displayed on the email.
• Sender Email: the email that will be used as the Reply To email.
• Send To: the email where the notification will be sent. This must be a required text field with email validation.
• Subject: the subject of the email.
• Message: additional text that can be displayed in the body of the email. HTML tags are allowed.
• Include a Copy of the User's Entry: appends a copy of the user's submitted entry to the notification email.

• Fieldsets, a way to group form fields, are an essential piece of this plugin's HTML. As such, at least one fieldset is required and must be first in the order. Subsequent fieldsets may be placed wherever you would like to start your next grouping of fields.
• Security verification is automatically included on very form. It's a simple logic question and should keep out most, if not all, spam bots.
• There is a hidden spam field, known as a honey pot, that should also help deter potential abusers of your form.
• Nesting is allowed underneath fieldsets and sections. Sections can be nested underneath fieldsets. Nesting is not required, however, it does make reorganizing easier.

Show on screen

, so move down a level elseif ( $field->field_parent && $field->field_parent == $last ) { echo '
'; $depth++; } // Close up a
and move up a level elseif ( $field->field_parent && $field->field_parent != $parent ) { echo '
'; $depth--; } // Same level so close list item elseif ( $field->field_parent && $field->field_parent == $parent ) echo ''; // Store item ID and parent ID to test for nesting $last = $field->field_id; $parent = $field->field_parent; ?>

• field_name ) ); ?>field_required == 'yes' ) ? ' *' : ''; ?> field_type ) ); ?>

  field_type, array( 'fieldset', 'section', 'verification' ) ) ) : ?>

  field_type, array( 'fieldset', 'verification' ) ) ) ? 'Legend' : 'Name'; ?> (?)
  

  (?)
  

  field_type == 'instructions' ) : ?>

  (?)
  

  (?)
  <?php echo stripslashes( $field->field_description ); ?>

  (?)
  

  field_type !== 'submit' ) : ?>

  (?)
  

  field_type, array( 'radio', 'checkbox', 'select' ) ) ) : ?>

  (?)
  field_options ) ) { if ( is_serialized( $field->field_options ) ) $opts_vals = ( is_array( unserialize( $field->field_options ) ) ) ? unserialize( $field->field_options ) : explode( ',', unserialize( $field->field_options ) ); } // Otherwise, present some default options else $opts_vals = array( 'Option 1', 'Option 2', 'Option 3' ); // Basic count to keep track of multiple options $count = 1; // Loop through the options foreach ( $opts_vals as $options ) { ?>

  " class="clonedOption"> field_default, $count ); ?> /> " /> Add Delete

  field_type, array( 'file-upload' ) ) ) : ?>

  field_options ) ) { if ( is_serialized( $field->field_options ) ) $opts_vals = ( is_array( unserialize( $field->field_options ) ) ) ? unserialize( $field->field_options ) : unserialize( $field->field_options ); } // Loop through the options foreach ( $opts_vals as $options ) { ?> (?)
  

  (?)
  field_type, array( 'radio', 'select', 'checkbox', 'address', 'date', 'textarea', 'html', 'file-upload', 'secret' ) ) ) ? ' disabled="disabled"' : ''; ?>> field_type == 'time' ) : ?> field_validation, 'time-12' ); ?>> field_validation, 'time-24' ); ?>> field_validation, '' ); ?>> field_validation, 'email' ); ?>> field_validation, 'url' ); ?>> field_validation, 'date' ); ?>> field_validation, 'number' ); ?>> field_validation, 'digits' ); ?>> field_validation, 'phone' ); ?>>

  (?)
  field_required, 'no' ); ?>> field_required, 'yes' ); ?>>

  field_type, array( 'radio', 'checkbox', 'time' ) ) ) : ?>

  (?)
  field_size, 'small' ); ?>> field_size, 'medium' ); ?>> field_size, 'large' ); ?>>

  field_type, array( 'radio', 'checkbox', 'time' ) ) ) : ?>

  (?)
  field_type == 'time' ) ? ' disabled="disabled"' : ''; ?>> field_size, '' ); ?>> field_size, 'two-column' ); ?>> field_size, 'three-column' ); ?>> field_size, 'auto-column' ); ?>>

  (?)
  field_layout, '' ); ?>> field_layout, 'left-half' ); ?>> field_layout, 'right-half' ); ?>> field_layout, 'left-third' ); ?>> field_layout, 'middle-third' ); ?>> field_layout, 'right-third' ); ?>> field_layout, 'left-two-thirds' ); ?>> field_layout, 'right-two-thirds' ); ?>>

  field_type, array( 'radio', 'select', 'checkbox', 'time', 'address' ) ) ) : ?>

  (?)
  

  field_type, array( 'address' ) ) ) : ?>

  (?)
  countries as $country ) { echo 'field_default, $country, 0 ) . '>' . $country . ''; } ?>

  (?)
  

  field_type, array( 'verification', 'secret', 'submit' ) ) ) : ?>
  and
• are closed if ( $depth > 1 ) { while( $depth > 1 ) { echo '
'; $depth--; } } // Close out last item echo ''; } /** * Display admin notices * * @since 1.0 */ public function admin_notices(){ if ( isset( $_REQUEST['action'] ) ) { switch( $_REQUEST['action'] ) { case 'create_form' : echo __( '

The form has been successfully created.

' , 'visual-form-builder'); break; case 'update_form' : echo sprintf( __( '

The %s form has been updated.

' , 'visual-form-builder'), stripslashes( $_REQUEST['form_title'] ) ); break; case 'deleted' : echo __( '

The form has been successfully deleted.

' , 'visual-form-builder'); break; case 'copy_form' : echo __( '

The form has been successfully duplicated.

' , 'visual-form-builder'); break; } } } /** * Add options page to Settings menu * * * @since 1.0 * @uses add_options_page() Creates a menu item under the Settings menu. */ public function add_admin() { add_menu_page( __( 'Visual Form Builder', 'visual-form-builder' ), __( 'Visual Form Builder', 'visual-form-builder' ), 'manage_options', 'visual-form-builder', array( &$this, 'admin' ), plugins_url( 'visual-form-builder/images/vfb_icon.png' ) ); add_submenu_page( 'visual-form-builder', __( 'Visual Form Builder', 'visual-form-builder' ), __( 'All Forms', 'visual-form-builder' ), 'manage_options', 'visual-form-builder', array( &$this, 'admin' ) ); add_submenu_page( 'visual-form-builder', __( 'Add New Form', 'visual-form-builder' ), __( 'Add New Form', 'visual-form-builder' ), 'manage_options', 'vfb-add-new', array( &$this, 'admin' ) ); add_submenu_page( 'visual-form-builder', __( 'Entries', 'visual-form-builder' ), __( 'Entries', 'visual-form-builder' ), 'manage_options', 'vfb-entries', array( &$this, 'admin' ) ); add_submenu_page( 'visual-form-builder', __( 'Export', 'visual-form-builder' ), __( 'Export', 'visual-form-builder' ), 'manage_options', 'vfb-export', array( &$this, 'admin' ) ); } /** * Builds the options settings page * * @since 1.0 */ public function admin() { global $wpdb, $current_user, $entries_list, $entries_detail, $export; get_currentuserinfo(); // Save current user ID $user_id = $current_user->ID; // Set variables depending on which tab is selected $form_nav_selected_id = ( isset( $_REQUEST['form'] ) ) ? $_REQUEST['form'] : '0'; ?>

' . sprintf( __( 'Search results for "%s"' , 'visual-form-builder'), $_REQUEST['s'] ) : ''; ?>

array( 'page' => __( 'Forms', 'visual-form-builder' ) ), 'vfb-entries' => array( 'page' => __( 'Entries', 'visual-form-builder' ) ), 'vfb-export' => array( 'page' => __( 'Export', 'visual-form-builder' ) ) ); foreach ( $pages as $page => $args ) { $class = ( isset( $_REQUEST['page'] ) && in_array( $_REQUEST['page'], array( $page ) ) ) ? 'current' : ''; $views[ $args['page'] ] = "\t
• {$args['page']}"; } echo implode( ' |
', $views ) . ''; ?>

entries_detail(); else : $entries_list->prepare_items(); ?>

search_box( 'search', 'search_id' ); $entries_list->display(); ?>

display(); // Display the Forms else: if ( empty( $form_nav_selected_id ) ) : ?>



all_forms(); ?>
get_results( $wpdb->prepare( "SELECT * FROM $this->form_table_name WHERE form_id = %d ORDER BY $order", $form_id ) ); foreach ( $forms as $form ) { // If text, return output and format the HTML for display if ( 'text' == $form->form_success_type ) return stripslashes( html_entity_decode( wp_kses_stripslashes( $form->form_success_message ) ) ); // If page, redirect to the permalink elseif ( 'page' == $form->form_success_type ) { $page = get_permalink( $form->form_success_message ); wp_redirect( $page ); exit(); } // If redirect, redirect to the URL elseif ( 'redirect' == $form->form_success_type ) { wp_redirect( $form->form_success_message ); exit(); } } } } /** * Output form via shortcode * * @since 1.0 */ public function form_code( $atts, $output = '' ) { require( trailingslashit( plugin_dir_path( __FILE__ ) ) . 'includes/form-output.php' ); return $output; } /** * Handle emailing the content * * @since 1.0 * @uses wp_mail() E-mails a message */ public function email() { require( trailingslashit( plugin_dir_path( __FILE__ ) ) . 'includes/email.php' ); } /** * Validate the input * * @since 2.2 */ public function validate_input( $data, $name, $type, $required ) { if ( 'yes' == $required && strlen( $data ) == 0 ) wp_die( "

$name


" . __( 'This field is required and cannot be empty.', 'visual-form-builder' ), $name, array( 'back_link' => true ) ); if ( strlen( $data ) > 0 ) : switch( $type ) { case 'email' : if ( !is_email( $data ) ) wp_die( "

$name


" . __( 'Not a valid email address', 'visual-form-builder' ), '', array( 'back_link' => true ) ); break; case 'number' : case 'currency' : if ( !is_numeric( $data ) ) wp_die( "

$name


" . __( 'Not a valid number', 'visual-form-builder' ), '', array( 'back_link' => true ) ); break; case 'phone' : if ( strlen( $data ) > 9 && preg_match( '/^((\+)?[1-9]{1,2})?([-\s\.])?((\(\d{1,4}\))|\d{1,4})(([-\s\.])?[0-9]{1,12}){1,2}$/', $data ) ) return true; else wp_die( "

$name


" . __( 'Not a valid phone number. Most US/Canada and International formats accepted.', 'visual-form-builder' ), '', array( 'back_link' => true ) ); break; case 'url' : if ( !preg_match( '|^http(s)?://[a-z0-9-]+(.[a-z0-9-]+)*(:[0-9]+)?(/.*)?$|i', $data ) ) wp_die( "

$name


" . __( 'Not a valid URL.', 'visual-form-builder' ), '', array( 'back_link' => true ) ); break; default : return true; break; } endif; } /** * Sanitize the input * * @since 2.5 */ public function sanitize_input( $data, $type ) { if ( strlen( $data ) > 0 ) : switch( $type ) { case 'text' : return sanitize_text_field( $data ); break; case 'textarea' : return wpautop( $data ); break; case 'email' : return sanitize_email( $data ); break; case 'username' : return sanitize_user( $data ); break; default : return $data; break; } endif; } /** * Make sure the User Agent string is not a SPAM bot * * @since 1.3 */ public function isBot() { $bots = apply_filters( 'vfb_blocked_spam_bots', array( 'archiver', 'binlar', 'casper', 'checkprivacy', 'clshttp', 'cmsworldmap', 'comodo', 'curl', 'diavol', 'dotbot', 'email', 'extract', 'feedfinder', 'flicky', 'grab', 'harvest', 'httrack', 'ia_archiver', 'jakarta', 'kmccrew', 'libwww', 'loader', 'miner', 'nikto', 'nutch', 'planetwork', 'purebot', 'pycurl', 'python', 'scan', 'skygrid', 'sucker', 'turnit', 'vikspider', 'wget', 'winhttp', 'youda', 'zmeu', 'zune' ) ); $isBot = false; foreach ( $bots as $bot ) { if ( stripos( $_SERVER['HTTP_USER_AGENT'], $bot ) !== false ) $isBot = true; } if ( empty($_SERVER['HTTP_USER_AGENT'] ) || $_SERVER['HTTP_USER_AGENT'] == ' ' ) $isBot = true; return $isBot; } } // On plugin activation, install the databases and add/update the DB version register_activation_hook( __FILE__, array( 'Visual_Form_Builder', 'install_db' ) ); ?>