Site URL: https://foreverincrystal.com/customize-your-order
I am working on a custom checkout process for a customer that allows their products to be customized with either a message or image on any selected product. After significant research and testing, I've determined that the best solution is to create a custom form (using getform) that the customer is redirected to after completing their checkout. I use the following script to redirect the user to the customize order form:
<script> window.location.replace("/customize-your-order"); </script>
Everything works great, the redirect happens correctly, and the form submissions appears and works when the fields are completed. The issue is that the user experience is not ideal. As a customer, I need to know my order number and other detailed to manually input them in the form. I'd like to pass the orderId to the customize-your-order form so that I can preload the fields for the user.
Does anyone know if there is a way for me to pass the orderId to the custom squarespace page on redirect so that I can get the order details and preload them for the user?
Side note, if anyone has any suggestions for a better way to add either a message or image a product, I am open to suggestions. The requirement is that if an image can be upload when selecting the product to add to the cart, that image must also be able to be changed in the shopping cart. I found that this is not possible leading me to my current approach.