Page Builder Developer Docs

Page Builder has hooks, filters and theme support options for theme and plugin developers. Use them to add widgets and prebuilt layouts, change Page Builder's HTML and CSS output, and add your own row and widget settings. If you'd like to help improve Page Builder, read Contributing to Page Builder.

Widgets

Standard widgets work in Page Builder without changes, unless their JavaScript targets the WordPress Widgets screen. Making Your Widgets Page Builder Compatible explains the changes those widgets need.

You can also change how your widgets appear in the Add Widget dialog:

• Placeholder Widgets add widgets your users haven't installed yet, so you can recommend widgets for them to install. You can also remove the widgets Page Builder recommends.
• Page Builder Widget Groups organize your widgets into groups.
• Widget Icons give your widgets their own icons.

If you build widgets, the Widgets Bundle gives you form fields, templates and LESS stylesheets to build on, as Widgets Bundle Developer Docs explains.

Prebuilt Layouts

A prebuilt layout is a complete page layout that your users insert with the Layouts button in Page Builder. Page Builder Prebuilt Layouts shows how to add layouts to your theme or plugin.

Theme Integration

Theme Integration covers theme support, page templates, full-width rows and the style settings for rows, columns and widgets.

Hooks and Filters

Page Builder's hooks and filters change its HTML and CSS output, its row and widget settings, its widget forms and the features of the builder itself.

• Filtering Page Builder HTML Structure
• Page Builder CSS Hooks
• Filtering Custom Row Options
• Filtering Widget Options
• Filtering the Widget Form
• Filtering the Widget Instance
• Filtering Page Builder Features and Actions
• Overriding the Row Collapse Point
• Filtering the Row Form
• Stopping Row and Widget Output