Sites Editor

<< Click to Display Table of Contents >>

Navigation:  Cloud applications > Bizagi Sites > Creating a site >

Sites Editor

Overview

Through Bizagi Sites you may create any number of portals and pages in them, as described at Bizagi Sites.

In order to create such portals, you rely on the Sites Editor described in this section.

 

Building UI with the Sites editor

Bizagi Sites features a Sites Editor that offers a what-you-see-is-what-you-get (WYSIWYG) experience.

Meaning, that you can build the site and know exactly how it will be displayed to end users during design time.

 

BizagiSites_06

 

Sites Editor UI explained

The Sites Editor allows to start building based on a template, offering quick options to edit the content of such template, include new UI controls, and present further options for you to create additional pages or navigate them.

 

When using Sites Editor, you may use the following keyboard shortcuts:

To undo one action, press CTRL+Z.

To redo one action, press CTRL+Y.

 

The following elements are displayed in Sites Editor:

 

BizagiSites_23

 

 

Number

Option Name

Description

1

Back to Dashboard

Returns to the Sites Dashboard.

2

Navigation

Displays the pages created in your current Bizagi Site sorted hierarchically.

This options also allows you to create additional pages and change the order of the existing pages.

 

Pages

3

Control Panel

Allows adding a control to the work area.

You can add the following elements

Hero Image (Header banner)

Text

oHeaders

oParagraphs

Single elements

oImage

oMap

oSearch

Button

oButton

oButton round

oLink

Bundles

oImage Gallery

oImage Carousel

oCard Link

oList View

4

Header

Control displayed at the top of every page created.

For more information, refer to Header.

5

Dashboard

Returns to the Sites Dashboard.

6

Skins

Allows you to change the base color combination. These colors define the default backgrounds and fonts colors. The available skins are Luxury, Sky, Modern, Beezagi, Clear and Lavender.

 

BizagiSites_Themes

7

Work area

Area where the Bizagi Site elements can be dragged and dropped.

8

Hero Image

Space used for the Hero Image

9

Add more controls

Shortcut to open the Control Panel in order to add Controls to your Site.

 

BizagiSites_Add

10

Preview Mode

Allows to emulate the behavior of the Site when it is displayed on several devices such as Mobile Portrait (default), Mobile Landscape, Tablet Portrait, Tablet Landscape, and Desktop. Furthermore, you can test the visibility rules created over any stakeholder and context.

11

Publish

Generates a public URL accessible over the internet for end user access.

 

Site controls are added into the page individually by means of drag-and-drop from the Add option in the floating left or by clicking the plus icon on the right.

Every control displays a floating menu when the mouse is placed on it. This menu has the options available to manage or modify the control.

 

Further information

To view how to build a sample site, refer to Designing and customizing the experience.

For details on how to configure each one of the elements, refer to Sites Controls.