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!
Get Elementor: elementor.com/
Get Elementor Pro: elementor.com/pro/

Пікірлер: 152

  • @mratican
    @mratican3 жыл бұрын

    "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.

  • @WillJacksonMusicUK

    @WillJacksonMusicUK

    3 жыл бұрын

    Here here!!

  • @alexiglesias5166

    @alexiglesias5166

    2 жыл бұрын

    SAME HERE, OMFG.

  • @LeTetSpiN

    @LeTetSpiN

    2 жыл бұрын

    Email was the whole reason i clicked in this video >.< I had it working now it stopped

  • @alexgear959

    @alexgear959

    2 жыл бұрын

    I literally groaned. Fuck this video.

  • @bikinitony

    @bikinitony

    5 ай бұрын

    Exactly. Same here! its not working.

  • @rcorai
    @rcorai3 жыл бұрын

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

  • @Jornes83

    @Jornes83

    3 жыл бұрын

    Correct! I tried using this form widget, but I got no luck to receive the data from the submitted form.

  • @sivakrishnajadda2231

    @sivakrishnajadda2231

    3 жыл бұрын

    Bro, you know how to open the redirect link in new tab?

  • @Jornes83

    @Jornes83

    3 жыл бұрын

    @@sivakrishnajadda2231 which portion?

  • @sivakrishnajadda2231

    @sivakrishnajadda2231

    3 жыл бұрын

    @@Jornes83 redirect bro in form widget bro...

  • @Jornes83

    @Jornes83

    3 жыл бұрын

    @@sivakrishnajadda2231 Did you mean that after form submitted, then redirect the thank you message in a new window?

  • @frankstone
    @frankstone4 жыл бұрын

    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.

  • @KevsGuide

    @KevsGuide

    2 жыл бұрын

    i agree

  • @lifeisshort.9869

    @lifeisshort.9869

    2 жыл бұрын

    You just saved me 9 minutes, thank you!

  • @Henricousineau

    @Henricousineau

    3 ай бұрын

    Thank you it saved me some frustration.

  • @lautarob
    @lautarob4 жыл бұрын

    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!

  • @JaymeNigri
    @JaymeNigri4 жыл бұрын

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

  • @andigarcia8328
    @andigarcia83283 жыл бұрын

    Hey, which action after submit shall I configure for only email collection form? Newsletter subscription, is there any integrated local host where emails can be stored? Thanks

  • @harbourdogNL
    @harbourdogNL2 жыл бұрын

    3:51 Is there any way to make the client choose one of two dates, or can I only do that with radio buttons/check boxes (those are much less elegant options I think).

  • @BriannaStimpson
    @BriannaStimpson4 жыл бұрын

    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?

  • @oshritaviv5984
    @oshritaviv59843 жыл бұрын

    How can we make a portion of "acceptance" text linkable (for example, hyperlink to the privacy policy, terms of service, or even a field of (?) with linkable text of "learn more"? Thank you!

  • @Randomguy23818
    @Randomguy238183 жыл бұрын

    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)

  • @shanecunningham2839
    @shanecunningham28393 жыл бұрын

    Want to auto-populate fields based on the previous page visited. For example, if someone on the Product A page clicks the Request a Quote button and is taken to the Request a Quote form, I want the Product field in the form to auto-populate with "Product A" because that is the page the visitor came from. I was told this can be done in the Elementor Pro Form, but I see no intuitive process for that. Can I use a custom Button ID, or a URL or a special short code? Do you have a separate video for that? Please let me know. I searched for "Auto-populate fields in Elementor Pro Forms" and ended up here, which does not cover that at all.

  • @MarioBarretta
    @MarioBarretta4 жыл бұрын

    Ever interesting When can we use the form to publish post/Cpt and to manage our posts or users? How to send media attached between attachments and not with an internal link? how can we take some info form page on that we insert the form (for example the user name or mail or others similar info to autopublish our form without to present empy fields to users? When we could customize the sending mails with custom templates applied to mail on that we can manage fields used on form? Thank You

  • @enioluwaodunjo
    @enioluwaodunjo4 жыл бұрын

    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!🌟

  • @ashkanahmadi

    @ashkanahmadi

    4 жыл бұрын

    You can achieve that by using the plugin Dynamic Content for Elementor. Not free but if you need this feature, you can get it by using this plugin

  • @enioluwaodunjo

    @enioluwaodunjo

    4 жыл бұрын

    Ashkan Ahmadi Awesome. Will look into this plugin. Thank you!

  • @petite02o
    @petite02o3 жыл бұрын

    is it possible that the sender could be from fields not from admin? I am running an ecommerce site and I wanted to have this as marketing tool so any user can send form and enter their own details and not admin details is showing in the recipient's end

  • @johhertert5852
    @johhertert585211 ай бұрын

    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.

  • @miladmirzaei6934
    @miladmirzaei69343 жыл бұрын

    It was amazing. Thanks.

  • @lisabradyusa
    @lisabradyusa11 ай бұрын

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

  • @danielwatson6529
    @danielwatson65293 жыл бұрын

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

  • @Tarkovski100
    @Tarkovski1003 жыл бұрын

    I can not change the format of Date - still shows YYYY/MM/DD. When activating HTML happens nothing:( The same with Time - I don't need Military time (24:00)

  • @unggulkirindi6556
    @unggulkirindi65564 жыл бұрын

    Step, Done. Next, Dynamic Conditional and Visibility Logic

  • @mikestorzieri5107

    @mikestorzieri5107

    4 жыл бұрын

    I've been asking for this for some time now.

  • @oshritaviv5984

    @oshritaviv5984

    3 жыл бұрын

    Yes please. Do you know if it's available?

  • @elevateyoursoul8
    @elevateyoursoul85 ай бұрын

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

  • @threedpershia3862
    @threedpershia38622 жыл бұрын

    Is it possible to replace the "Submit button" of (Elementor Forms) with Lottie Animations ? How ? thank you

  • @rru3734
    @rru37343 жыл бұрын

    Is there a function that users can see their entries and edit them?

  • 8 ай бұрын

    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.

  • @madmac66
    @madmac669 ай бұрын

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

  • @neodirect2678
    @neodirect2678 Жыл бұрын

    When I build a form in Elementor it uses a browser language when hovering over a field, even if the whole site is in other language. And the hovering title text (e.g. "please fill the field" over obligatory fields) is the only string not translated on the whole site. Is there any cure for this?

  • @jasango
    @jasango4 ай бұрын

    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?

  • @bryllupsfotofilm
    @bryllupsfotofilm Жыл бұрын

    Hi, I have an issue with long labels view it in phone screens. In stead of show the rest phrase in other line the end of the phrase is over in the same line. How can i fix it? thank you so much for any help. elementor pro user

  • @mohamedbahaaeldin6809
    @mohamedbahaaeldin68094 жыл бұрын

    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.

  • @ashkanahmadi

    @ashkanahmadi

    4 жыл бұрын

    You can't do that by default but it can be achieved by using JavaScript and a hidden field. Let me know if you need help with the code. It's fairly easy

  • @lautarob

    @lautarob

    4 жыл бұрын

    @@ashkanahmadi hello, I need help with that code. Can you please tell me how to do it. Also, I would like to know about the where about of the uploaded files. Where they end up?

  • @studiohanson

    @studiohanson

    4 жыл бұрын

    I too would like to understand where the best place to put this code and how to trigger calculations. I am no js expert, but tried a few things with only partial success.

  • @Abdulkalam-zg3bk
    @Abdulkalam-zg3bk3 жыл бұрын

    Hello sir, How can I make the form background transparent. Please let me know sir

  • @mrJDot_
    @mrJDot_4 жыл бұрын

    Can we integrate google maps with this form?

  • @vijayanpn446
    @vijayanpn4462 жыл бұрын

    How to style the upload button with elementor pro? are any tricks for that?

  • @rswebmarketing
    @rswebmarketing9 ай бұрын

    How to generate dynamically the options texts for checkbox or select, based on a list of all products or categories ?

  • @GerardEnrico
    @GerardEnrico2 жыл бұрын

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

  • @rodrigomotier6170

    @rodrigomotier6170

    2 жыл бұрын

    Did you find any solution to those questions? I need to know too 😪

  • @GerardEnrico

    @GerardEnrico

    2 жыл бұрын

    @@rodrigomotier6170 No :( I wrote to Support and they told me that unfortunately, Elementor doesn't have features like that yet. At the end, I had to pay for another plugin, Wpforms, to make the form with that option.

  • @rodrigomotier6170

    @rodrigomotier6170

    2 жыл бұрын

    @@GerardEnrico Oh no. I was trying to avoid paying for another plugin. But it seems there's no other way.

  • @billudreamer
    @billudreamer Жыл бұрын

    Thanks for help

  • @johnballo2402
    @johnballo24024 жыл бұрын

    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.

  • @ashkanahmadi

    @ashkanahmadi

    4 жыл бұрын

    If you know HTML, you can recreate the email and paste the code

  • @Tarkovski100

    @Tarkovski100

    3 жыл бұрын

    @@ashkanahmadi If we know HTML we would not need Elementor!:)))

  • @AnotherScreenname

    @AnotherScreenname

    3 жыл бұрын

    @@Tarkovski100 if you know PHP and how to code Wordpress themes AND HTML AND CSS and a few other things... you THEN wouldn't need Elementor.

  • @CNBarnes
    @CNBarnes2 жыл бұрын

    This is a very, VERY good tutorial and got me *almost* all of the way home. My issue might be kind of unique - I have a membership form to join our organization where I need to ask the applicants which of the 256 counties they operate within our state. At first I had a Select box with multiple allowed, but the list is just too long. So I changed it to a checkbox as an inline list. This is better but... it would be even better if it lined up all of the choices into nice, neat columns. Is there any way to do that?

  • @TXaPBR

    @TXaPBR

    2 жыл бұрын

    I'll take it back - there IS a section missing from this video. How do I add PayPal integration? My form is a membership application where we sell 2 types of membership. I need the person to select which type of membership, go to PayPal and pay for it, then have the form submitted.

  • @anonymous-2117
    @anonymous-21173 жыл бұрын

    how to put privacy and policy agreement below?? the one with the checkbox??

  • @oshritaviv5984

    @oshritaviv5984

    3 жыл бұрын

    Same question. I am trying to add a linkable text...how can I do that?

  • @natalee20101
    @natalee201013 жыл бұрын

    How to make form Right to left? Can't find any option to do so

  • @rw7799
    @rw77992 жыл бұрын

    check box is squashed up on my version and when i make a form of radio buttons the selections dont appear on the email form after its submitted. another 10 minute job mde 4 hours with elementor lol

  • @okolobiashaibu1220
    @okolobiashaibu1220 Жыл бұрын

    best video of the week

  • @romanf
    @romanf Жыл бұрын

    Why there is no gradient option for form button if it is on stock elementor buttons.

  • @benjaminoake
    @benjaminoake2 жыл бұрын

    Image select on checkbox, please add it. Would help so much, thanks

  • @MaddenScience
    @MaddenScience2 жыл бұрын

    I'm not receiving an email when I use the form. Can you advise? For some reason the video left out the most important part.

  • @mankilany
    @mankilany3 ай бұрын

    How can I add a background image to the form so that the "Contact me!" and "If you have any questions, contact me" are in separate headings?

  • @rolla427
    @rolla4273 жыл бұрын

    when I use elementor form to create the contact form, should I need install wp mail smtp plugin?

  • @MrTuckerLake1
    @MrTuckerLake12 жыл бұрын

    How can I make it so the guest can only submit the form once?

  • @user-hi2ue3ed4t
    @user-hi2ue3ed4t4 жыл бұрын

    How to prevent website from zooming in while using the Elementor forms on iPhone? 🤨 Please help 🙏

  • @authentictechnologist

    @authentictechnologist

    4 жыл бұрын

    That's a browser feature. You will need to configure it in the browser settings, if that's possible.

  • @in2mindmedia
    @in2mindmedia4 жыл бұрын

    How’s you make the heading look like that?

  • @JaySnow

    @JaySnow

    3 жыл бұрын

    which one?

  • @a-levelbusinessrevision
    @a-levelbusinessrevision2 жыл бұрын

    I have done this, however when I test it out e.g putting a name, email and message, I do not receive no email at my business account. Does anyone know how to fix this.

  • @designfreedom3651
    @designfreedom36513 жыл бұрын

    Please explain how to set up the email part.

  • @lifehacksukgaming5773
    @lifehacksukgaming57733 жыл бұрын

    how to capitazlize first word pf name??

  • @crtrzr
    @crtrzr4 ай бұрын

    I select the form info to be sent to my Email but when I push submit I don't receive the info?

  • @supermywife
    @supermywife4 жыл бұрын

    1. how to add search function in a form? such as in a registeration form, i want to put a search section, where I can search the school names. 2. How to achieve this look from this page. "Participant Info" with a partial border and then "Organization Info", the same thing. Like this one, I'm not sure how to call this effect. www.shareyourlearning.org/ Thanks.

  • @_charles
    @_charles4 жыл бұрын

    Are you guys planning on adding conditional logic? For example, if a user chooses one check box, show this field or hide this field. If you're adding this, when can we expect it?

  • @ashkanahmadi

    @ashkanahmadi

    4 жыл бұрын

    i dont think they have ever announced anything about that but the best one I have found so far is the plugin Dynamic Content for Elementor. It's not free but you can create all kinds of conditions and dynamic emails depending on those conditions.

  • @_charles

    @_charles

    4 жыл бұрын

    @@ashkanahmadi it works will elementor forms?

  • @ashkanahmadi

    @ashkanahmadi

    4 жыл бұрын

    @@_charles yes. We are using it on our website and you can set conditions, for example, hide or show a field depending on another field's status or content. I have been using it for a few months now and so far, it works well

  • @mahiaggarwal6286
    @mahiaggarwal628610 ай бұрын

    Form option is missing in my dashboard. However , contact 7 form option is available. What to do?

  • @Elementor

    @Elementor

    10 ай бұрын

    Hi @mahiaggarwal6286, if you're using Elementor Pro, you'll find the Form widget in the Elementor Editor. Please note that Contact Form 7 is a separate, third party plugin.

  • @GlamourCreation
    @GlamourCreation3 жыл бұрын

    Can I create this type form in elementor free version

  • @boxthemes5091
    @boxthemes50914 жыл бұрын

    thank you

  • @andreaguerra5362
    @andreaguerra536211 ай бұрын

    Hi Guys, why do you think i'm not receiving form submissions? Everything seems okay, i dont really know why is not working

  • @manthankanani188
    @manthankanani1884 жыл бұрын

    How to create address field, like ajax field of city, pincode, state, country....

  • @jessicadewar5679
    @jessicadewar5679 Жыл бұрын

    The forms look great in the editor but then when accessed through the website are not looking the same. The information is all stacked weird and looks terrible. I cant find anything about how to fix this problem. Ive even rebuilt the forms several times and still have the same issue

  • @Elementor

    @Elementor

    Жыл бұрын

    Hi Jessica, thanks for your comments. These kinds of things can be difficult to troubleshoot without screenshots. Have you joined the Elementor Community? It's a great place to ask questions like this, and get solid advice from other web creators. And you can share screenshots and links there as well: facebook.com/groups/Elementors.

  • @daniakhan2292
    @daniakhan22923 жыл бұрын

    Hello sir i create from on elementor but there is issue email is not send, when i click send button show server issue mail not sent.. please give solution of this problem.. Thanks

  • @Elementor

    @Elementor

    3 жыл бұрын

    Hi dania, I recommend contacting support through your Pro account.

  • @marijnmolenaar2848
    @marijnmolenaar28482 жыл бұрын

    Im also using this form, but I have a weird problem: I have two buttons, some sort of ''next' button and a submit button. But I cannot figure out for the love of god how to remove this other button. Can anyone help me? Because this problem is driving me nuts

  • @marijnmolenaar2848

    @marijnmolenaar2848

    2 жыл бұрын

    Figured it out, it was somewhere between the rest of the fields... So stupid to put that there, shame on you Elementor!

  • @nourbireedo351
    @nourbireedo351 Жыл бұрын

    Thanks for the tutorial. Anybody here figured out had to add subtitles inside the form, e.g. to describe a new section of the form?

  • @tylerjackson4389
    @tylerjackson4389 Жыл бұрын

    The first 2min was all I needed

  • @Elementor

    @Elementor

    Жыл бұрын

    Great 🤩

  • @GlamourCreation
    @GlamourCreation3 жыл бұрын

    Nice video

  • @bmizzle010
    @bmizzle0103 жыл бұрын

    If this is "Pro" why cant this be used to update User Profile / User Meta?

  • @vg3676
    @vg36762 жыл бұрын

    20s and I found what I wanted =)

  • @bySterling
    @bySterling4 жыл бұрын

    SO AWESOME!$ I think this is better than any paid form plugins 💯🙌🏻⚡️💪🏻💻💥👏🏻

  • @stvcolwill

    @stvcolwill

    3 жыл бұрын

    This is a pay one... the form widget shown here is only in the pro version which is a paid version. : (

  • @Leameana
    @Leameana2 жыл бұрын

    how do you completely skip the email section

  • @paulchiao8191
    @paulchiao81912 жыл бұрын

    can I use one form on different pages? how?

  • @Elementor

    @Elementor

    2 жыл бұрын

    Hi Paul, there are several different ways you can do this. For example, you can save a form as a global widget, and insert it on any page. You can also create section with the form inside, save the section as a template, and insert that template on any page. Take a look at these articles for more info: elementor.com/help/global-widget-pro, elementor.com/help/template-library.

  • @paulchiao8191

    @paulchiao8191

    2 жыл бұрын

    @@Elementor thank you, got it

  • @brsmedia2090
    @brsmedia20903 жыл бұрын

    The most complicated email form in the market!

  • @ai4kWebdesignEcommerce

    @ai4kWebdesignEcommerce

    2 жыл бұрын

    No, I've used a lot of forms builder and this is the easiest one. If they put conditionals, it will disrupt the forms (expensive) market in Wordpress.

  • @mdjasimuddin2725
    @mdjasimuddin27254 жыл бұрын

    Need conditional logic feature by Elementor itself

  • @Tarkovski100

    @Tarkovski100

    3 жыл бұрын

    YES! YES! YES!

  • @oshritaviv5984

    @oshritaviv5984

    3 жыл бұрын

    YES!

  • @4earMe
    @4earMe Жыл бұрын

    There is no testing at the end of implementation, please update video and upload it to have complete picture.

  • @Elementor

    @Elementor

    Жыл бұрын

    Hi Arseniy, this video has a demo at the end kzread.info/dash/bejne/dqh81c1taMnepNI.html.

  • @Henricousineau
    @Henricousineau3 ай бұрын

    How can we crete a form with elementor free

  • @user-uj4ze8py4z
    @user-uj4ze8py4z Жыл бұрын

    how do delete form make by elementor WordPress

  • @Elementor

    @Elementor

    Жыл бұрын

    Hi Reza, right click the form in the Elementor Editor, and select Delete.

  • @user-uj4ze8py4z

    @user-uj4ze8py4z

    Жыл бұрын

    @@Elementor how do delete form info in submission ?

  • @user-uj4ze8py4z

    @user-uj4ze8py4z

    Жыл бұрын

    how see all form make by elementor in wordpress ?

  • @angliep
    @angliep4 жыл бұрын

    Agreguen subtítulos, please.

  • @mihalyfreeman5928
    @mihalyfreeman59282 жыл бұрын

    That is not it! You did not show us how to configure Email 1. What about the rest of the fields?

  • @wealthiness
    @wealthiness4 жыл бұрын

    It's not a form builder if it doesn't have conditional logic 🤷‍♂️

  • @justgkp
    @justgkp3 жыл бұрын

    Everything is okay except one step "Email" which the guy intentionally avoided. I created a form but not able to send....everytime getting error msg "Error"...Please fix it or upload another video...

  • @Elementor

    @Elementor

    3 жыл бұрын

    Hey Justin, this guide can help you with that email step elementor.com/help/server-errors/ 😊

  • @exilon_
    @exilon_3 жыл бұрын

    hayo

  • @snicotech
    @snicotech3 жыл бұрын

    Thanks for wasting my time! You skipped the most important thing the e-mail configuration. wtf

  • @artinflight27
    @artinflight273 жыл бұрын

    Watched this whole video to figure out how to configure the e-mail part of the form and it was glossed over.. to top it off they've ignored all the comments about it.. useless

  • @Elementor

    @Elementor

    3 жыл бұрын

    hey Art, this full guide can help you out with configuring the email elementor.com/help/how-to-add-a-subscribe-form-using-elementor-pros-form-builder/.

  • @blagojelukic
    @blagojelukic4 жыл бұрын

    I am lazy..just using templates..

  • @ivaniannoli5394
    @ivaniannoli53943 жыл бұрын

    You don't do enough in this video. Need more info.

  • @Elementor

    @Elementor

    3 жыл бұрын

    Thank you for the feedback Ivan. Which part do you think needs more detailed instructions?

  • @kali503

    @kali503

    3 жыл бұрын

    @@Elementor how to properly fill out the email section was totally skipped over

  • @alizahid8351
    @alizahid83514 жыл бұрын

    Hello Sir, can you make a tutorial on "How we can create a Bitcoin investment Website" where people can invest and after buying packages they watch the ads and after 7 days they get their earnings and they can also withdraw their amount. Thanks alot .

  • @boxfox007

    @boxfox007

    4 жыл бұрын

    LOL... I am sure Elementor will do this for you! If you ask nicely they will build also a rocket for you and buy you a Ferrari :)

  • @alizahid8351

    @alizahid8351

    4 жыл бұрын

    @@boxfox007 lol i don't need anything. I just got a order in my place thats why i asked .

  • @adminadmin7046
    @adminadmin7046 Жыл бұрын

    Elementor has the worst service. They only respond quickly if the original claim revolves around sales. I cant wait for a plugin to replace them.