Generate: Content: Dynamic Elements

Overview

When creating or editing a Content Group, Page Generator Pro provides several dynamic elements that can be inserted into the content – whether through the Classic Editor, Gutenberg or your Page Builder.  These allow rich media elements, such as a Video, Map or Image, to be displayed.

Documentation for each of the dynamic elements can be found on their own Documentation Pages:

Adding: Classic Editor / TinyMCE

To add a Dynamic Element within the Classic Editor:

  • Click the Dynamic Element’s button in the Visual Editor toolbar (the left hand black outline marker):
    Page Generator Pro: Generate: Shortcodes: TinyMCE Toolbar Button
  • Follow the Configuration section for the applicable Dynamic Element above, for each of the fields displayed in the modal window.

Adding: Gutenberg

To add a Dynamic Element within Gutenberg:

  • Click the plus icon between two existing blocks, or towards the top left corner of the Gutenberg editor
    Page Generator Pro: Generate: Dynamic Elements: Gutenberg: Add Block
  • Start typing the name of the Dynamic Element into the Search for a block field, and click the Dynamic Element that appears within the Page Generator Pro section
    Page Generator Pro: Generate: Dynamic Elements: Gutenberg: Search Blocks: Google Maps
  • Follow the Configuration section for the applicable Dynamic Element above, for each of the fields displayed in the right hand sidebar’s block panel.

Adding: Page Builders

To add a Dynamic Element within any Page Builder that supports a Text Editor widget/module using the Classic Editor (sometimes known as TinyMCE), refer to the Classic Editor instructions for the given Dynamic Element above.

The following Page Builders have been tested and are known to provide a Text Editor widget/module that supports Page Generator Pro’s Dynamic Elements UI:

Page Builder Supported Module / Widget Name Documentation
Beaver Builder Text Editor Documentation
BeTheme / Muffin Page Builder Visual Editor Documentation
Bold Builder Text Element Documentation
Divi Text Module Documentation
Elementor Text Editor Documentation
Enfold / Avia Layout Builder Text Block Documentation
Live Composer Text Element Documentation
Oxygen Builder Rich Text Module Documentation
SiteOrigins Page Builder Editor Module Documentation
Thrive Architect WordPress Content Element Documentation
Visual Composer Text Block Documentation
WPBakery Page Builder Text Block Documentation
This is not a definitive list. Other Page Builders may provide a Rich / Visual / Text Editor Module that supports Page Generator Pro’s Dynamic Elements UI.

If your Page Builder is not listed above, it does not provide a Text Editor widget/block/module that supports Page Generator’s Pro Dynamic Elements User Interface.  However, you can still use Dynamic Elements – just manually build the Dynamic Element’s shortcode, inserting it any text-based Page Builder’s widget/block/module.

Refer to the Configuration section of the applicable Dynamic Element’s Documentation for instructions: