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

2

Pro Mode: Basic Entities

3

Pro Mode: Add and Edit Elements

4

Pro Mode: Rows and Columns

5

Pro Mode: Absolute Backgrounds

6

Mobile Optimization with Pro Mode

7

Pro Mode: Additional Element Settings

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.