Creating a drag and drop checkout page

Question:

I want to make an interactive checkout page where customers can drag and drop their desired options onto a blank unit and then submit the desired unit for us to build.

Product:

Wix Studio Editor

What are you trying to achieve:

Our company builds complete outdoor grilling structures that are shipped to our customer’s home. Each unit we build is created by the customer through an options list. I would like to make our checkout page more interactive where clients can drag and drop whatever options they desire within the unit along with where they want the item located inside the unit.

What have you already tried:

Still early in research and I’m not having any luck finding relatable topics.

Additional information:

My vision could be described as a children’s magnetic scene board where they can place the items anywhere within the scene, but a digital version. This may be well outside my beginner skill set so I apologize if I’m asking for the moon. Thank you for any guidance!

Hey Eric,

This is a pretty complex feature, which cannot be built natively on Wix Studio. For this you’ll have to build a custom product page that has an HTML / iFrame element, which can potentially house this feature. However, this will have to be completely custom coded, along with the exchange of data between the iFrame and your webpage, which will require additional Velo code too.

Thank you, Pratham! I figured it would be complex, but you never know until you ask. I appreciate your time!

1 Like