Document How to add a new element on the Visual Editor

How to add a new element on the Visual Editor

A simple tutorial on how to add elements using Nilead’s drag-and-drop Visual Editor with just a few clicks.

Table of content

TL;DR / Overview

Nilead’s Visual Editor allows users to add elements like text blocks, images, and widgets with ease. This guide walks you through selecting the right area, choosing your element, and placing it precisely where you want—all without coding.

Prerequisites

  • You must be logged into your Nilead account.

  • You need permission to edit the page (e.g., Owner, Admin, or Editor role).

  • A published section or layout must exist on the page.

Walkthrough

Step 1: Select the Target Section or Element

Start by hovering over the area of the page where you’d like to add the new element. Click to select the section or nested element where your new content will be placed.

Step 1 Select the Target Section or Element

Step 2: Open the Add Element Panel

From the left-hand sidebar, click on “Add Element”. This opens a categorized list of available widgets and elements—text, image, button, form, etc.

Step 2 Open the Add Element Panel

Step 3: Choose Your Element

Click on the element/widget you wish to insert. Once selected, it will be highlighted in blue, indicating it's ready for placement.

Step 3 Choose Your Element

The blue highlight means the element is ready to be added:

Step 3 Choose Your Element 2

Step 4: Return to the Page Layout

Go back to the Navigation Panel (left sidebar) or simply click the canvas again to resume placing the element.

Step 4 Return to the Page Layout

Step 5: Place the Element

Hover over the section or container you want to insert the new element into. Click the 3-dot menu (•••) of that section or sibling element.

Step 5 Place the Element

Step 6: Select a Paste Option

From the menu, choose how you’d like to paste the new element:

  • Paste as parent

  • Paste as child

  • Paste as the first child

  • paste as sibling

Step 6 Select a Paste Option

💡 Some elements (like dividers or basic text blocks) may be instantly added on click—no extra placement step needed.

Step 7: Repeat as Needed

You can paste the element multiple times as long as it's still active (blue-highlighted). If you click away or switch tools, reselect the element again to add more.


FAQs

1. Can I add multiple elements at once?
You can add the same element repeatedly, but each must be placed one at a time. Use copy/paste to speed up similar layouts.

2. Why can’t I see the “Add Element” panel?
Make sure you’re in Edit Mode. If it still doesn’t appear, your role may lack edit permissions.

3. Can I undo a placement?
Yes, simply click Undo from the top toolbar or press Ctrl+Z (Cmd+Z on Mac).

4. How do I move an element after placing it?
Use the drag handle (≡ icon) to reposition it within the same section or move it to a new one.

5. Are all widgets available on every plan?
Some advanced widgets may be restricted to higher-tier plans or require activation by support.

Discord chat

We're available Monday–Friday, security and critical bug fixes are available 24/7.

Facebook page

Get the latest news and updates regarding Nilead platform and services.