Keep Your Elementor Form Hidden After Submission Using jQuery and Cookies

Ever wondered how to hide your Elementor form even after a user refreshes the page? In this video, I’ll walk you through a simple method using jQuery and cookies to ensure the form stays hidden after it's been submitted. Say goodbye to redundant submissions and enhance user experience on your website!
Source Code:
urielsoto.com/...
InstaWP Affiliate Link - Support My Efforts
app.instawp.io...
🔴 Download My Custom Templates:
urieljsoto.gum...
🔵 Join Our Facebook Community!
bit.ly/urielsot...
🟢 My Web Agency:
vluxdesigns.com/
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielele...
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/​
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a

[@AnotherCaroline176]

This was such a great starting point for the code for a type of personality quiz that I couldn't figure out any other way, thanks for posting!

[@frontweb9984]

hi and thanks for this video. how can we display the submission entry ID in the admin email, like in email subject. it will help the admin to organize their work

[@emmanuelivwighre5399]

Great video

[@sofiah5243]

Can I make the form appear again after 2s? just showing the thank you message and then after 2s it goes back to the form? Thank you!

[@UrielSoto]

Yeah you'll need to add a setTimeout on the js code.

[@sofiah5243]

@@UrielSoto could you help me how to implement it because I have tried so many ways with the timeout code and cannot get it to go away and the form to appear again🙈

[@oromiareview2396]

@@UrielSoto Can you help me here. I need that timeout duration to this code. Thank you

[@stewber]

This is awesome! How would we update this query so that it would save one of the fields in the local storage instead of just setting the form submit to true? For example if you needed to password protect something this could be a good method rather than having a separate plugin for the same.

[@UrielSoto]

Sorry can you elaborate more?

[@stewber]

@@UrielSoto So let’s say you want to hide a page or content behind a login form, you want to capture email info and have them use a password to enter but don’t want to create a Wordpress user. Using a variation on your method, with some tweaks it should be possible to show content if the correct password is entered in the form by saving it in local storage. Do you think that would work?

[@mariaraffaellapieragnoli6308]

Unfortunately, your solution works if we think about a single browser used by the user... but if they switch from computer to mobile or to another browser, the form still remains visible. Is there another solution that solves this problem? I would be eternally grateful.

[@Pipojunkie]

Your a legend

[@masterrayn]

const $ = jQuery: $(document).ready(function(){ const formSubmit = localStorage.getItem ('formSubmit') if(formSubmit){ console.log('form submitted' ) $('myForm').hide() $$('form-messagge').show() } $('.myForm').submit(function(){ localStorage.setItem('formSubmit', 'true') }} }}

[@mariaraffaellapieragnoli6308]

please give a solution to reset the form 😅