Users filling in your Elementor Forms can submit many kinds of data, even more so thanks to Gloo‘s Forms Extensions+. Since that’s the case, many times you may have wished for the ability to store some of this data as cookies and use it elsewhere, to personalize user experience according to the submitted data from the form, or even populate hidden fields in other Elementor Forms that will follow the user around with pre-compiled data according to previosu inputs, using the Cookies Dynamic Tag.
The Save Cookies Form Action allows you to do exactly that. Save all of the submitted data as cookies, or even just data from selected, individual form fields.
You can choose to save the data as:
This option utilizes the new storage API in HTML 5, which offers more space than other options, but has limited support as it’s available only for those devices which support HTML 5.
Regular old cookie data we’re all used to.
Session data gets deleted once the User closes their browser.
In the menu for the Save Cookies Form Action, you will see a toggle labeled Individual Form Fields? With this option toggled off, which is the Action’s default state, the entirety of the data submitted through the form will be saved as a single cookie under the name of the Form’s ID, according to the selected cookie type.
Toggling this option on will let you specify which Form Field IDs to save the data from, and will then save the selected data as individual cookies, using the specified Form Field IDs as name for the cookies.
The Save Cookies Form Action works best when using the Cookies Dynamic Tag to fetch the cookies it saves and return them as you see fit for your uses.