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 Booking, Multi Step Form, PDF Generator, 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, MailChimp, ActiveCampaign…
Demo
Template Json Files
Please extract zip files before importing.
How to import Elementor Templates
repeater-fields-multi-level-nested
calculated-fields-conditional-logic-woocommerce-checkout
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
The form was sent successfully.
An error occured.
Multi Step Form
1
2
3
The form was sent successfully.
An error occured.
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
- Form ID* (Required): Enter the same Form ID for all fields in a form, with Latin characters and no space. E.g. order_form
- Field ID* (Required): Field ID has to be unique in a form, with Latin characters and no space. E.g. your_field_id
- Shortcode: [field id=”your_field_id”]
- 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
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
More options : http://ionden.com/a/plugins/ion.rangeSlider/api.html
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
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
- Form ID* (Required): Enter the same Form ID for all fields in a form, with Latin characters and no space. E.g. order_form
- Type, Text, Icon: It looks like Elementor Pro Form Widget
Actions After Submit
Submit Post, Edit Post. Integrate ACF, Toolset, JetEngine
Shorcode Delete Post
Woocommerce Add to cart, Dynamic Pricing, Check out with Woocommerce
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
Open Popup
Close Popup
Stripe Payment
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
WooCommerce One Page Checkout
Booking
Register and Login
Repeater Fields Multi Level Nested
Multi Step Form
- Create Step 1, Step 2, Step 3 templatesGo to Your WP Dashboard > Elementor Templates > Saved Templates > Add New > Type : Section > Name : Step 1. And then create Step 2, Step 3,…
- Go to Elementor Panel > Elements > PAFE Form Builder. Use Multi-Step Form Widget.
- Form ID* (Required) Enter the same Form ID for all fields in a form, with Latin characters and no space. E.g. order_form
- 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:
- Create Plan Selection Field with Options: 3 months, 1 year
- Create 2 Amount Fields – Hidden Field or Calculated Field, one for 3 months and one for 1 year.
- Amount Field for 3 months has Field ID “amount”
- 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 );
- apply_filters( ‘piotnetforms/form_builder/form_settings’, $settings);
Filter Hook for Stripe metadata:
apply_filters( ‘pafe_customs_metadata_stripe’, $fields_metadata );
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’)
)