Visual Composer Shortcode Toolbox

Visual Composer Shortcode Toolbox allows you drag and drop any shortcode/element to Visual Composerfrom Shortcode Toolbox dialog.

With Visual Composer, you need 3 steps to add an element:

  • Click Add element button to open Element popup.
  • Select element to insert to page.
  • Edit settings and close Settings popup.

With Shortcode Toolbox: only one step

  • Drag and Drop any shortcode/element to VC editor.

You will save a lot of time each when design your page/post.

Note:

  • In VC Editor, you can not insert an element between other elements.
  • Shortcode Toolbox allows you drag and drop it.

Backend mode

Frontend mode

Features list:

  • Works fine on Backend editor & Frontend editor (since version 1.5).
  • Drag & Drop any shortcode/element to Empty Page of VC editor.
  • Drag & Drop any shortcode/element above or below any Row/Row inner/Element content.
  • Drag & Drop any shortcode/element to Column/Column inner.
  • Works fine with all 3rd party shortcodes / elements.
  • Show / Hide Shortcode Toolbox.
  • Good behavior with VC Editor: connect directly to row/column sortable ui.
  • Shortcode Toolbox is draggable dialog and keep fixed position on page.
  • Shortcode filter: search shortcode/element by name.
  • Add or remove any shortcode/element to Favorites list (since version 1.8).
  • Insert checker.
  • Converter.

Setting options:

  • Always Hide Settings panel / Auto Show Settings panel
  • Enable / Disable the VC Add button
  • Disable the Frontend button.
  • Use default VC settings for item shortcode or you can change it via Settings page.

Insert checker:

  • Do not allow to drag and drop any container element inside the column inner.
  • Do not allow to drag and drop other complex elements within the Tab, Tour and Accordion.
  • Do not allow to drag and drop inner row within inner row.
  • Allow to drag and drop Row / Row inner inside the Tab, Tour or Accordion.

Converter:

  • Convert Row to Row inner, Column to Column inner each when drag and drop any shortcode/element inside the Column or Row.
  • Convert Row inner to Row, Column inner to Column each when drag and drop any shortcode/element inside the Tab, Tour or Accordion, …