How to Use Elementor Forms API and Access Form Data in PHP

[@jeff-creations]

So awesome!! Thank you for taking the time to explain this. Elementor should hire you for the tutorials, you are a great teacher.

[@TonyTeachesTech]

Haha thanks so much :)

[@ioriamt9774]

I love those videos and you are a great teacher. Thanks.

[@TonyTeachesTech]

I appreciate that!

[@Sylv_S]

Great video, helped me a lot! Thank you!

[@TonyTeachesTech]

You're welcome!

[@Sylv_S]

@@TonyTeachesTech I need to ask you a question, would this method be sufficient for a high-traffic website? are there any other methods to process data in this manner?

[@luisborgo8477]

Perfect! You saved my life! Thank you so much! Cheers from Brazil! ;)

[@TonyTeachesTech]

Glad to hear that! Cheers Luis :)

[@jorgetoro7048]

Excellent video. Great explanation that opened up the use of Elementor Forms API for me. Great job !!!!

[@TonyTeachesTech]

Glad it was helpful! Wasn't sure if my audience would be interested in this type of content. Thanks for letting me know :)

[@CharlyDS]

Excellent! I've built a custom form in PHP, is there a way to save it to the submissions table using the Elementor API ? Something like elementor_insert_submission($data) ? That would be great. Thanks.

[@TheNelsonc24]

This is great!! I was looking for something like this that explains the basic concept between the front and back end in elemenotr. Thank you for sharing!!!

[@TonyTeachesTech]

Happy you found it! thanks

[@lautarob]

Excellent video. Thanks!!

[@TonyTeachesTech]

You're welcome!

[@sajadgerdakaneh7106]

Thank you for the helpful tutorial 🙏

[@TonyTeachesTech]

Glad it was helpful!

[@danishshaikh824]

Ooohhh Man, you saved my day. Thumbs up.

[@TonyTeachesTech]

🙏

[@josecarlosemidiopereira6736]

Thanks for great tutorial! This saved my day ^^

[@TonyTeachesTech]

You're welcome!

[@non.binary]

Thank you! That's a great explanation! I get a Error("jQuery requires a window with a document!") Do you have an idea how to solve this?

[@xsdancefitness4041]

Need help with enquiry for to colllect data in crm

[@LarsMyBars]

Hey thanks for this, super helpful for a project I was just handed. You're right, the docs could use a little polishing :)

[@TonyTeachesTech]

You're welcome Lars!

[@nunitoism]

Thanks, great content. I definitely think you should do more technical videos as there seems to be very limited information online on how to do more advanced things with Elementor.

[@TonyTeachesTech]

Thanks, will do!

[@MissMirsky]

Hi! Thank you for this video. I was wondering if you know whether it's possible to use data that a user has saved to the database and populate a form with that data if they were to visit the form again? A form with radio buttons I mean... Is that possible? Thanks in advance!

[@TonyTeachesTech]

Yes, that should be possible to do. It will take some work to implement

[@realjardim_]

Obrigada por dedicar tempo em compartilhar este conteúdo.

[@voidigitaldownload]

you are life saver, thank you so much :D

[@franciszek1977]

hi Tony, is there a way to fill a select field with information from the database?

[@TonyTeachesTech]

Something like this perhaps www.w3schools.com/tags/att_input_type_hidden.asp

[@XpertDigital-ce4tp]

Great video. Thanks

[@TonyTeachesTech]

You are welcome!

[@cam3528]

Is there a way to put multiple data entries into the output array then display all of them? Im currently working with an api that takes one input and returns multiple outputs.

[@TonyTeachesTech]

Yes. You can return a dictionary with multiple values and access it in a JavaScript object

[@rvinothkmr]

Thanks a lot. Can you show how to do dependent drop down list with MySQL in elementor. Thanks in advance.

[@m16averick]

I saved some time with this crazy documentation, however elementor form api is kinda cool but it needs to be understood :p Thank you for support!

[@TonyTeachesTech]

You are welcome!

[@Ninquiet]

You are amazing man :D thankyou so much

[@TonyTeachesTech]

Happy to help

[@musabhussain7120]

Thank you so much for the tutorial

[@TonyTeachesTech]

Glad to hear that!

[@omandistudio]

Can you add share "result" button? In a case, I want to create url generator form with this tutorial, with share button after the result.

[@TonyTeachesTech]

That sounds possible

[@rodlivz]

Hey Tony, thanks for the amazing content, how do I prevent multiple submission to an Elementor form using a unique key? Trying to build a redeemable code form

[@MPowerMotor]

Hey Tony, cheers for the video. I'm an amateur when it comes to writing anything code. I wondered, what would be the best way to add a custom class to the input of my form. Basically I am trying to add a third party service to validate email addresses that users input into the form.

[@TonyTeachesTech]

When you say custom class, do you mean a CSS/HTML class like this www.w3schools.com/html/html_classes.asp ?

[@okkine]

This is a fantastic tutorial! I've modified it to pull an email address out of a Json object, based on what the user enters into the form. Is there a way to take that information, and then use it to populate either a different field in the same form, or a different form on the same page?

[@TonyTeachesTech]

Glad it helped! That is surely possible

[@yt427395]

Hi Tony! Excellent videos and very helpful! A question for you: Using an Elementor Form, along with a couple of other fields, I pass a KZbin URL to the API. Then, I want the API to transfer control to that URL. How do I set that up in the API? Thanks, much! -- Don

[@DanielSanchez-gy5fy]

Hi Tony!! Great explanation. Congrats!! One question. I need to automatically update the result value without click any button. I mean, I have an amount field placed in my form. What I want is to update automatically the value shown when the amount field is updated. Please, give any clue. Thanks in advance!

[@TonyTeachesTech]

You can do this purely with JavaScript's "onchange" method

[@muhammadhashim9723]

Hey, thanks for sharing this. Love and support ;)

[@TonyTeachesTech]

Thanks you very much

[@jorgemarques2585]

This is awesome, 1000 thanks, I subscribed in a flash, but I do have a question, how could I press an elementor button and send that CPT data to the elementor form in the same page?

[@TonyTeachesTech]

I too had the same question and actually reached out to the Elementor support team about this. This is what they said: "I'm afraid that this is not possible at the moment. As temporary workaround, you can use Redirection and Dynamic Request Parameter (docs.elementor.com/article/451-dynamic-request-parameter) to pass the field values on the same page." In other words, you must choose Redirect for Actions After Submit and then in the Redirect To field, do something like this example.com/?email[field id="email"]&name=[field id="name"]

[@jasminapazardzievska7704]

Excellent tutorial! Is there a possibility with the Forms API to create a Form that will make GET request (instead of POST) to an external site (added as action) with the form data as URL parameters?

[@TonyTeachesTech]

Without doing something funky like redirecting the POST parameters to GET parameters, there's no built-in way to do this that I know of

[@creadigma360]

Hi, nice content, I need to capture Elementor Pro Forms Submissions in a sort of Counter, for like, applications forms, and send that number to the submiter and page admin also. How can I acomplish that? I'm new at programming.

[@TonyTeachesTech]

Sent you an email :)

[@brunoaguilar689]

nice video. Any idea how can I achieve a form that validates fields from a database in mysql? So certain users with certain ID could be able to send the form.

[@TonyTeachesTech]

I'm sure it's possible. If you look at the Elementor Forms API, you'll see that there are a bunch of validation hooks that you can implement developers.elementor.com/forms-api/

[@OGMadMax]

Thank you Tony. Excellent video. How to save/display BLOB files in phpMyAdmin?

[@TonyTeachesTech]

Not sure if it makes sense to display a BLOB in phpMyAdmin (since most times BLOBs are binary data), but assuming you can get your BLOB data on the clipboard, you can use the Query tab to execute an insert statement within phpMyAdmin. Does that make sense? Am I understanding you correctly?

[@NeelNarayan]

I've created a family complex two step conditional form using Elementor Pro form with Dynamic field. How do i save the form data to the backend database after form submit? or export/append to googlesheet? please guide, I would love to share the form if you like?

[@TonyTeachesTech]

I will certainly make it a priority to create a tutorial on this topic (I've been meaning to). It won't be until mid-October, sorry for the wait. In the meantime, there does seem to be some plugins that help with this and it's also worth checking out the webhook "Actions after submit" option docs.elementor.com/article/343-actions-after-submit

[@TonyTeachesTech]

Okay, as promised here is your tutorial on how to save Elementor form data to your database after submit: kzbin.info/www/bejne/qqiXdIJpqp1kitU Please let me know if you have any questions!

[@NeelNarayan]

@@TonyTeachesTech Video is Private :(

[@TonyTeachesTech]

@@NeelNarayan oh sorry, it is working now :)

[@SathiaNathan-vz9gh]

Hi elementor how to create dynamic page create digital visiting card

[@johnwellington269]

love this content very pro and love it its not some simple install plugin video else where pls do more of these! ideally can do webhook explanation for element pro form with some email marketing software like mailwizz/ mailster/ mautic!! thanks Tony!

[@TonyTeachesTech]

Thanks John! I added your suggestion to my list of future videos to make :)

[@cariffy]

Please how to add an API history report Cars in my website WordPress

[@chandrawadud807]

Hi sir plis help me how to upload file from elementor form with custom validation form upload file with code PHP thanks sir 🙏

[@brjeez]

Hey Tony! Is there a way for it to keep updating the number every time some form field is filled rather than clicking the submit button every time? Loved your video btw :)

[@TonyTeachesTech]

Yes, that is what AJAX is for www.w3schools.com/asp/asp_ajax_intro.asp See if some of the examples on w3schools can help you out

[@nataliapoppe5235]

Great! Thanks

[@TonyTeachesTech]

You're welcome!

[@superjaykramer]

Can you post your code snippets somewhere please, Cheers.

[@TonyTeachesTech]

Check the description :)

[@superjaykramer]

@@TonyTeachesTechwhat do you mean? where is the code you just typed in the video?

[@TonyTeachesTech]

@@superjaykramer There is a link in the description of the video next to "Code snippets and mode"

[@Julaybib114]

Thank you very much for your video! I am working with elementor dynamic and I am using the dynamic tag tokens. So far I had no problem exporting the data, when the form is turned on POST. So I could set a token, and say get the token from the System, set _POST and the ID of the field and it worked perfectly. Now I switched the form back to AJAX, so that my whole site dont need to reload. I guess I need set to now _SERVER instead of _POST, but I am not able to find the form data/ID. I dont know whether you can help, but I am impressed by your skills and I desperatly need help. It would be great if you could guide me the non-code way via the tag token function of elementor dynamic. Greetings from Germany!

[@TonyTeachesTech]

Hey Jeremias! I'm not actually sure I am familiar with Elementor Dynamic. What is this?

[@Julaybib114]

@@TonyTeachesTech thank you very much for your fast reply! Dynamic Content for Elementor is an plugin which enriches the functions of elementor. One of the functions to be named is dynamic tags. You can set dynamic tags nearly everywhere: For example you can Display the Name of the logged in User With a few clicks, or as I did before you can collect form data from a website visitor and can connect this data to charts. So that charts are made out of the numbers a visitor enters in a form. But here I got the problem, I had the form turned on POST in advanced settings and all worked perfectly. Then I switched it back to AJAX, so that the page doesn't to load again. But then I wasn't able to get the data with the dynamic tag function out of the admin-ajax.php

[@TonyTeachesTech]

​@@Julaybib114 Thanks for explaining! Unfortunately like I said I don't have any experience with this plugin, so I'm afraid I can't answer your question, but in general, you'll need to pair a POST or a GET request with AJAX in order to get the remote data.

[@Julaybib114]

@@TonyTeachesTech Thank you for your answer Tony! Maybe that's the approach I should take to make it work. I have used the developer tools as you have shown to read out how the data is stored. It says that the method is POST and the called file is Admin-Ajax.php. Is this the pairing of POST and AJAX that you meant? Thank you very much for your help. May Allah do what is best for you in sha Allah.

[@TonyTeachesTech]

@@Julaybib114 Yes, that would most likely be it!

[@mike-eco]

Wow !!! you are a source :) Thank you for that helpful video. I was wandering if there could be a tutorial of modifying data before sent to email. I Thought a remove empty fields would be a nice one :) Btw I pretty much know how to do it but I don't know where. I tried in new_record function But didn't work :( foreach ( $raw_fields as $id => $field ) { if (trim($field['value']) == "") { unset($raw_fields[ $id ]); } } $record->set( 'fields', $raw_fields );

[@TonyTeachesTech]

I haven't worked with email in elementor too much, but from what I recall this would be done within the Elementor page editor under the "Actions after submit" section

[@mike-eco]

@@TonyTeachesTech Yeap, but there is no option to remove empty fields. That is why I am trying to find where to place the code I wrote above ;)

[@TonyFlorida]

@@mike-eco okay I understand what you're saying. Unfortunately I don't have enough experience in this area to help you. 😐

[@mike-eco]

@@TonyFlorida No problem Tony. Thank you for your time anyway :)

[@sanrajmalik3872]

can you make a video on webhooks?

[@TonyTeachesTech]

It's on my list

[@zabdiyoab]

Awesome

[@TonyTeachesTech]

Thanks

[@jimmelbermudez]

Good Day Sir may i request a tutorial Inserting Data(queries) in DATABASE ? using elementor . please like making CRUD

[@TonyTeachesTech]

This is something that I will look into. Thanks for the suggestion :)

[@tartanrambo]

Can I scratch your SUPER brain? I created a job application form using Elementor Forms. This gets stored in Elementor Submissions. It can be exported as a .csv file from the plugin Submissions page. How can I display this data in a webpage that looks like a resume/CV that can be viewed by HR?

[@oxeo3197]

Hello, Great video. I have form, with 2 fields. After put data it make code in php and result are 3 variables. How to display them in Elementor? Your script works only with 1 variable: jQuery( document ).ready(function( $ ){ jQuery( document ).on('submit_success', function(event, response){ document.getElementById("w").innerHTML = response.data['1'].result; }); }); $( document ).ready(function() { $("#form-field-year").attr("placeholder", "0").val("").focus().blur(); $("#form-field-value").attr("placeholder", "0").val("").focus().blur(); });