Pass custom name data from order page

We are a personalized marketplace for party goods. We have a requirement where we need to get a “Name” field in the shop/order page and carry that over to the confirmation page. It can’t happen at checkout as that is too late in the game and customers can buy 2 or more quantities of the same item with different names. Here’s our specific page. - Any idea of how this can be done?

https://www.zaia.app/product/little-ms-unicorn (The input text field here is currently not wired to any logic)

I also know a bit of JS and Jquery, so if someone can suggest ways to hack using that I’d truly appreciate that as well.

TIA


Here is my site Read-Only: LINK
(how to share your site Read-Only link)