Add Content Element

There are several ways on how to add a content element to your layout:

  • Add Element menu
  • Drag and Drop (from Add Element menu)
  • Bottom menu
  • Column controls
  • Empty columns
  • Element bottom controls

All these options are available in both, Frontend and Backend editors.

Add Element Menu

The most common way to add an element to your layout is by using Add Element menu, available via the navigation bar.

To add an element:

  1. Open Add Element window
  2. Locate the element you want to add
  3. Hover the element (to see the preview)
  4. Click on the element
  5. The element will be added at the very bottom of your layout.

Content element preview with description

Note: It is not mandatory to add row/column container (unless you want to set a number of columns in advance) as Visual Composer Website Builder will automatically wrap newly added content element into row/column.

Drag and Drop (from Add Element menu)

It is allowed to drag and drop elements from the Add Element menu directly to your canvas.

To drag and drop element:

  1. Open Add Element window
  2. Locate the element you want to add
  3. Click and drag element to your canvas
  4. Wait for drag and drop placeholder to appear
  5. Release the button of your mouse

By using drag and drop element option you can quickly place elements in between other elements or content blocks.

Bottom menu

Quick menu to add rows and content elements to your WordPress website

At the very bottom of your layout, you will see a bottom menu that allows you to quickly add most popular row/column layouts (from 1 to 5 equal columns), set custom row/column layout, text block or open Add Element window.

Column controls

Element controls for column to edit your layout in WordPress

To add a content element to columns via column control:

  1. Hover the column control (where you want to add an element)
  2. Select Add Element option from the drop-down menu
  3. Select an element from the Add Element window

Empty columns

Use 'Add icon' to add element to an empty column in your WordPress page with Visual Composer Website Builder

If your column is empty and does not contain any content elements, you will see Add Element icon as a placeholder inside your empty column. To add an element to the empty column, click on the add element icon inside the column and select the element from the Add Element window.

Element bottom controls

Easy to use controls to add element to existing layout in WordPress page

To insert content element in-between other content elements, use the bottom control that will show up on element hover.

To add element after particular element:

  1. Hover the element after which you want to insert your new element
  2. Click on the Add Element icon (plus) to open the Add Element window
  3. Select the element of your choice