Generate: Page Builders Integration: Visual Composer

This guide refers to basic usage of Page Generator Pro with Visual Composer.  It is not a substitute for referring to the Generate: Content Documentation, which must be read first to understand all Content Group configuration options.
Visual Composer is not WPBakery’s Page Builder.

Prerequisites

Older versions may work, however the steps below may not reflect the available functionality.

Setup

Failure to follow all steps in this section may result in incorrect working functionality.

Before using Visual Composer in your Content Group, you’ll need to:

  • Navigate to Visual Composer
    Page Generator Pro: Visual Composer: Menu
  • Click Role Manager
    Page Generator Pro: Visual Composer: Role Manager
  • For each WordPress Role that will manage Content Groups, enable the Content Groups option
    Page Generator Pro: Visual Composer: Role Manager: Post Types
  • Click Save
    Page Generator Pro: Visual Composer: Save Changes

Add a Content Group

To add a new Content Group to Page Generator Pro, click the Add New button below the Content Groups title, which can be found towards the top of the screen:
Page Generator Pro: Generate Content:

You will then be presented with a screen similar to the one used to edit your WordPress Posts and Pages.

It’s recommended that you first:

Once saved, click the Visual Composer button
Page Generator Pro: Generate: Content: Visual Composer Button

Edit a Content Group

To edit an existing Content Group in Page Generator Pro, click the Title of the Group that you want to edit:
Page Generator Pro: Generate: Group Actions

Click the Visual Composer button
Page Generator Pro: Generate: Content: Visual Composer Button

Create/edit your Page as necessary, ensuring that you click the tick in the bottom left hand corner when done to ensure changes are saved:
Page Generator Pro: Visual Composer: Tick

Dynamic Elements

Visual Composer’s Text Block uses the Classic Editor / TinyMCE, therefore allowing you to build each Dynamic Element’s shortcode using the UI.

To do this, click the Open Element in Edit Form:
Page Generator Pro: Generate: Content: Visual Composer: Open Element in Edit Form Button

The Dynamic Element UI’s buttons are then displayed:
Page Generator Pro: Generate: Content: Visual Composer: Text Block

How to do this can be found in the Adding: Classic Editor / TinyMCE section of each of the Documentation links below:

For other Visual Composer modules, you’ll need to manually build each Dynamic Element’s shortcode using the documented parameters.  These can be found in the Adding: Page Builders section of each of the Documentation links below:

Common Issues

Visual Composer Button does not display in a Content Group

Follow the Setup section of this document.

Visual Composer Content does not display on Generated Page

  1. Follow the Setup section of this document.
  2. In the Content Group:
    1. Click the Visual Composer button
      Page Generator Pro: Generate: Content: Visual Composer Button
    2. Click the tick in the bottom left hand corner
      Page Generator Pro: Visual Composer: Tick
    3. Confirm the tick background color turns to green
    4. Generate Pages as normal