Building with Elementor

Elementor is the drag-and-drop page builder at the heart of building with Nexgen. It gives you pixel-perfect, mobile-responsive editing in a live visual canvas — what you see while editing is what your visitors get. Nexgen extends it with more than 24 custom widgets and dozens of ready-to-use templates, so you can assemble professional pages fast.

How Elementor is structured

Every Elementor page is built from three nested building blocks:

Sections

The horizontal rows that divide your page. Each section spans the full width and stacks vertically.

Columns

Sit inside sections and split them side by side, so you can place content next to content.

Widgets

The actual content — headings, images, buttons, and Nexgen’s custom widgets — dropped into columns.

Sections contain columns, and columns contain widgets. Once that structure clicks, building any layout becomes intuitive.

New to Elementor?

If this is your first time with Elementor, its own guides are the best place to learn the interface:

Getting started with ElementorAn overview of the editor and core concepts.

Build your first pageA hands-on walkthrough of creating a page from scratch.

What Nexgen adds

On top of standard Elementor, Nexgen contributes two things that speed up your work:

24+ custom widgets — purpose-built content blocks that go well beyond Elementor’s defaults.
Ready-to-use templates — dozens of pre-designed layouts you can insert from the Elementor template library and adapt to your content.

Inserting a ready-made template

Edit a page with Elementor. Open any page and click Edit with Elementor.
Open the template library. Click the folder/library icon in the editor to browse the available templates.
Insert a template. Choose a layout and insert it into your page.
Make it yours. Replace the placeholder text and images with your own content, then publish.