×
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, Repeater Fields, Conditional Logic, Calculated Fields, Stripe Payment, Strip Payment Subscriptions, 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

Please extract zip files before import

Repeater Fields Multi Level Nested

You can use Elementor Section or Inner Section to make Repeater, Sub Repeater
and Any Elementor Widget to make Add, Remove Button

Tutorial | Template Json Files

Conditional Logic: If Acceptance checked, the Section Repeater bellow will be shown

$
Total $
$
Total $
Total $

Sub Repeater - Nested

Test with Card number 4242 4242 4242 4242 – 04 / 24 – 242 – 42424

You can checkout with Stripe, Stripe Subscriptions or Woocommerce

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: $

Stripe Subscriptions

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

Repeater Fields Multi Level Nested

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

Stripe

Stripe Subscriptions

Example:

  1. Create Plan Select Field with Options: 3 months, 1 year
  2. Create 2 Amount Fields – Hidden Field or Calculated Field, one for 3 months and one for 1 year.
  3. Amount Field for 3 months has Field ID “amount”
  4. Amount Field for 1 year has Field ID “amount2”
Submit Post

Shortcode Delete Post: You should add this shortcode into Single Template

Submit Post With ACF Repeater Field

Form Database

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

Hooks

Filter Hook Before Submit:

apply_filters( ‘pafe/form_builder/fields’, $fields );

Action Hook after submit:

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

$record ($fields) 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 Builder

Extensions

Widgets

Popup Trigger URL
Piotnet Addons For Elementor