×
HIDE

Form Builder

PAFE Form Builder has 3 widgets, Field, Submit, Multi Step Form so you can easily customize the layout, can insert any other widget in a form. PAFE Form Builder has many great features such as Multi Step Form, Conditional Logic, Calculated Fields, Stripe Payment, Submit Post support ACF, Toolset, JetEngine, Edit Post, Woocommerce Add to Cart, Dynamic Pricing, Checkout with Woocommerce, Remote Request, Image Select, Range Slider, Google Sheets Connector, Form Database,…

Demo

Template Json Files

Calculated Fields + Conditional Logic + Woocommerce checkout

Website Design Package

Show Gift Select Field if Choose Unlimited Page Package

Daily Visitors

Set Hosting Plan 2 if Daily Visitors >= 3000, Hosting Plan 3 if Daily Visitors >= 6000

Total $

Multi Step Form

1
2
3
Where are you going ?
Which styles would you prefer for your trip?
Your Information

Tutorial

To begin, go to Elementor Panel > Elements > PAFE Form Builder . Use Field Widget and Submit Widget to create your Form.

Field Widget

Content Tab

Field Section

  1. Form ID* (Required) : Enter the same form id for all fields in a form, with latin character and no space. E.g order_form
  2. Field ID* (Required) : Field ID have to be unique in a form, with latin character and no space. E.g your_field_id
  3. Shortcode : [field id=”your_field_id”]
  4. Type : Text, Email, Textarea, TinyMCE, URL, Tel, Radio, Select, Select Autocomplete, Terms Select, Image Select, Google Address Autocomplete, Checkbox, Acceptance, Number, Date, Time, Image Upload, File Upload, Password, HTML, Hidden, Range Slider, Calculated Fields, Stripe Payment, Honeypot

Special Fields

You can set One Selection or Multiple Selection. Customize styles at Style Tab

Range Slider Options: skin: “round”, type: “double”, grid: true, min: 0, max: 1000, from: 200, to: 800, prefix: “$”

Range Slider Options: skin: “round”, type: “single”, grid: true, min: 0, max: 1000, from: 200

You can calculate complex formulas with Math, e.g Math.pow([field id=”a”]*[field id=”b”],2) . Click here to view more

Total Price: $

Note: When you are logged in, the Options list has the incorrect top position. Please log out to see.

You can set single or multiple images upload

You can add text, images, videos

You can add (-/+) button to number field

Conditional Logic

Show a field and set value to a field

Edit Pizza Size Field > Conditional Logic

Show a Section by Field value

Edit Section > Advanced Tab > PAFE Form Builder Conditional Logic

Submit Widget

Button Section

  1. Form ID* (Required) : Enter the same form id for all fields in a form, with latin character and no space. E.g order_form
  2. Type, Text, Icon : It looks like Elementor Pro Form Widget

Actions After Submit

It works like Elementor Pro Form Widget

It works like Elementor Pro Form Widget

It works like Elementor Pro Form Widget

It works like Elementor Pro Form Widget

It works like Elementor Pro Form Widget

Go to Your WP Dashboard > Piotnet Addons > reCAPTCHA (v3) Integration. And then Go to Edit Submit Widget > reCAPTCHA V3 > Enable.

It looks like Conditional Logic Field. You can show submit button if Value of the Field not empty, equals, <, >=…

Stored all records to Google Sheets

Multi Step Form

  1. Create Step 1, Step 2, Step 3 templates

    Go to Your WP Dashboard > Elementor  Templates > Saved Templates > Add New > Type : Section > Name : Step 1. And then create Step 2, Step 3,…

  2. Go to Elementor Panel > Elements > PAFE Form Builder . Use Multi Step Form Widget.
  3. Form ID* (Required) Enter the same form id for all fields in a form, with latin character and no space. E.g order_form
  4. Add Step Item > Enter Step Title > Enter Step Template Shortcode

Multi Step Form has many features like Submit button PAFE Form Builder and Scroll To Top when Click Next and Previous

Form Database

Stored all records to Database. Go to Your WP Dashboard > Piotnet Addons Menu > Form Database

Hooks

Action Hook after submit:

do_action(‘pafe/form_builder/new_record’,$record) .

$record is an array of fields, e.g
array(
    array(‘label’=>’Email’, ‘name’=>’email’, ‘value’=>’support@piotnet.com’) ,
    array(‘label’=>’Message’, ‘name’=>’message’, ‘value’=>’Hello’)
)

Form Buider

Extensions

Widgets

Popup Trigger URL
Piotnet Addons For Elementor