Documentation

Generate: Dynamic Elements

Documentation »

Page Generator Pro » Generate: 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: Visual Editor

To add a Dynamic Element within the Classic Editor:

  • Ensure that you’re using the Visual Editor by clicking the Visual tab:
    Page Generator Pro: Dynamic Elements: TinyMCE: Visual Editor Tab
  • Click the Dynamic Element’s button in the Visual Editor toolbar:
    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: Classic Editor / TinyMCE: Text Editor

This feature is available in Page Generator Pro 3.0.0, released January 7th 2021 23:59 UTC.
  • Ensure that you’re using the Text Editor by clicking the Text tab:
    Page Generator Pro: Dynamic Elements: TinyMCE: Text Editor Tab
  • Click the Dynamic Element’s button in the toolbar:
    Page Generator Pro: Dynamic Elements: TinyMCE: Text Editor: Buttons
  • 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 BuilderSupported Module / Widget NameDocumentation
Avada / Fusion BuilderText BlockDocumentation
Beaver BuilderText EditorDocumentation
BeTheme / Muffin Page BuilderVisual EditorDocumentation
Bold BuilderText ElementDocumentation
DiviEach Dynamic Element is registered as a Module in DiviDocumentation
ElementorEach Dynamic Element is registered as a Widget in ElementorDocumentation
Enfold / Avia Layout BuilderText BlockDocumentation
Flatsome UX BuilderText ElementDocumentation
GoodLayers Page BuilderText BoxDocumentation
Live ComposerText ElementDocumentation
Oxygen BuilderRich Text ModuleDocumentation
Porto2Uses Classic Editor or GutenbergDocumentation
Pro Theme / Cornerstone Page BuilderEach Dynamic Element is registered as an Element in CornerstoneDocumentation
SiteOrigins Page BuilderEditor ModuleDocumentation
Thrive ArchitectWordPress Content ElementDocumentation
Visual ComposerText BlockDocumentation
WPBakery Page BuilderText BlockDocumentation
X Theme / Cornerstone Page BuilderEach Dynamic Element is registered as an Element in CornerstoneDocumentation
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 Adding: Page Builders section of the applicable Dynamic Element’s Documentation for instructions:

Generation Errors

Prior to Page Generator Pro 4.9.0, any Dynamic Element errors on generation would only display if using Test mode.  Generating via Browser, Server or CLI would result in blank content being output if a Dynamic Element encountered an error (for example, an AI Dynamic Element hitting a rate limit).

Page Generator Pro 4.9.0, available Monday December 10th 2024 23:59 UTC, will instead return an error if a Dynamic Element fails to produce any content when using any mode (Test, Generate via Browser, Server or CLI).  This ensures that content is only generated when “complete” i.e. all Dynamic Elements return content without errors.

Refer to the Stop on Error setting to choose how to handle these errors during generation.


Published

Last Updated