JetFormBuilder — Form Builder for Gutenberg

Descrição

JetFormBuilder — Form Builder plugin for Gutenberg

A functional yet handy Form Builder plugin that lets you create, edit, and style any form type in the Gutenberg Editor. No more supplementary drag-and-drop form builders. You can now use a one-stop interface to develop a fully operative form.

JetFormBuilder allows you to build any kind of form nice and easy. Its 18 field blocks allow you to create a form from scratch or reassemble the existing one. Throw JetStyleManager into the mix and you’ll be able to style every form field. Create, customize, and style – all in Gutenberg.

Features

VARIOUS FIELD TYPES

Find inside a total of 18 JetFormBuilder blocks colored to stand out from the crowd. You can mix and match them freely until you achieve a unique row or column layout.

POST SUBMIT ACTIONS

Choose from 11 available actions and set any you want to be performed after the form submitted on the frontend. From basic Send Email, Insert/Update Post, Register User, Update User, and Update Options to advanced Call Hook/Webhook, Redirect to Page, MailChimp, ActiveCampaign, and GetResponse.

CONDITIONAL LOGIC

You can adjust the visibility conditions of any form field. Just use the corresponding JetFormBuilder block and decide which field will be shown and when. Besides that, there’s a chance to fine-tune the way Post Submit Actions perform. You set the conditions according to which the Actions will be executed or not.

MULTI-STEP FORM & FORM BREAK BLOCK

Form Break allows you to tell apart the form fields creating a step-by-step frontend layout. Add a Form Progress bar that indicates the first and last form steps and shows which step the user is currently taking.

CALCULATED CONTENT

Build dedicated Calculator forms or add extra functionality to any other form type. The Calculated field type will carry out basic and complex calculations real quick.

REPEATER FIELD

Repeater creates an interface to add and remove a repeatable group of input elements. You can use a Repeater field to add a group of fields any number of times. Create Repeater groups to display custom data smoothly.

HIDDEN FIELDS

Can’t decide what to do with system fields that were not meant for users to be seen? It’s simple. Hide them. JetFormBuilder’s functionality allows you to make certain fields invisible on the frontend.

CUSTOM FIELD STYLES

We integrated JetStyleManager & Gutenberg to make it possible for you to style the form fields as desired. Style settings can be applied to text, form description, required mark, and content label, too.

BEGINNER-FRIENDLY & VISUAL

No more confusing field rows and additional styling. Because Gutenberg is a visual editor, you can monitor the form creation process as if you were on the frontend. All field types can be found in the same place – the JetForm Fields block. And now you can add any content you want into the from layout – headings, images, sections etc.

PAYMENT METHODS INTEGRATION

Accept all kinds of payments securely via any of your WordPress-created forms be it one-off, recurring, fixed, variable payments, or user-entered amounts. JetFormBuilder allows linking your forms to PayPal, Stripe, or WooCommerce checkout.

More JetFormBuilder Features

  • Field Value Generator Function. Three available functions help you generate the field values dynamically.
  • Editable post-submit messages. Use the default message texts or input your own ones.
  • Spam protection. Add a Google reCAPTCHA to your form easily.
  • File uploads. Decide which users you would authorize to attach files to your website forms: registered, not-registered, or all users.
  • Form submit type. Choose between the page reload and AJAX options.
  • Drag-and-drop editor. Grab the form block and place it where you want in a matter of seconds.
  • Input mask. Three mask types are available – numeric, alphabetical, and alphanumeric.
  • Form validation. Check if the entered user data is correct and whether to let them proceed with the form submission or not.
  • Form templates. Coming soon.

Read more about all JetFormBuilder features here

Demo

We’ve prepared a tell-all JetFormBuilder demo page to illustrate the functionality you get. Explore it now: https://jetformbuilder.com/demo/

Integrations

JetEngine
Use the JetEngine potential when developing a Gutenberg form. You can add meta fields and custom taxonomies to the JetFormBuilder fields, generate the field values dynamically, and put the JetEngine-built custom post types into the dynamic settings.

JetStyleManager
We added the opportunity to change the way Gutenberg Form blocks will look on the frontend. You can style up every component separately. Just hit the brush icon and do the necessary styling in the Block Style section.

More third-party plugin integrations are in the works.

Documentation

Learn every little thing about JetFormBuilder & put theory to practice:

Imagens de tela

  • Creating a form structure
  • Adding new form fields
  • Form Break field
  • Post-submit Action setup
  • Style settings

FAQ

Is it possible to create a form that allows adding/editing posts on the frontend?

Yes. You can use the Insert/Update Post post-submit Action to add and edit the posts of any type from the frontend. Besides that, you’re able to assign and modify any metadata of the given post.

Can I create a user registration form?

Absolutely. You can use the Register User post-submit Action to create a custom registration form. This post-submit action allows you to set user metadata, as well.

Can the form be integrated with Zapier, Integromat, or similar third-party services?

Sure. You can create a script that runs on a webhook in either Zapier or Integromat and then use the Call Webhook post-submit Action to launch it when the form is being submitted.

Is it possible to send emails through a JetFormBuilder form?

It is, any form created by JetFormBuilder can be usede as regular contact form. Thanks to the Send Email post-submit Action, you can send any number of emails you want during any form submit. For instance, you’re able to send an e-mail to a pre-defined address, the site administrator’s email, or the email address specified in one of the fields of the submitted form.

Is JetFormBuilder compatible with ACF?

Yes. JetFormBuilder is compatible with ACF, Toolset, and JetEngine itself.

Avaliações

Leia todas as 2 avaliações

Colaboradores e desenvolvedores

“JetFormBuilder — Form Builder for Gutenberg” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.

Colaboradores

Registro de alterações

1.1.7
– ADD: RTL compatibility to Wysiwyg Field
– ADD: Compatibility with JetStyleManager 1.2.0 and older versions
– ADD: Styles for Form Progress circle
– FIX: Send email without correct headers, added initial padding-bottom for progress items
– FIX: Render script jet-form-builder-inputmask only when rendering Text Field
– FIX: Plain default value in repeater fields
– FIX: Wysiwyg field is RTL compliant
– FIX: Positioning of progress item label
– FIX: Rendering last form-break field in form

1.1.6
– ADD: Label of progress for Form Break Field
– FIX: Errors when editing actions such as MailChimp, GetResponse

1.1.5
– FIX: Trying to access array offset on value of type null on php 7.4
– FIX: Rendering repeater attributes

1.1.4
– FIX: CSS Compatibility with Twenty Twenty-One theme
– FIX: Parsing form fields from content when processing a request

1.1.3
– FIX: render Form Break button if there is no name for it, entering settings for Number Field with floating-point
– FIX: render CSS classes in fields
– FIX: initializing controls for widget Form in JetEngine
– FIX: minor fixes in the editor

1.1.2
– FIX: Duplicating a plain preset in fields
– FIX: Applying macros to a message after paying with PayPal
– FIX: Retrieving form data after Paypal payment
– FIX: Styling Form-block with JetStyleManager
– FIX: Compatibility with Twenty Twenty-One theme
– FIX: Compatibility with JetEngine on initializing the conditions
– FIX: Saving character limitation in Text Field settings

1.1.1
– UPD: Better WordPress 5.7 compatibility
– Improvement: Triggering conditional logic when typing in a text and textarea fields

1.1.0
– ADD: Gutenberg blocks: Conditional Block, Datetime Field
– ADD: Elementor widgets: JetForm
– ADD: Form Progress with multiple pages
– ADD: Post submit actions Conditions
– ADD: New preset sources for post-type: Post Date, Post Date GMT
– ADD: Integration with Paypal
– ADD: Compatibility with JetEngine widget Form
– ADD: Compatibility with JetFormBuilder Converter
– Improvement: The form builder and the form block full-width in the editor

1.0.4
– ADD: displaying a shortcode for each form

1.0.3
– FIX: creating a user with administrator role.

1.0.2
– Enhancement: added jet_fb_form shortcode. Example: [jet_fb_form form_id="4338" submit_type="ajax" required_mark="***" fields_layout="row"]

1.0.1
– FiX: render wysiwyg on front-end

1.0.0
– Initial release