WiX.com App which allows visitors to leave drawing on the website.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.



WiX.com App which allows visitors to leave drawings on the website.

[Try Live Demo] (http://andreye.wix.com/wix-sf-whiteboard)

Viewing Mode:

Default state (first thing that visitors see)

  • All drawings are real-time. Painter's name is showing where he/she is currently drawing


When user clicks on one of the drawings

  • Visitors can like or report a drawing which they clicked on

drawing click

When user clicks on "Brush" to start drawing

  • Once user clicks on "Start Drawing", a Drawing Mode will be activated
  • Visitor's name and email will be stored into WiX contacts

start drawing

Drawing Mode - Try Live Demo of Editor:

  • Click onto "Checkmark" when done with the drawing
  • Can access Viewing Mode functionality by pressing "Hand"
  • People's names will be shown only in "Hand" mode (maybe)

Default "Drawing Mode" state (first thing that visitors see)


When clicked on "Brush Dot" color panel opens

  • The dot will change accordingly once the visitor changes Radius/Color/Opacity

color panel

When clicked on the "Hand"

  • "Drag Mode" will be activated and current location will be shown on the map

map panel

Settings Panel - Try live demo of Settings Panel:

General settings

  • User can set a number of visitor's reports a particular drawing can get before it gets removed
  • "+ Start New Board" creates an empty board in "My Boards" (see below) and sets it to current

general settings

Canvas settings

  • Printing size is the size which allows the drawings to be scaled appropriatly. The brush radius will always be the of the same size relative to physical world. For example, if brush size is 8px, the final drawing will be of the same size regardles on what size of paper it will be printed on.
  • Canvas background picture will be uploaded via Media Gallery

canvas settings

Tool Panel settings

tool panel settings

My Boards

  • Allows to view all boards and create a fresh board or choose another one on place of current widget. All settings of that board will be set to currrent (might think about this more)

my boards

When clicked on "eye" to view board, a popup opens which allows to:

  • manually remove unwanted drawings with eraser tool
  • download PDF of the board
  • set the board to the current widget
  • completely deleting the board

board popup