Interface

Visual Composer Website Builder is a true WYSIWYG editor (Frontend editor). This means that there are no placeholders to represent blocks of the page. Instead, you instantly see any results you make and ensure that your site is ready for publishing without exiting the editor.

Visual Composer editor interface consists of several parts:

  • Frontend editor (with drag and drop functionality and element controls);
  • Navigation panel;
  • Tree view;
  • Settings;
  • Element edit window;
  • and more.

How to Start?

Just like in WordPress, Visual Composer allows you to create new or edit existing pages.

Right after activation, you will see a confirmation screen with an option to create a new page or activate Visual Composer Hub. You can create a blank page and start working with Visual Composer right away.

You can also navigate to your pages, posts, or custom post types to create a new page or edit existing:

  1. In your WordPress admin dashboard navigate to pages, post or custom post type section in your left menu;
  2. Click ‘Add new with Visual Composer’;
  3. WordPress will instantly open Visual Composer Frontend editor.

Note: Make sure to allow Visual Composer Website Builder to work with posts and custom post types under Visual Composer Settings in your WordPress admin dashboard.

How to edit page?

Visual Composer Website Builder works with your existing content. On the first edit, your existing content will be automatically wrapped into the text block.

To work with an existing page:

  1. Navigate to pages, posts or custom post type section in your WordPress admin dashboard.
  2. Click Edit with Visual Composer to edit content with the Visual Composer Website Builder Frontend editor.
    Edit WordPress page with Visual Composer Website Builder

You can also select ‘Edit’ for pages, posts, and custom post type and use Visual Composer button to open the content in Visual Composer Frontend editor.

Switch to Visual Composer Frontend editor for WordPress

Further read