The Coreg builder is based on the "no-coding" principle meaning users can develop web pages and landers without the need or capacity to code!

It's as simple as Drag & Drop.

To access the builder, head to the Pages tab and click on the button in the top, right corner.

After clicking on the Create New Page or Create Your First Page button, you will be presented with the following window:

To get started in your page-building journey you will need to provide information related to your page and either select a template or not.

This includes the following:

• Page Name
• URL Slug/Link
• Path
• Starting with or without a template

Note: Paths shown here will be determined by paths created in the Paths tab on the Dashboard.

Click on Save & Continue to head to the builder!

The Builder at a Glance

Below you can find the first thing you see when entering the Coreg Page Builder.

Note: We have chosen not to include a template in this tutorial. The same concepts explained here will be relevant to starting from a template.

Let's take a look at the builder section by section.

The Editor Menu

Below is an image of the Editor Menu. This menu will allow you to switch between editing options within the builder.

Within the editor menu, clicking each icon opens a separate panel on the left of the page. This corresponds with the selected icon in the menu.

Each icon represents the following from left to right.

• Block Manager
• Layer Manager
• Style Manager
• Settings
• Trait Manager
• Code Editor

Don't worry, we have separate guides for each of these. Feel free to click on any of the above links and head straight there.

Let's continue with the overview.

View Manager

The above menu will allow you to format the canvas according to the selected device.

Note: These canvas selections are responsive to the content within your page.

Example:

Page Preview

Page previews will open a separate window with the requested view you select from the dropdown.

Correction Menu

This menu allows you to undo, redo, or clear your canvas.

Layout Guides

Clicking these icons will present either rulers or container guides on the canvas.

Useful when perfecting your layout!

Importing Templates

These buttons allow you to import or save your page.

By Clicking the Import button you can import pre-existing HTML & CSS files directly from your computer to the builder.

Note: These must be in the .html format.

Export

By clicking the export button you will be able to export a .html file of your page.

Light Mode/Dark Mode

Toggling this button will set the page to either light or dark mode.

From here we'll go into detail on each editing