Generate: Page Builders Integration: Flatsome

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

Prerequisites

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

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 UX Builder tab:
Page Generator Pro: Page Builders: Flatsome UX Builder Tab

If no UX Builder tab is present, click Edit with UX Builder in the Content Groups table

Page Generator Pro: Generate: Content: Flatsome UX Builder: Table Link

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 UX Builder tab:
Page Generator Pro: Page Builders: Flatsome UX Builder Tab

If no UX Builder tab is present, click Edit with UX Builder in the Content Groups table

Page Generator Pro: Generate: Content: Flatsome UX Builder: Table Link

Dynamic Elements

Flatsome’s UX Builder’s Text Element uses the Classic Editor / TinyMCE, therefore allowing you to build each Dynamic Element’s shortcode using the UI.

To access this:

  • Add a Text Element to your Content Group
    Page Generator Pro: Page Builders Integration: Flatsome: Text Element
  • Select Paragraph as the Preset, and click Apply
    Page Generator Pro: Page Builders Integration: Flatsome: Paragraph Preset
  • Click the Open Text Editor button
    Page Generator Pro: Page Builders Integration: Flatsome: Open Text Editor
  • The Classic Editor / TinyMCE editor will be displayed
    Page Generator Pro: Page Builders Integration: Flatsome: Classic Editor

How to use each Dynamic Element can be found in the Adding: Classic Editor / TinyMCE section of each of the Documentation links below:

For other Flatsome UX 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

UX Builder tab is missing

If you have made changes to Flatsome’s settings, or the tab does not display, please open a support request.