Designer User Interface

Once you have selected a new WonderPage for editing, you have an option to choose ether Light or Advance types.

Light – Only URL opens when WonderPage is scanned

Advanced – Augment your WonderPage with many different tools. 

After, the Designer User Interface is shown. It is divided into four main sections: the Header, the Toolbar, the Designer Panel and the Property Panel.

More information about the Header


The Toolbar contains the project title, Zoom Out/In buttons, Undo/Redo, Fix to screen, Copy/ Paste, Delete augmentation(s), Save, Close, Test and Publish buttons.

Designer Panel – Light

The Designer Panel displays the target image and the link icon. The link icon opens the properties panel with only one option to insert the desired URL. No other augmentation is available. 

Designer Panel – Advanced

The Designer Panel displays the target image and augmentations toolbar (on the left). The augmentations toolbar offers options for simply adding various augmentation types.


The Property panel shows all properties of selected augmentation. In this panel, properties can be set or changed.

Click here to learn more how to setup properties for various augmentations. 

Multiselect of the Augmentations

It is  possible to multiselect several augmentations by drawing a frame (using the mouse) instead of selecting one augmentation after another with several mouse clicks. 

Close Menu
Close Panel