Elementor Forms Tutorial - Learn How To Make Advanced Forms & Lead Capture Forms
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- In this Elementor tutorial, I'll show you how to get the most out of Elementor Forms by using it to create advance multistep forms and lead capture forms.
Elementor forms is a feature in Elementor Pro which is a requirement to follow along with this tutorial.
Elementor Pro www.wpcrafter.com/elementor
FluentForms - www.wpcrafter.com/fluentforms (SAVE 30%)
Send email detailed video • How To Add Download At...
Table Of Contents
00:00:00 Video Overview
00:00:56 What Elementor Forms Lacks
00:02:08 Who This Tutorial Is For
00:02:29 Integration Settings
00:03:45 Interface Overview
00:04:09 Theme Style Options
00:05:12 Style Background
00:07:10 Form Elements
00:09:41 Field Column Width
00:10:18 Field Advanced Options
00:11:35 Adding Fields
00:14:03 Multistep Forms
00:16:44 Removing Labels
00:18:00 Form Buttons
00:18:15 Actions After Submit
00:22:30 Form Style Options
00:22:48 Elementor Forms Advice
00:23:38 Inserting Custom Text
00:24:45 Custom Lead Gen Form
00:28:59 Elementor Forms Wrap Up
EXCLUSIVE WORDPRESS DEALS 2023
🟡 SureCart -- www.wpcrafter.com/surecart (SAVE 50% Auto Applied)
🟡 SureMembers -- www.wpcrafter.com/suremembers (SAVE 50% Auto Applied)
🟡 Presto Player -- www.wpcrafter.com/prestoplayer (SAVE 33% Auto Applied)
🟡 Astra Theme -- www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
🟡 CartFlows -- www.wpcrafter.com/cartflows (SAVE 40% Auto Applied)
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 BuddyBoss -- www.wpcrafter.com/buddyboss (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Spectra -- www.wpcrafter.com/spectra
🟡 Elementor -- www.wpcrafter.com/elementor
🟡 Beaver Builder -- www.wpcrafter.com/beaverbuilder
🟡 Divi -- www.wpcrafter.com/divi (SAVE 20%)
BEST WORDPRESS HOSTING
🟡 Full List -- www.wpcrafter.com/hosting
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 Hostinger -- www.wpcrafter.com/hostinger (SAVE 75%)
🟡 NameHero -- www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- www.wpcrafter.com/siteground (SAVE 70%)
CONTACT WPCRAFTER
☑ Website -- www.wpcrafter.com
☑ Facebook Group -- / wpcrafter
☑ Twitter -- / wpcrafter
☑ Twitter -- / adampreiser
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. - แนวปฏิบัติและการใช้ชีวิต
YES!!! This is the tutorial I've been looking for! it really helped a lot, thank you so much!
Thank you for the detailed video! I was having trouble figuring out how to change the contact form email forwarding address, and this helped so much!
Mate! You helped me so much! This was clear, concise, easy to understand and follow and I got exactly what I needed! Thank you so much!
THANK YOU for your specific to the point instructions!
You always work so hard on producing valuable content. Thanks!
This video is just what I needed. Thanks a lot for this video!!
This was just what I needed! Thanks!
Great video as always. Thanks! I prefer watching your videos on new Elementor features rather than the videos put out by Elementor. 😄👍
Great job, Adam. Please create more videos 🙏❤️😍 like this of our love ❤️ Elementor.
Thank you, simple and easy to learn
Great video. I have been using Elementor Pro and didn't know this was an option. Thanks for sharing.
Excellent , most of my requirement was basic , so this was really good
Adam, I've created many forms using Elementor Pro but decided to watch your presentation because I always learn something new from you. Sure enough, I learned something new from this one as well! However, I would like to ask if Elementor will allow uploads as attachments on their forms in the finished version. In this modern era of websites, it's really a crying shame that we still have to look in directories for files our customers upload to our sites. We should have access to the uploaded file directly from the email as an attachment! Adam, I know you know the Elementor Team pretty well so please suggest this to them if they haven't provided it already. And Conditional Logic???
Thanks for always sharing/providing great information for the WordPress community and beyond.
Great detail and clarity!
Super professional, great content . Thanks for sharing !
Thanks a lot for this great video. I did not know I had so many options.
Could you make a video about integrating a form like this one with stripe ?
Love your videos, btw
I practically learned how to web develop from you
Excellent !!!!
Please add a save button at the bottom so we could see it multi-time in our Playlist
Thanks
Alright this f n video did it for me. I just subbed to your channel. Please keep delivering high value content like this and I promise I will become a customer of yours in the future when I get my business off the ground. Thank you!
The best video about Elementor Forms.. Thank u very much.
Very instructive video, thanks. I've used email2 to send an automatic response. Is there a way to send different responses for each of the dropdown fields ?
Great video, as always.
I appreciate that
Great tutorial!
Been watching you for years and built two sites thanks with your tutorials! Could you answer a quick question please? My first site I did watching your Sydney Theme videos. I'd like to use Elementor with it now, is that possible or would I have to start all over? Thank you.
This is Very informative, thank you.
Hi,
Thank you for all the amazing information that was very helpful! However, I'm looking to add the date picker date to the contact form and I wonder If I can do it with Elementor pro.
Thank you in advance for your help 😀
I dont see integrations in the settings? I only have the other 3 tabs?
Thanks for the great video. When I edit form, it always show "The form is invalid", do you know how to solve this？
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
Great content 💪🏻
Glad you think so!
Hi man love the video, what do you think for Hostinger as a hosting ? Thanks
Great video - how do I send the information on my elementor form to my active campaign
Hello Sir,
I have watched many of your videos and it has helped me so much.
I thank you for the great work.
I built my Wordpress website with most of your videos and many other tutorials. I have built 15 sites till now some are mine and some for my friends and relatives. I have installed most of the good plugins, I was just wondering if there was any plugin which could detect unwanted plugins or detect two plugins which does the same function. I was just thinking if both are doing almost same job why do i keep both. May be I have null plugin which dont do any work.
Thank you
Hi Adam - thanks for another great video. Quick question, when using the Checkbox function, is it possible to capture a positive choice (tick) directly into the segmented email lists? So, I'm using Mailerlite, and I want to know what newsletter topic want to receive. So ticking the box automatically adds them to the relevant list. Is this possible?
Great video. I learned almost all I wanted. The part missing is that E-Mails with form data ain't sent.
( regarding my previous question...) Will "Contact Form 7 Database" work with this 'built-in' Elementor Data Form. ? I need to scroll and look at all detail information entered by each client on each form. Thanks in advance
THANKS!!
Hello, thank you for the video. I'm having a really big problem. When I put a normal bottom my simple page, which only has a Header, a title and a text, works just fine really fast etc. But when I had a small simple form to get leads it gets so slow that takes a minute to load. Could you help me with some possible problems that I might be doing.
Thank you I really like your video.
HI Adam. Which Plug-in would you recommend to save the Form data (created with this Elementor Form widget) in Wordpress database. ?
Great stuff mate
Adam. Great video as always
Is it possible to have elementor form email shoot to themeforest Mailster plugin ?
Great video tutorial! But, what if I have a form submission in the database that I wish to display as a webpage or a series of submissions as a directory, which then opens into a webpage, how do I do this? Getting it into the DB is only part of the solution. I know I can export it as a .csv file. But, short of downloading the data, how do I use the information in a productive way that can be viewed via the website?
You are the best!
Great video
That's pretty cool - thank you!!
Any idea if and how you can place icons within form fields?
I know elementor doesn't have this by default, and by emails I exchanged, they 'MAY put it in the future!
Just thought I'd ask to see if you have any tricks?
In one of your earlier videos i saw you mention about Astra theme as the best now Kadence is the best with word-press. So can you specify which of the two will be better for an eCommerce site - we mainly deal with Eco friendly products made of Bamboo?
A great tutorial
Is there a way to add unique additional content left and right of the data entry boxes in each step. I want to put some additional guidance for the user entering information and only want certain information to be displayed at each step, is this possible?
great!
Lets say if there is an option on select a category called other i want a field to come automatically if the user selects other and type his requirement in that field. How do i do that. ?
P.S. From memory, when you hide the labels, they are still present in the code (think it uses a class to just hide it with CSS) so it is accessible for people with disabilities.
Hi !👋 Can Elemetor forms have a dropdown for choosing a state? I want to reach out to people base on the state they are from - With Active Campaign.
hi thank you for sharing your video tutorial this is really helpful for a beginner like me. I have a concerns, 1st - I was just wondering if there is a chance to set a checkbox as a required* field before the user can send the filled-out form? and 2nd - is it possible to inline the label name to its textbox field so they look like one box? I am thinking to put a background color for the label name and for the textbox field are just a border solid color. thank you for your help ^^
I got my 2nd concern ^^
This the very nice video please adam make an video on how to create your own drag and drop app builder
very well done; i liked vid & subscribed. more on reCAPTCHA would have put a cherry on top of this excellent vid
Hey. How can you align the text with the radio? the text is a little bit more up than the radio. It happens the same with me.
great video.
Glad you enjoyed it
After clicking my form's button "SEND", I do not receive my confirmation phrase despite "Custom" being set to on and my phrase entered into the space provided. How do I fix this? Thank you.
Can you restrict the text input to only letters using this same type of form?
I would like to see a form added to the bottom of the header that scrolls when the page scrolls. I’ve tried to use custom layouts using Astra Pri and Fluent Forms but can’t seem to make it work. Great video! Thanks.
Can you clarify one thing? What do you mean by scrolls when the page scrolls? Do you mean stick to the top?
I want the form to look like part of the header, but once someone starts to scroll, I want the form to scroll out of view likes it’s part of the page, not part of the header.
I guess I should add that I am using a sticky header.
Hi Adam, thanks for another great video! I already learned a lot from you, so also thank you for that. You mention a video in this one, where you go in depth into all the mail settings (and mail2). I searched your channel but could not find it, maybe you could send me a link as it is exactly what I am struggling with at the moment? Thanks for your time and help and keep up the goo work!
Really sorry for dropping the ball there. I uploaded this late yesterday in order to keep my upload streak going. Here it is and I will add it in the video description th-cam.com/video/-XTZK1l5A2s/w-d-xo.html
@@WPCrafter Thank you for the quick reply, very appreciated!
@@WPCrafter Hi Adam - thanks for a great video! I have Elementor Pro and Astra Pro trying to build my website. I have so many things I don't know which element to use for different opt-in forms - like at the top for an opt-in bar, or inline forms, or at the side - is this a plug-in that I need? Or am I missing something (which is highly likely! LOL) I'm trying to get an easy solution?? And would you ever add Thrive Leads to use with Elementor? Thanks
@@hollierumman8445 If you are already using Elementor, by adding Elementor Pro and their popup feature, you can essentially build anything and have it appear however you want it to appear.
@@WPCrafter Thank you SO much Adam for your response. It's good to know! Thanks for all of your great content!
I'd love to know how to set a placeholder in select element and set it's color :)
Have ever seen elementor forms posting data multiple times? I'm using pardot form handlers and the data seems to post 6 times each time I submit once.
Is there anything to add country code with phone field ?
Hi! My Forms doesn't show up :( I mean i can't see form fields. Only when editing i see everything then when i'm not editing form fields doesn't show up. What should i do?
How can I put the date/time of submission (metadata fields) into the subject line of the email?
I'm attempting to do a subject line that says
New customer message on [Date] at [time], but can not figure out what to put in the subject line to get it to fill the date/time.
Tried:
New customer message on [Date] at [time]
Also tried putting them in as hidden fields, but that didn't do it either.
New customer message on [field id="Date"] at [field id="Time"]
Thanks for your help!
The flaw has a new feature. (new step function).
After clicking the submit button, the page will be refreshed. The form is not sent ...
Any idea how to make placeholder text to be real white or real black, not gray or some dirty white but real white color? Thanks.
Searched on "auto-populate elementor pro form fields" and ended up here that doesn't discuss that at all. Got any videos on creating form fields that can auto-populate information either via a query code, a button ID or something else? For example, if I have a visitor on my Product A page and they click on a RFQ button and go to my RFQ form, I want the Product field to auto-populate with with product associated with RFQ button they clicked. That way, if I have 10 products on a page, the form will autocomplete with the exact one they selected.
where is this other video he was talking about @ 20:09 Im having So much trouble with this contact form.
Hello sir,
Your video tutorial on forms has been very helpful.
Please help me how and where we can save Elementor / Elementor Pro Forms data.
For example, if I create an advance form using Elementor Pro, how and where we can save data submitted by the user.
Please help.
With regards,
Vivek Kumar
hey i tried it a while ago and it is not working in the localhost i mean to say is the form is not being submitted on the get go can you please tell me what the problem is i'm stuck on this for at least for 2 hours i suppose need help pweaseeeeeeeee
Does Elementor Pro have a form field that defeats spam? Could you show how that works?
Actually I am trying to build a spa therapist website but quite facing problems
What you wanna say? And theme, plugins
nice video bro
Thanks
Did Elementor get rid of the Post Content widget? It doesn't show up for me no matter what I do.
I created the form as per instructions. After I hit submit and even receive the confirmation message that I created. However, when I try to review the results using the link Elementor sent to me I get this message, “Sorry, you are not allowed to preview drafts.” Help, please.
How can I take payment after the user submits Form so I client can pay for the lead after submission?
What spam filters can you use Adam? Can you add Honey 🍯 Pot or reCAPTURE etc?
I would first use honeypot. If you are still getting spam submissions then add in recaptcha3.
I guess the evil life for gru its not enough in this pandemic xPP kidding bro really good video! Greetings from Brazil!! O/
Yes it did slow me down, but I am now picking up steam ;-)
How to style the form email received?
There's one thing I still haven't got an answer to (anyone?)
If someone needs to fill in 'length, width and height in cm', I get this message with just numbers, which is confusing. How can I make it so that I receive the e-mail as Length: "250"cm for example?
So the user fills in '250' and I get an email with 'Length = cm'
So no input into database from this kind of forms?
where is the link for the more in-depth view of email settings?
How to add country code in phone field elementor form.
Thanks man, I only learn how to send a email to the people who fill my form. 20:48
Hi can i use one elementor pro on more my clients sites???
If you have the expert plan you can use in 1000 sites, including your clients sites.
Yep you sure can.
my elementor for is not submitting
created everything. try to submit the form but it says "There's something wrong. The form is invalid."
Also it is not responsive page when you create multiple steps form. it looks messy on mobile and tabs
We have never been able to get a single file to upload using the Elementor Forms widget. Elementor blames the webhost and vice versa. We just dropped the button from the form.
Hello, very good video !! How can I make it possible for me to come to another page after submitting? So leave the contact form. Thanks for the answer.
what is from email
How to creat profile in Wordpress using elementor -- profile that have features like Facebook -- connecting to database
Profile get access to view videos or comments
Or get chat with each other
waiting for your reply
how to make conditional form
Yes, dark mode has been fixed 9h ago ;)
comment form in WordPress is not editable .
if you an make tutorial for it and teach how to customize it
I guess I belong to the percentage that are missing something very important:
a form that allows REGISTRATION.
Sad, really sad...
I added the html filed and It doesn't show on the email , could you please advise, P.S. I used html field as the custom image radio button
Many Thanks