I am an old programmer (oracle DBA for DOTNET) from 10 years ago. I am trying to create a prayer list in our church's website. This was SO CLEAR even a programmer could understand. I hope you have lessons on how to display the data. I will add a statue field and based on that display current prayer requests and add a counter. I have been looking for the HOW TO and love it. James 6 thumbs up
Thanks James! I have a similar video that goes through a basic CRUD implementation which I think you'll find helpful too ua-cam.com/video/poYpLnYOp3g/v-deo.html
Hello Tony. Thanks a lot for the Video! You say "everytime a form is submitted", what if i got many forms with different inputs for different databases. How can I get the input for the right Form? For example: FormX: Name(PK), Email, Message --> Database Demo FormY: Age, Country, Name(FK) --> Database Customer
Tony Many thanks for sharing your knowledge with us all - this video certainly helped me to understand the complexities with WP, Elementor and MYSQL. As a non-developer I have a question if I may. I like the idea of adding data from forms to MySQL data Tables (defiantly will help with analysis) my question is how I adjust the php code to allow data form a single input form to be saved to several data tables i.e. a client sign up form that will save data to the following data tables - client_info, address_details etc I have been able to do this with HTML, CSS and PHP but am struggeling with doing the same whilst using Elementor Forms All said this was a great video and looking forward to watch all you have to offer - great job
Hi Tony! Thank you for this tutorial, it was very helpful for me too! How can I display those submissions (saved in the database) in the front-end with Elementor Pro? I have created a guestbook with Elementor Form and I want to dynamically display those submissions saved in the DB. Also, if I remove a submission I think it still exists on the DB. Thank you in advance.
Thanks! Was also wondering if since you’ve custom coded that submit event - that if, say, you wanted to also send an email AND REDIRECT user if you would have to also accomplish that in the same code block - I presume so - or can one add multiple actions after submit ? Is there any “run code” option available through the interface directly - it seemed you had to leave the reservation and custom code the event in the child theme as your only custom option. All good if so - just curious
Thanks for this Tony, it's helped me out a lot, however, I want to add a photo upload to the form. So I added another column to my database called 'photo' and added a line in the functions.php - 'photo' => $fields['photo'], but when I submit the form it displays '0' in the photo column. How is it really done? Cheers.
i dont know when you will answer this Tony but i would wish to know.if i installed wordpress locally on my machine ,and installed xampp on my machine,would the code snippet you provide work?i would wish to create a form with my own fields maybe to store my shop inventory.otherwise thank alot for the light.i appreciate this tutorial
Great vid! Couple q's about the data: 1) where would that data be hosted and how could you make sure that you are the sole owner and only person with access to the data? 2) how could you connect the data base to scripts that would run calculation on each new database entry and markup a pdf to send back to user? Thanks!
1. The data is hosted in a table in the same database as your WordPress site. If you own this, then you also own the Elementor data. 2. This is possible, but would require you to hire a developer to write a custom solution. I'm not aware of an existing solution for this
thanks for the video, it was very helpful. I would like to know how then can we retrieve those values in the database to an excel fle or better yet how can we display all the entries in our website??
Using this method, how can you do this for multiple forms on your website and put the data into their own separate tables? (Example: Form1 > Form1Table and Form2 > Form2Table) Thank you for creating this video!
Hey Tony Is it possible to do the same with formulator Forms? Like if I create a form on forminator, so will I be able to save that form data to a custom table in myphpadmin.
How could I collect forms from visitors on my site and then add a search feature so users can search for the data for those filled out forms? For example, I am working on a site where customers can come and input a negative review of XYZ place and I want the data to be sent to a database which then people can search for XYZ place on the homepage and see what negative reviews that place has. Any advice, Tony?
Good one Tony. If you don't want to touch theme editor files, you can also choose webhook as your after submit action. Provide a php file url, the file would accept the post request and insert the data into your db.
@@TonyTeachesTech thanks for commenting here. I watched your other video where you processed "addition" and returned the sum to an HTML. My question to that is, how do I pass that returned data to Email action? Something tells me the mail fires before that data arrived. Any direction would be appreciated. Thanks
Hi Tony! This is a great tutorial. Is these items possible to do in Elementor forms?: - Populating drop-down menus with data from database - Updating data using Elementor forms Thank you!!
@@TonyTeachesTech Maybe you dont need more extra money, but a suggestion you should have a donate button. The invitation is that if we sell someting with your tutorials we should donate, i woud do it. Really nice tutotial.
@@claudiofuentes9880 Thank you very much Claudio. Perhaps in the future I can do something like that, but for now if you subscribe and share my videos, that is all I ask!
HI, this was very useful, thanks a lot. I was wondering whether I can just go to appearance/customize/additional css and add the code there or is it better to install the child theme?
That's a good question. I don't think one way is better than the other. If you have the child theme installed, I guess I would suggest there in case the main theme for some reason removes your custom CSS during an update or something.
It is always better to install a child theme. Otherwise, any customization you do at the parent theme level will be overwritten when there is an update.
Hi Tony! Thank you for this video! How do I update a field in the usermeta? For example I want to update the Facebook URL using my customized Elementor page. Thank you in advance!
finally i found it.. this is exaaactly what I'm looking for.. Hey Tony, i'd be great if you complete it with tutorial to show the table on the page using elementor.. thanks anyway
Is it possible to have a query that pre fill a field? It looks like the field can have one. Like I want have the looged in user telefon number pre fill into a field.
hi tony, its a really good tutorial can you make a tutorial how to create registration and login using elementor and save the data we have collect into database? thank you.
You can log into your database on the command line and execute raw SQL commands to delete individual rows. Also, if you have something like phpMyAdmin installed, you can do this through a web browser ua-cam.com/video/crfAj9yay5w/v-deo.html
@@TonyTeachesTech okay, thanks! do you also happen to know what would be the directory 'elementor_pro/forms/new_record' for WPForms? or is this method not usuable with WPForms?
Hello, great video, Any idea how to prevent form clearing data after Submit? I'm looking for this option, not sure should it be done through javascript...
Solved with following 2 lines (if anyone got also stucked) : jQuery( document ).on('submit_success', function(event, response){ document.getElementById("answer").innerHTML = response.data['1'].result;
var old_value = $("#form-field-a").val(); $("#form-field-a").attr("value", old_value).val("").focus().blur(); }); Let me know if this aproach is good, thx ;)
This is a great tutorial! However, I notice you omitted adding a unique ID (primary key) for the new table. Wouldn't you want to be able to associate the table with other data in the database and therefore would need to have a primary and foreign key for each record? Also, I'm trying to understand what the use case would be for doing this since Elementor records all its submissions in the e_submissions and the e_submissions_values tables. Couldn't I just learn how to work with these tables instead of creating a new table for my form submissions?
Hello Tony, Tanx for all data, if use multiple form, Should we write that code in the continuation of the first code? I would be grateful if you record a video 📽📽📽📽📽📽📽📽
To read data you would use the wpdb class as we did in this video, but call the get_row function. Please refer to the WordPress developer documentation here developer.wordpress.org/reference/classes/wpdb/#select-a-row To return the data, see what I do in this tutorial here ua-cam.com/video/Mdn2gFodpy0/v-deo.html&t=997 (I recommend you watch the whole thing) To display it on a page, watch the linked tutorial in its entirety and that should do it.
hi, how to set login page as we enter the website? I want to make web portal using elementor. but getting stopped out because of the flow. in PHP we set login page and move it in the beginning of folder htdocs and named it index.php but how to showed it in elementor? how does we set first page in elementor is login page before it redirect to dasboard after login of course, and how to connect users and password database in phpmyadmin to match in login page? thanks
This will work wether you have a child theme installed or not, but I highly recommend installing a child theme. Otherwise when you edit functions.php, you’ll find lots of other code in that file. This goes for other themes like Medicalpress. If there is a child theme for Medicalpress, use that. If not, this will still work, but just be careful when editing functions.php. Please note that this only applies to Elementor Pro. PS: I saw you comment on the blog post too :)
Thanks, Tony for very useful tips. I'm looking for a method to create a unique id containing text + number like ORD001. How can I achieve this in elementor form? This id should be automatically increased as the user fills the form. Can you please help me with that?
In your PHP code, if you already have a number, then you can do something like: $old_num = 1; $new_num = $old_num + 1; $length = 3; $id = "ORD".str_pad($new_num, $length, "0", STR_PAD_LEFT);
Hi Tony, your tutorial has been very good, you gave me a solution that I was looking for. however, suppose that the $ fields (message) has three options, separated by three Fields in the form, field A, field C, field D, how would you make the array 👉 $ wpdb-> insert ('table', array (' name '=> $ fields [' name '],' email '=> $ fields [' email '],' message '=> $ fields [' $ fieldA, $ fieldB, $ fieldC '])); is that correct? remember that my question is if three fields of the form separated by comma "," could go in the message field !!!
@@TonyTeachesTech Thank you for your reply! How can I keep these folders private? For example, when I have an uploads folder this is easily accessible via entering the htmkl route of the folder.
Is possible create more forms with each their own table? In your code where is the "link" of the Elementor's form? 'elementor_pro/forms/new_record'? But in the example the form's name is 'New Form'.......
Hi Federico. You can certainly have multiple forms. Distinguish between them with their 'id' on the server like this: if ( 'MY_FORM_NAME' == $form_name ) { // do something } else if ( 'MY_OTHER_FORM' == $form_name ) { // do something else } .... developers.elementor.com/forms-api/#Form_New_Record_Action
hi tony tnx about this amaze video, how i can create a page that when someone type in search box on that page, many fields shows information from database that I before imported to database, query information and show , for example you search "tony" name in search box, then show information's from tony - like age, family, job and so... pls help me by share link or something like that tnx again man keep it on... i want do this all in wordpress by elementor
Does this work with code snippets? My child theme did not have a functions.php, so I followed the instructions for code snippets but it did not work. Any help is appreciated
Tony can you do a video on how to put Elementor Multi Step form data into PHPmyadmin? There is no video on Elementor Multi Step Form data into PHPmyadmin.
Hey, there!! Thanks for making this tutorial. But, when I paste it on my function.php then it is showing this error: "Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP."
Wow. this is exactly what I need! Is it also possible to Modify database entries with this method? maybe using $wpdb->update() or something? Can you please briefly explain it? thanks a lot!
It was really a nice video.But I have a doubt that if I have an endpoint where i need to send my form data .Where do i need to mention my endpoint url?
@@TonyTeachesTech Thank you for your response.But I am not using Wordpress database. I have seperate database I have Url of it. I want my form to send those details to my database as soon as I click submit button. I have url (endpoint) of my database. Where should I mention that Url to connect my form with my database.
@@mohammeddanishreza4902 You can instantiate a database object for your database like this $mydb = new wpdb( 'username', 'password', 'my_database', 'localhost' );
@@TonyTeachesTech But I am not using wordpress database.My database is somewhere else and I have only URL of it to connect my form and retreive data from Form and store it to that particular URL.
Hello, can this be customised for EA registration forms... Actually, cannot find a solution to save in db the terms and conditions acceptance for a registration form made with EA. Thank you.
hello tony, thank you for the tutorial you made very useful, can I make the same tutorial as the material from this video in my language (indonesia)? , I think a lot of my country needs it, I'm going to include this video link in the description that this is your content I'm just recycling
Hello sir great tutorial helped me alot but I am trying something to validate the data that is existing in DB. please help me out in this I'm trying to verify the file number whether it exist in Database or not if it exists it give success message, if not then show invalid number. My Tab has only one col i.e fileNumber. This is the code I have tried to put in the child theme in functions.php. when I enter the file number in the name field this code only show the statement after else statement ($ajax_handler->add_error( $field['id'], 'Invalid number' );). is there any other way to do this? here is the code add_action( 'elementor_pro/forms/validation', function ( $record, $ajax_handler ) { $fields = $record->get_field( ['id' => 'name1',] ); if ( empty( $fields ) ) { echo "enter the file number"; } $field = current( $fields ); global $wpdb; if($wpdb->connect_error){ echo 'Connection Failed: '; } $sql = $wpdb->get_results( "select fileNumber from wpbd_FileNumbers where fileNumber like '%$field%'"); /* $sql="select * from $wpdb->wp_FileNumbers where fileNumber like '%$field%'";*/ if($sql == $field){ $ajax_handler->add_response_data( true, $output ); } else $ajax_handler->add_error( $field['id'], 'Invalid number' );
Hey Tony thanks for the tutorial. I did everything, but for some reason it doesn't work for me. I'm not getting any error messages, the information simply doesn't go into the table I created and it stays blank. I use the standard myPhp admin of goDaddy. Also, I don't have "functions.php" on my admin, I have header.php, footer.php, index.php and sidebar.php. I tried to put the snippet in header.php and index.php, and none of them worked. Suggestions?
@@TonyTeachesTech the same here not working. I placed the code under functions.php, no error but the data not stored in phpmyadmin. Does it work for Free host of wordpres?im just using free hosting.
@@TonyTeachesTech Tony I just found your tutorial and it's exactly what I was looking for however just like above it's not working. I do have Elementor Pro, and am putting the code into the functions.php on the child theme. The submit button returns success however no data shows up in the table of the DataBase.
Olá Tony, poderia ilustrar como poderia ser feito usando um id para cada tabela ? ex, form1: quero que ele grave na tabela demo1, form2: quero que ele salve na tabela form2
Excellent Tony, you`re an excellent teacher. I understood your tutorial and I don`t talk english daily. Greetings from Argentina. GENIO!!!!
Awesome, thank you! 😀
I am an old programmer (oracle DBA for DOTNET) from 10 years ago. I am trying to create a prayer list in our church's website. This was SO CLEAR even a programmer could understand. I hope you have lessons on how to display the data. I will add a statue field and based on that display current prayer requests and add a counter. I have been looking for the HOW TO and love it. James 6 thumbs up
Thanks James! I have a similar video that goes through a basic CRUD implementation which I think you'll find helpful too ua-cam.com/video/poYpLnYOp3g/v-deo.html
This is one of the best tutorials for using Elementor forms and adding it to the database. Thank you for your hard work creating this video.
You're very welcome!
Searching for this a long time ago
Great, glad you found me
great video, I see a lot clearer now how to manage my custom made websites. You have a great teaching style, I like that a lot
After long search here on yt tutorials, finally one that explained it that simple and nice. Thanks!
Awesome! I'm happy to hear that David
this helped so much tony, appreciate it brotha! made it so simple for anyone to be able to use.
Awesome to hear that :)
Thanks so much for this!! This solves many problems at my freelancing gigs.
Happy to help!
Keep up the good work, Tony!😆
Hello Tony. Thanks a lot for the Video!
You say "everytime a form is submitted", what if i got many forms with different inputs for different databases. How can I get the input for the right Form?
For example: FormX: Name(PK), Email, Message --> Database Demo
FormY: Age, Country, Name(FK) --> Database Customer
This one is exactly what I need! Thanks for the tutorial.
Glad I could help!
This video was really helpful. Thanks so much for putting this together.
Sure thing!
I really like the mood and setup of your desk, interesting lightning and camera angel
Thanks Richard
Excellent tutorial - thanks very much!!
Wonderful!......you solved many people's problem...thank you
That's fantastic :)
Tony
Many thanks for sharing your knowledge with us all - this video certainly helped me to understand the complexities with WP, Elementor and MYSQL. As a non-developer I have a question if I may.
I like the idea of adding data from forms to MySQL data Tables (defiantly will help with analysis) my question is how I adjust the php code to allow data form a single input form to be saved to several data tables i.e. a client sign up form that will save data to the following data tables - client_info, address_details etc
I have been able to do this with HTML, CSS and PHP but am struggeling with doing the same whilst using Elementor Forms
All said this was a great video and looking forward to watch all you have to offer - great job
Hi Tony! Thank you for this tutorial, it was very helpful for me too! How can I display those submissions (saved in the database) in the front-end with Elementor Pro? I have created a guestbook with Elementor Form and I want to dynamically display those submissions saved in the DB. Also, if I remove a submission I think it still exists on the DB. Thank you in advance.
Thanks! Was also wondering if since you’ve custom coded that submit event - that if, say, you wanted to also send an email AND REDIRECT user if you would have to also accomplish that in the same code block - I presume so - or can one add multiple actions after submit ? Is there any “run code” option available through the interface directly - it seemed you had to leave the reservation and custom code the event in the child theme as your only custom option. All good if so - just curious
Thanks for this Tony, it's helped me out a lot, however, I want to add a photo upload to the form.
So I added another column to my database called 'photo' and added a line in the functions.php - 'photo' => $fields['photo'], but when I submit the form it displays '0' in the photo column.
How is it really done?
Cheers.
Awesome tutorial, very helpful and simple steps to follow
Glad it was helpful!
Excellent work buddy......
Thank you! Cheers!
It works for me! Thanks for the tutorial
You're welcome!
Thanks... and is it possible to prevent duplicate submission? please
Thank you so much for this wonderful video
You are so welcome!
i dont know when you will answer this Tony but i would wish to know.if i installed wordpress locally on my machine ,and installed xampp on my machine,would the code snippet you provide work?i would wish to create a form with my own fields maybe to store my shop inventory.otherwise thank alot for the light.i appreciate this tutorial
I don't fully understand your setup with xampp (not familiar with that). If xampp give you PHP functionality, then I could see this working.
Great vid! Couple q's about the data:
1) where would that data be hosted and how could you make sure that you are the sole owner and only person with access to the data?
2) how could you connect the data base to scripts that would run calculation on each new database entry and markup a pdf to send back to user?
Thanks!
1. The data is hosted in a table in the same database as your WordPress site. If you own this, then you also own the Elementor data.
2. This is possible, but would require you to hire a developer to write a custom solution. I'm not aware of an existing solution for this
@@TonyTeachesTech thanks!
thanks for the video, it was very helpful. I would like to know how then can we retrieve those values in the database to an excel fle or better yet how can we display all the entries in our website??
ty bro u so good 😀
Using this method, how can you do this for multiple forms on your website and put the data into their own separate tables? (Example: Form1 > Form1Table and Form2 > Form2Table) Thank you for creating this video!
This code snippet will show you how to do that tonyteaches.tech/save-form-data-elementor/#multiple-forms
very good bro
do you have the to show that data in some page?
Hello Tony, is it possible to send data of Form in mean time to email address in addition to external Database, thanks a lot in advance
Thank you very much!
You're welcome
Hey Tony
Is it possible to do the same with formulator Forms? Like if I create a form on forminator, so will I be able to save that form data to a custom table in myphpadmin.
How could I collect forms from visitors on my site and then add a search feature so users can search for the data for those filled out forms?
For example, I am working on a site where customers can come and input a negative review of XYZ place and I want the data to be sent to a database which then people can search for XYZ place on the homepage and see what negative reviews that place has. Any advice, Tony?
Are there any validation tools in the Elementor form? And how do you usefully extract the data from the PHPAdmin environment?
Could I check if it is possible to save data to database using Forminator or Contact Form 7?
thank u tony but when ineen do do some thing calculation ?
What?
Can I collect from multiple websites using this way?
Good one Tony. If you don't want to touch theme editor files, you can also choose webhook as your after submit action. Provide a php file url, the file would accept the post request and insert the data into your db.
Good to know that!
@@TonyTeachesTech thanks for commenting here. I watched your other video where you processed "addition" and returned the sum to an HTML. My question to that is, how do I pass that returned data to Email action?
Something tells me the mail fires before that data arrived.
Any direction would be appreciated.
Thanks
@@kemekenneth Oh okay I understand. That I don't know the answer to unfortunately
Thanks @@TonyTeachesTech, I'll keep poking and looking around.
How?
will this only work with one form? i have multiple forms on wbsite i need to store data in diffrent tables
Please see my comment here for working with multiple forms tonyteaches.tech/save-form-data-elementor/#comment-602
Hi Tony! This is a great tutorial. Is these items possible to do in Elementor forms?:
- Populating drop-down menus with data from database
- Updating data using Elementor forms
Thank you!!
Yes. It will require custom code
love it! thanks
You're welcome!
thanks for share. hope will have searies how to show in backend wordpress to see all infomation after submit in elementor form!
You're welcome!
Hi Tony can you provied a tutorial video about how to upload image or document and save to a folder with PHP MySQL data base
So cool!! thanks!! so much!!
You are so welcome!
@@TonyTeachesTech Maybe you dont need more extra money, but a suggestion you should have a donate button. The invitation is that if we sell someting with your tutorials we should donate, i woud do it. Really nice tutotial.
@@claudiofuentes9880 Thank you very much Claudio. Perhaps in the future I can do something like that, but for now if you subscribe and share my videos, that is all I ask!
hi tony its a good videa, would like to is there any limitation on adding number of record, and how to retrieve
At some point, there will be a limit, but I'm not sure what that is
HI, this was very useful, thanks a lot. I was wondering whether I can just go to appearance/customize/additional css and add the code there or is it better to install the child theme?
That's a good question. I don't think one way is better than the other. If you have the child theme installed, I guess I would suggest there in case the main theme for some reason removes your custom CSS during an update or something.
It is always better to install a child theme. Otherwise, any customization you do at the parent theme level will be overwritten when there is an update.
Hi Tony! Thank you for this video! How do I update a field in the usermeta? For example I want to update the Facebook URL using my customized Elementor page. Thank you in advance!
finally i found it.. this is exaaactly what I'm looking for.. Hey Tony, i'd be great if you complete it with tutorial to show the table on the page using elementor.. thanks anyway
Perhaps this longer, more-comprehensive tutorial will bring things full circle for you ua-cam.com/video/poYpLnYOp3g/v-deo.html
Is it possible to have a query that pre fill a field?
It looks like the field can have one.
Like I want have the looged in user telefon number pre fill into a field.
hi tony, its a really good tutorial
can you make a tutorial how to create registration and login using elementor and save the data we have collect into database?
thank you.
Something I can look into
This video is a gem. glad I found it.
anyway, using the same method, can you also delete data from the database? if so, how?
You can log into your database on the command line and execute raw SQL commands to delete individual rows. Also, if you have something like phpMyAdmin installed, you can do this through a web browser ua-cam.com/video/crfAj9yay5w/v-deo.html
@@TonyTeachesTech okay, thanks! do you also happen to know what would be the directory 'elementor_pro/forms/new_record' for WPForms? or is this method not usuable with WPForms?
@@kenmelitado7952 Sorry Ken, I'm not familiar with WPForms
Thank man for the help....
Sure thing!!
Thx Sir
Welcome
is it possible to save the data from elementor form to external database?
Hi tony. Can you make a video how to using this elementor forms to connect with webhook?
Hello, great video,
Any idea how to prevent form clearing data after Submit?
I'm looking for this option, not sure should it be done through javascript...
Solved with following 2 lines (if anyone got also stucked) :
jQuery( document ).on('submit_success', function(event, response){
document.getElementById("answer").innerHTML = response.data['1'].result;
var old_value = $("#form-field-a").val();
$("#form-field-a").attr("value", old_value).val("").focus().blur();
});
Let me know if this aproach is good, thx ;)
Seems like you answered your own question 😁
This is a great tutorial! However, I notice you omitted adding a unique ID (primary key) for the new table. Wouldn't you want to be able to associate the table with other data in the database and therefore would need to have a primary and foreign key for each record? Also, I'm trying to understand what the use case would be for doing this since Elementor records all its submissions in the e_submissions and the e_submissions_values tables. Couldn't I just learn how to work with these tables instead of creating a new table for my form submissions?
Usually the primary also uses auto-advance, it will apply the next number in +1 order. You don't have to do anything. If I understand your question...
Hi Tony, This is a very good Tutorial
Please teach me how to upload files from Elementor form to a folder and show them into dashboard.
Something I can possible look into for a future video
Hello Tony,
Tanx for all data,
if use multiple form, Should we write that code in the continuation of the first code?
I would be grateful if you record a video
📽📽📽📽📽📽📽📽
May I ask how can I get the submission ID in elementor pro form hook? like in elementor_pro/forms/new_record?
great vedio
Thanks!
Hi Tony, really great tutorial!
Do you know how to read data from a custom table (like your demo table), and display it on a page?
Thank you.
To read data you would use the wpdb class as we did in this video, but call the get_row function. Please refer to the WordPress developer documentation here developer.wordpress.org/reference/classes/wpdb/#select-a-row
To return the data, see what I do in this tutorial here ua-cam.com/video/Mdn2gFodpy0/v-deo.html&t=997 (I recommend you watch the whole thing)
To display it on a page, watch the linked tutorial in its entirety and that should do it.
this is my question bro
hi, how to set login page as we enter the website?
I want to make web portal using elementor. but getting stopped out because of the flow.
in PHP we set login page and move it in the beginning of folder htdocs and named it index.php
but how to showed it in elementor?
how does we set first page in elementor is login page before it redirect to dasboard after login of course, and how to connect users and password database in phpmyadmin to match in login page?
thanks
can it only be used for child elementor themes or can it be with the Medicalpress theme? thankyou
This will work wether you have a child theme installed or not, but I highly recommend installing a child theme. Otherwise when you edit functions.php, you’ll find lots of other code in that file. This goes for other themes like Medicalpress. If there is a child theme for Medicalpress, use that. If not, this will still work, but just be careful when editing functions.php.
Please note that this only applies to Elementor Pro.
PS: I saw you comment on the blog post too :)
how does this work for only a certain page? if I adde to the functions, will this not run for every form?
Thanks, Tony for very useful tips. I'm looking for a method to create a unique id containing text + number like ORD001. How can I achieve this in elementor form? This id should be automatically increased as the user fills the form. Can you please help me with that?
In your PHP code, if you already have a number, then you can do something like:
$old_num = 1;
$new_num = $old_num + 1;
$length = 3;
$id = "ORD".str_pad($new_num, $length, "0", STR_PAD_LEFT);
@@TonyTeachesTech Thanks so much!
I have also subscribed !
Thank you very much for your support 🙏
very clear but i dont see how the function is linked to the specific form...or put another way how the specific form calls the specific function
Excellent tutorial, how do I do it if I want to read a row from the table and perform an update, then showing the result in an attached list.
Maybe something like the would help ua-cam.com/video/poYpLnYOp3g/v-deo.html
how to do same thing but with checkboxes and selects? please i need it for school project
Hi Tony, your tutorial has been very good, you gave me a solution that I was looking for. however, suppose that the $ fields (message) has three options, separated by three Fields in the form, field A, field C, field D, how would you make the array 👉 $ wpdb-> insert ('table', array (' name '=> $ fields [' name '],' email '=> $ fields [' email '],' message '=> $ fields [' $ fieldA, $ fieldB, $ fieldC '])); is that correct? remember that my question is if three fields of the form separated by comma "," could go in the message field !!!
I'm not sure if that's correct. I would suggest testing it out. Sorry if that's not too helpful
is there a way to show the data on your browser in a frond-end layout before writing to the DB.
Yes you can achieve this with custom HTML/PHP, but it requires some coding and design to show the data to the user before submitting it to the db
@@TonyTeachesTech easy way wp data tables plugin, im working on this right now, what tony shares plus data tables to show and manage the data.
What are those 10 and 2 at the end in the code snippet you entered in the functions.php file?
Great question! It's the priority and number of arguments respectively developer.wordpress.org/reference/functions/add_action/
Hi, Tony. I did everything you did, But the data is stored in table `wp_e_submissions_values` instead of my own table. What am I doing wrong?
I'm not sure without seeing your code
Thanks for the tutorial TOny! How to do this for files?
You're welcome Max! Can you please explain what you mean by "do this for files"?
@@TonyTeachesTech So let's say I want to store .jpeg, .pdf files to my DB coming from users' input, how can I achieve this?
@@AmorFatiYT You will want to store the name of the files in your database and store the actual file in a "media" or "uploads" folder for example.
@@TonyTeachesTech Thank you man!
@@TonyTeachesTech Thank you for your reply! How can I keep these folders private? For example, when I have an uploads folder this is easily accessible via entering the htmkl route of the folder.
Is possible create more forms with each their own table? In your code where is the "link" of the Elementor's form? 'elementor_pro/forms/new_record'? But in the example the form's name is 'New Form'.......
Hi Federico. You can certainly have multiple forms. Distinguish between them with their 'id' on the server like this:
if ( 'MY_FORM_NAME' == $form_name ) {
// do something
} else if ( 'MY_OTHER_FORM' == $form_name ) {
// do something else
} ....
developers.elementor.com/forms-api/#Form_New_Record_Action
Do you need Elementor Pro for this to work ?
Yea
Do you have and example .. when you display on screen the same table in elementor form for me
What do you mean?
hi tony tnx about this amaze video, how i can create a page that when someone type in search box on that page, many fields shows information from database that I before imported to database, query information and show , for example you search "tony" name in search box, then show information's from tony - like age, family, job and so... pls help me by share link or something like that tnx again man keep it on... i want do this all in wordpress by elementor
And how about if i want to show data on my wordpress page?
Does this work with code snippets? My child theme did not have a functions.php, so I followed the instructions for code snippets but it did not work. Any help is appreciated
I think all themes should have functions.php. This will not work with code snippets alone
Hi how Can we apply it to a custom post with custom fields ? Thank you
You can use the techniques in this video for any page that is editable by Elementor
i use exactly the same staps , doesn't for me and i don't know why can i get some help plz
Tony can you do a video on how to put Elementor Multi Step form data into PHPmyadmin? There is no video on Elementor Multi Step Form data into PHPmyadmin.
nice tutorial, but there is a way to send the data to a Db outside the wp hosting?
Yes of course. This can be done with PHP
@@TonyTeachesTech where add the login data in the snippet?
@@jardium on the server inside of the add_action( 'elementor_pro/forms/new_record', function( $record, $handler ) function.
Hey, there!! Thanks for making this tutorial. But, when I paste it on my function.php then it is showing this error: "Something went wrong. Your change may not have been saved. Please try again. There is also a chance that you may need to manually fix and upload the file over FTP."
I'm not sure what's going on here 🤔
Wow. this is exactly what I need! Is it also possible to Modify database entries with this method? maybe using $wpdb->update() or something? Can you please briefly explain it? thanks a lot!
In a couple weeks, I'll have a video about creating, reading, updating, and deleting database entries with Elementor, so please stay tuned for that!
@@TonyTeachesTech that would be amazing! thank you!
It was really a nice video.But I have a doubt that if I have an endpoint where i need to send my form data .Where do i need to mention my endpoint url?
With the $wpdb object, you can access the database that WordPress uses and simply create another table for your Elementor form data
@@TonyTeachesTech Thank you for your response.But I am not using Wordpress database. I have seperate database I have Url of it. I want my form to send those details to my database as soon as I click submit button. I have url (endpoint) of my database. Where should I mention that Url to connect my form with my database.
@@mohammeddanishreza4902 You can instantiate a database object for your database like this $mydb = new wpdb( 'username', 'password', 'my_database', 'localhost' );
@@TonyTeachesTech But I am not using wordpress database.My database is somewhere else and I have only URL of it to connect my form and retreive data from Form and store it to that particular URL.
@@TonyTeachesTech and where should I write the code of database instantiate .
Well, can we send the same form data to the mail at the end of this process?
Yes, just make sure to add the Mail "Actions after submit"
Hello, can this be customised for EA registration forms... Actually, cannot find a solution to save in db the terms and conditions acceptance for a registration form made with EA. Thank you.
Sorry, what is EA?
@@TonyTeachesTech Essential addons for elementor
@@renataqb Oh okay. Sorry... I'm not familiar with that
Hello sir thanks for this vidéo but is not work on mine I don't know why.
can you write this same data to the brouwser with the same procedure, not first to the db than back to browser but drectly to the brouwser
Sure. That's possible with a GET or POST request
hello tony, thank you for the tutorial you made very useful, can I make the same tutorial as the material from this video in my language (indonesia)? , I think a lot of my country needs it, I'm going to include this video link in the description that this is your content I'm just recycling
Go ahead!
Hello sir great tutorial helped me alot but I am trying something to validate the data that is existing in DB. please help me out in this
I'm trying to verify the file number whether it exist in Database or not if it exists it give success message, if not then show invalid number. My Tab has only one col i.e fileNumber. This is the code I have tried to put in the child theme in functions.php. when I enter the file number in the name field this code only show the statement after else statement ($ajax_handler->add_error( $field['id'], 'Invalid number' );). is there any other way to do this?
here is the code
add_action( 'elementor_pro/forms/validation', function ( $record, $ajax_handler ) {
$fields = $record->get_field( ['id' => 'name1',] );
if ( empty( $fields ) ) {
echo "enter the file number";
}
$field = current( $fields );
global $wpdb;
if($wpdb->connect_error){
echo 'Connection Failed: ';
}
$sql = $wpdb->get_results( "select fileNumber from wpbd_FileNumbers where fileNumber like '%$field%'");
/* $sql="select * from $wpdb->wp_FileNumbers where fileNumber like '%$field%'";*/
if($sql == $field){
$ajax_handler->add_response_data( true, $output );
}
else
$ajax_handler->add_error( $field['id'], 'Invalid number' );
}, 10, 2);
hi tony
i have a simple elementor how can i make a database in simple elementor?
ua-cam.com/video/poYpLnYOp3g/v-deo.html
Do you have a explainer video that shows us how to build a database from form fields of a registration page. Step by step on a WP website.
The closest thing I have is this CRUD tutorial ua-cam.com/video/3isdcAEZoq0/v-deo.html
Sorry, this video is specific to WordPress and Elementor ua-cam.com/video/poYpLnYOp3g/v-deo.html
Hey Tony thanks for the tutorial. I did everything, but for some reason it doesn't work for me. I'm not getting any error messages, the information simply doesn't go into the table I created and it stays blank. I use the standard myPhp admin of goDaddy. Also, I don't have "functions.php" on my admin, I have header.php, footer.php, index.php and sidebar.php. I tried to put the snippet in header.php and index.php, and none of them worked. Suggestions?
*Update* - I found functions.php and copied the snippet there, but still doesn't work :(
You should have and will need to put the code in functions.php. Are you in the right place?
@@TonyTeachesTech the same here not working. I placed the code under functions.php, no error but the data not stored in phpmyadmin. Does it work for Free host of wordpres?im just using free hosting.
@@alvhen9655 You will need Elementor Pro for webhooks to work
@@TonyTeachesTech Tony I just found your tutorial and it's exactly what I was looking for however just like above it's not working. I do have Elementor Pro, and am putting the code into the functions.php on the child theme. The submit button returns success however no data shows up in the table of the DataBase.
Hello, do you know what directory this would change to if I use ninja forms instead of elementor forms, >> " 'elementor_pro/forms/new_record',"
Sorry I'm not familiar ninja forms
Olá Tony, poderia ilustrar como poderia ser feito usando um id para cada tabela ? ex, form1: quero que ele grave na tabela demo1, form2: quero que ele salve na tabela form2
// form elementor
add_action( 'elementor_pro/forms/new_record', function( $record, $ajax_handler ) {
$raw_fields = $record->get( 'fields' );
$fields = [];
foreach ( $raw_fields as $id => $field ) {
$fields[ $id ] = $field['value'];
}
// form 1
global $wpdb;
$output['success'] = $wpdb->insert('form1', array( 'nome' => $fields['nome'], 'email' => $fields['email'], 'ddd' => $fields['ddd'],'telefone' => $fields['telefone'], 'ddd2' => $fields['ddd2'], 'telefone2' => $fields['telefone2']));
// form 2
global $wpdb;
$output['success'] = $wpdb->insert('form2', array( 'nome' => $fields['nome'], 'email' => $fields['email'], 'ddd' => $fields['ddd'],'telefone' => $fields['telefone'], 'ddd2' => $fields['ddd2'], 'telefone2' => $fields['telefone2']));
// form 3
global $wpdb;
$output['success'] = $wpdb->insert('form3', array( 'nome' => $fields['nome'], 'email' => $fields['email'], 'ddd' => $fields['ddd'],'telefone' => $fields['telefone'], 'ddd2' => $fields['ddd2'], 'telefone2' => $fields['telefone2']));
$ajax_handler->add_response_data( true, $output );
}, 10, 2);
como usar com esse código ?
add_action ( 'elementor_pro/forms/new_record' , function ( $record, $ajax_handler ) {
if ( 'MEU_FORM' == $form_name ) {
// lógica para MY_FORM
...
} else if ( 'MY_OTHER_FORM' == $form_name ) {
// lógica para MY_OTHER_FORM
...
}
...
} , 10 , 2 )