Skip to main content
This section provides resources for developers who want to extend and customize Beaver Builder through custom modules, hooks, filters, and templates.

Get started

Custom Modules

Create your own custom modules

Hooks & Filters

Extend Beaver Builder with hooks and filters

Custom Templates

Build custom module templates

Developer resources

Beaver Builder provides a comprehensive API for developers to extend and customize the plugin:

Custom modules

Create custom modules with their own settings panels, just like the modules included with Beaver Builder:
  • Define module properties and settings
  • Create custom settings fields
  • Build module HTML templates
  • Add custom CSS and JavaScript
  • Use responsive fields and settings
  • Implement live preview

Hooks and filters

Extend Beaver Builder functionality using WordPress hooks and filters:
  • Modify module output
  • Customize settings forms
  • Add custom CSS classes
  • Filter template data
  • Extend the builder UI
  • Customize keyboard shortcuts

Custom templates

Build custom templates for modules and layouts:
  • Create module template files
  • Override default module templates
  • Build layout template libraries
  • Export and import templates
  • Share templates across sites

Developer tools

Beaver Builder includes several tools to help with development:

Debug mode

Enable debug mode to:
  • View unminified CSS and JavaScript
  • Access custom code from Global Settings
  • Troubleshoot custom code conflicts
  • See detailed error messages

Module development

Tools for creating custom modules:
  • Example plugin with sample modules
  • Module property reference
  • Settings field types reference
  • Helper functions and methods
  • Live preview API

Template development

Resources for building templates:
  • Template structure and organization
  • Template helper functions
  • Export/import functionality
  • Template categories and tags

Learning resources

We highly recommend taking advantage of our Custom Module Developer Course, which offers a comprehensive guide on creating an Image Comparison Slider module.

Documentation

  • Custom module API reference
  • Hook and filter reference
  • Setting field types
  • Module methods and properties
  • Template structure

Example code

  • Download example plugins
  • Review code samples
  • Explore module examples
  • Study template examples

Community

Connect with other Beaver Builder developers:
  • Join the developer community on Slack or Discord
  • Share your custom modules and templates
  • Get help from experienced developers
  • Contribute to the Beaver Builder ecosystem
  • Submit feature requests on GitHub

Build docs developers (and LLMs) love