Floorplan design website. Is this doable on Wix?

Ask the community
, , , ,
1

Question:
I intend to build a website where users can create their 2D top-down floorplan design and save it in their account so they can continue working on it the next day.

Is it possible on Wix? Like importing HTML or Javascript etc?

What are you trying to achieve:

  1. A canvas will be provided for users to draw their blueprint (snap to grid)
  2. Users can import their image and trace over it.
  3. Users can create layers (with hide and unhide function).
  4. Users can select pen size and color.
  5. Undo and Eraser function.
  6. Zoom in and out with scrollwheel.
  7. A list of 2D assets for users to drag, drop and resize onto their floorplan.
  8. Allow users to export their designs into PDF, JPEG, PNG, etc.
  9. Users can create an account and save their work, so they can continue working on it another time.

If users are allowed to save their work in their accounts, does Wix provide storage options for that?

What have you already tried:
I went to Wordpress, but it seems that it’s not possible.

2

To your general question, if it is possible or not → yes it should be possible to create your wished functionality.

But some questions:

  1. Are you familiar with coding ?
  2. Do you have already some HTML+CSS+JS code for your CANVAS-FEATURE ?

If users are allowed to save their work in their accounts, does Wix provide storage options for that?

  1. you can save either inside a DATABASE
    …or…
  2. …using media-manager…
    …or…
  3. maybe you want to use extern STORAGE-SOLUTIONS
3

I have done a bit of the drawing and snapping to grid using HTML (very wonky at the moment).

Is this all doable using HTML?

What about the feature to drag and drop 2D assets onto the Canvas?

4

As long as you stay inside of an HTML-Component or Custom-Element, everything is doable. All you will have to do is to write code → to connect your HTML-Component and your wix-website.

You don’t want to show your HTML-CODE, you have already created?
To get a better ovierview, what you are looking for?

5

HOME | Snaptogrid (yunxiang.wixsite.com)

Here’s the site, with what I’ve done. And obviously it’s really lousy with so many issues with it at the moment. But I’m slowly working on it. Not sure if you’re able to look at the code from there.

On the feature to provide users with a list of 2D assets to drag and drop onto the drawing canvas, how do I do it?