CobaltApps Beaver Extender

Description

The Beaver Extender addon injects HTML templates, custom widget areas and personalized content areas into the action hooks of the Beaver Builder Theme, allowing insertion of elements into layout regions outside the standard editable zones of the page builder. Developed by CobaltApps, this extension adds to the WordPress admin panel a front-end CSS editor with real-time feedback, fields for custom PHP and JavaScript functions, and a visual hook map that displays all available insertion points in the theme — a feature aimed at developers, designers, and freelancers building sites on the Beaver Builder framework.

Main Features

• Front-end Visual Hook Map: displays all Beaver Builder Theme action hooks directly on the site’s front-end with a single click, simplifying identification of content insertion points.
• Unlimited Widget and Content Areas: create as many custom widget areas, content areas and WordPress page templates as needed to build custom layouts.
• Custom Labels and Conditionals: generates unlimited custom labels and conditionals to precisely control where each content area created by the Extender appears.
• CSS, Functions, and JavaScript Editor: adds CSS, PHP functions, and JavaScript code to the Beaver Builder child theme via the admin panel, making customizations update-proof.
• Import and Export Settings: allows backing up and transferring all plugin settings between WordPress installations easily.

Benefits of the Beaver Extender

• Beyond Page Builder Zones: injects pre-designed HTML templates into layout regions outside the normal editable zones of Beaver Builder, expanding control over the entire site.
• Granular CSS and Script Control: goes beyond template insertion by allowing you to manage CSS, JavaScript, and functions tied to each element, ensuring deep customization.
• Protection Against Theme Updates: all customizations are stored in the plugin’s options, not theme files, preventing code loss when the Beaver Builder Theme updates.
• Real-time Visual Feedback: the front-end CSS editor offers live preview of design changes, reducing the trial-and-error cycle during development.

Who It’s Recommended For:

• Developers and designers who use the Beaver Builder Theme as a framework and need to insert custom content via action hooks.
• Freelancers managing multiple WordPress sites who need to export and import customization settings between projects.
• Beaver Builder users who wish to add custom CSS, PHP, and JavaScript without editing child theme files directly.

The Beaver Extender is recommended for those working with the Beaver Builder Theme who need total control over every layout region, going beyond the limitations of the standard page builder.

Frequently asked questions