Storing state (customizations) of a form that uses interact.js and load each based on chosen data

I would like an opinion on a best way to do the above.

Specifically, I have many campaigns. Each of them has different fields bind to it. When user clicks on a campaign, it opens form that shows fields for the current campaign. And user should be able to reorder/resize fields however they want on a given campaign. But, how to properly store (to the DB) user-defined state of the DOM where this form is, to load it later in that way?

I really appreciate the answers.

My reasoning was to somehow take whole form part (it’s DOM) and store it in a file on a server for specific campaign, then load it through yielding to the component. But not sure how to do it properly.