Work in the No-Code Editor

Master the essential skills required to work efficiently within the pro mode of the editor.

What is a No-Code Editor?

A no-code editor is an editor's pro mode that allows to change existing block templates and create unique block designs.

The block consists of different units:

• The Root is the primary container that holds all elements, rows, and columns. It defines the block's width and the padding.

• A Row is a container for columns. It is responsible for defining the height of the columns.

• A Column is a container for elements. It resides within a row and controls the width of the elements inside it.

• An Element is a container for the actual content within the block, such as an image, video, text, etc.

• An Absolute is a background layer that can be added to either columns or the root.

Get Started in Pro Mode

1

Pro Mode: Intro

https://youtu.be/l2UfRtFHh4U?si=9ydens4z0Ws4Sf9syoutu.be

2

Pro Mode: Basic Entities

https://youtu.be/siIsgMN88F8?si=Z8uQ04xT3oNBzfHiyoutu.be

3

Pro Mode: Add and Edit Elements

https://youtu.be/hQNmw6rpXlU?si=yh_PY-yzOdh6JGbyyoutu.be

4

Pro Mode: Rows and Columns

https://youtu.be/dLwIbk_Cde0?si=U1JsBmLJSCEjwII4youtu.be

5

Pro Mode: Absolute Backgrounds

https://youtu.be/kicHueUgbew?si=-hrPiY_gMzIbipHeyoutu.be

6

Mobile Optimization with Pro Mode

https://youtu.be/SpVV5mc20Pw?si=gF2WYfx6dxNae3ARyoutu.be

7

Pro Mode: Additional Element Settings

https://youtu.be/8gmfxvefDhM?si=TmMdC9kQvSdnlGN9youtu.be

Work in Pro Mode

1

Manage block units to change the block structure.

2

Configure and customize elements to fill the block with structurized content.

3

Set background layers within the block to visually emphasize content.

4

Set courses for different devices to maximize the user convenience.