When you enable the GridbuilderWP option in a Post List or Post Loop Builder element, note that it can only be activated once per page due to a Breakdance limitation—not WPGridBuilder itself.
However, there’s a workaround! You can still use it multiple times on the same page with a custom solution.
In the example below, two Post List elements display WPGridBuilder facets. The left one uses the automatic version, while the right one is customized to bypass the limitation.
Your first grid is already configured, so let's focus on setting up the second one.
Step 1
For the second Post List (or Post Loop) element, make sure to disable the GridBuilderWP option:
Step 2
Add the class wpgb-content-1 to your Post List element:
Step 3: Add the facet
Go to your WP Grid Builder Facets page and copy the shortcode of the facet you want to add:
Add a Shortcode element to your page and paste the copied shortcode. Make sure to update the grid value to match the class name you previously assigned to your post list element.
Example:
For optimal display, consider setting the layout to flex (optional).
Step 4: Adding the Query
The only limitation is that we can't use the query builder—you'll need to manually insert the query. The key line to include is:
'wp_grid_builder' => 'wpgb-content-1',
Make sure the value matches the class name you added earlier.
'wp_grid_builder' => 'wpgb-content-1',
'post_type' => 'post',
'posts_per_page' => 8,
'no_found_rows' => true,
];
To add additional Post Lists or Post Loops, follow the same process but increment the class name (e.g., wpgb-content-2, wpgb-content-3, etc.).
Important
For some reasons, it may not work in draft mode, but it will function properly once published.