How to Use Elementor's Form Builder to Create a Form on WordPress

Learn how to create beautiful forms, with the ultimate drag & drop WordPress form builder. No coding. Complete control.

In this tutorial you'll learn how to:
✔︎ Control your form layout, spacing and structure
✔︎ Collect any type of data using 15+ different fields
✔︎ Have pixel perfect control over fields, buttons, backgrounds and other form elements
✔︎ Use actions after submit for redirects, 3rd party marketing integrations & CRM services
✔︎ And much more!

Don’t forget to subscribe to our channel!

[mratican]

"Next we have step settings".... No, it's the e-mail tab. Which you didn't go over at all...which is an important tab with features that aren't clearly explained on the builder and quite literally the only reason I looked for this video.

[frankstone]

Please be more descriptive in your YouYube titles. I tried to use the form just to find out that this only works in Elementor "Pro." You have a great program and not all of your users can afford the upgrade. Please be sure to inform us when you are discussing features that are specific to your Pro version.

[rcorai]

You forgot to describe email tab, probably the most important feature on this widget.

[JaymeNigri]

Where do the uploaded files go to?
Some of them I can't find in the library.

[BriannaStimpson]

The hardest part of making a form is figuring out payload/post requests and all the background settings, which you don't mention here. Where can I find that?

[GerardEnrico]

How can you show all the information BEFORE submit? I need to show a preview.
The Form Widget of Elementor can let the person go back to modify the information?
This is EXTREMELY important, specially if you have a big form with acceptance and legal stuff. I think the term for this is "clickwrap agreement". HELP :(

[unggulkirindi]

Step, Done.


Next, Dynamic Conditional and Visibility Logic

[madmac]

Hey coders, where do I learn about where and how to script and insert the backend integration that makes these forms actually work?

[lisabradyusa]

Hi, how can I configure the email? Spent hours - must be missing something.

[lautarob]

Thanks for this enlighten tutorial. It would be possible to add some style to check box fields?. For example, place them inside a rectangle with certain color background or place above them a kind of short note explaining about the check boxes or just centering them or otherwise aligning or margining them?. Thanks again!

This is great, I hope in the future you can add the multi-items field types (the ones that the user can add more fields to list multiple items), that way I can stop using the other form builders.

[johnballo]

What we need is a customar email template for when the client submit it they receive beautiful email... it doesn't look beautiful right now.

[johhertert]

Hello,
I'm using Elementor Pro, and I've created a form with a lot of fields to fill in, including attachments to add.
My form is very large and I want both the recipient and the sender to receive only the fields that have been filled in.
Unfilled fields should not be sent.
Would you know how to do this?
Thank you for your answers.

[elevateyoursoul]

It's possible to hide acceptance, end only display it when the email field became filled? this feature will be very interesting, thank you

[enioluwaodunjo]

This is a good tutorial. I think you should look towards adding an extra feature to your select or checkbox options that automatically adds a dynamic text field that shows up for instance when the user clicks on others out of a group of items. So they can write their option if their option isn’t currently available in the drop down. Cheers!🌟

[Randomguy]

Is there a way to remove the form fields and replace them with a message after the form is submitted? (keeping them on the same page)

[danielwatson]

awesome! I use Dokan, so i have vendors registring Themselves and products, how to link the form up to something like that

[jasango]

Hello. I have a gallery view of articles featuring photos using a 'featured image' with a button labeled 'info.' Using a popup form, is it possible to collect the name of the article when the user clicks on the 'info' button and populate the form with the article's name?

[brsmedia]

The most complicated email form in the market!

[mohamedbahaaeldin]

Thank you for such great tutorial. I have a question for you.

How could I perform simple calculations?
For example, when the user entered "2" in the first field and "3" in the second field, the form returns "5" as the total calculated.

Please advise.