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 > Settings
    Page Generator Pro: Generate: Page Builders: Visual Composer: Menu
  • Under the Post Types section, enable Page-generator-pro
    Page Generator Pro: Generate: Page Builders: Visual Composer: Settings
  • Click Save

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

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.