Header Footer for Beaver Builder


Have you ever thought of a Beaver Builder addon that allows you to use customized templates and pages as a header or footer across your website? Header Footer for Beaver Builder adds a settings option to your page builder settings page making it easier to add customizable header and footer.

All you need to do is –

  1. Design a Page or a Template you wish to use as a Header / Footer
  2. Open the Page Builder settings page
  3. Open the BB Header Footer settings
  4. Select the page or template that you saved to be used as a header.

Try it out on a free dummy site

Features of Header Footer for Beaver Builder

  • Create attractive pages and templates that can be displayed as a Header or Footer.
  • Lets you use a fully customized header or footer across the website.

Themes you can use the Header Footer for Beaver Builder with

As of now, the Header Footer for Beaver Builder settings can be used with the following themes.

  1. Astra – The Fastest, Most Lightweight & Customizable WordPress Theme
  2. Beaver Builder theme
  3. Genesis Theme
  4. GeneratePress Theme
  5. Primer Theme
  6. Neve Theme

Supported & Actively Developed

Need help with something? Have an issue to report? Get in touch. with us on GitHub.

Here is a quick video explaining how this plugin works

Made with love at Brainstorm Force!

What’s More?

If you like this plugin, please leave us a good review and rating! Your feedback and
suggestions will be highly appreciated.

You can also consider checking out our other plugins:

Ultimate Addons for Beaver Builder Lite: The Best Addon for Beaver Builder with a huge collection of advanced and creative modules.

Expandable Row for Beaver Builder: An advanced plugin that lets you expand your Beaver Builder rows.

Timeline module for Beaver Builder: An advanced module to create attractive and responsive timelines using Beaver Builder.

Alerts for Beaver Builder: An advanced module to create attention seeking alerts in Beaver Builder.

Cards for Beaver Builder : An advanced module to create attractive cards using Beaver Builder.

Column Separator for Beaver Builder: This plugin will no longer leave you pondering for a column separator in Beaver Builder. You can add it right away!

Visit our website to know more about the top WordPress products and services we offer. You can also stay updated with our upcoming endeavors by following us on
Facebook and Twitter.


  1. Upload the plugin files to the /wp-content/plugins/bb-header-footer directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the Settings->Page Builder-> BB Header Footer to select the page to be displayed as header and footer.


Which themes are supported by this plugin?

  1. Astra – The Fastest, Most Lightweight & Customizable WordPress Theme.
  2. Beaver Builder theme.
  3. Genesis Theme (and should work with most of its child themes).
  4. GeneratePress Theme.
  5. Primer Theme.
  6. Neve Theme.

How does this plugin work?

  1. Simply create a new page (or Beaver Builder Template)
  2. Design it as you would like it for your header or footer
  3. Then from admin settings, you can assign this page as a Header or Footer of your theme. Screenshot


06 Dekabr 2022
We found the Beaver Themer stopped working and broke pagination on our site. Using this plugin has saved us. THank you soooo much.
28 Sentyabr 2020 1 reply
I’ve used this on every site I’ve built with BB in the last 3 years (about 40 sites and counting) Outside of beaver builder itself, this is the most helpful plugin I use, and I would be lost without it.
23 Mart 2020 1 reply
This plug-in let’s you design your header and footer exactly how you want it which is something Beaver Builder lacks. Very easy to use.
26 Avqust 2017
Able to make beautiful headers and footers for sites built with Beaver Builder with this plugin. Thank you!
21 İyul 2017
You don’t need to make custom templates or buy Beaver Themer to customize your header and footer. You can use a page or a template (Fl Builder template) as your header or footer. I used a template for my footer. Once the plugin is installed go to “wp-admin > Settings > Page Builder > BB Header Footer” to set it up.
Read all 18 reviews

Contributors & Developers

“Header Footer for Beaver Builder” is open source software. The following people have contributed to this plugin.


“Header Footer for Beaver Builder” has been translated into 3 locales. Thank you to the translators for their contributions.

Translate “Header Footer for Beaver Builder” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Improvement: WordPress 5.9 compatibility.


  • Improvement: WordPress 5.8 compatibility.


  • New: New: Users can now share non-personal usage data to help us test and develop better products.


  • Fix: Layout CSS/JS not rendering in some cases


  • Fix: Load CSS/JS of Header and Footer in <header> fixing flash of unstyled content.


  • Fix: Beaver Builder layout cache missing some of the static CSS and JS files.
  • Fix: When editing the header / footer the layout was being duplicated.


  • Fix: Menu module could not highlight the current menu item in the header template.
  • Improvement: Load the Header and Footer JS in the wp_qneueue_script. earlier this was loaded right where the shortcode is added.
  • Allow the plugin settings to be changed from child theme functions, This allows disabling and changing headers and footer per page from code.


  • New: Added support for the Astra WordPress theme – The Fastest, Most Lightweight & Customizable WordPress Theme.
  • Fix: Submenu hides behind the page content if sticky header is enabled.
  • Fix: Shrink header option breaking the aspect ratio of the images.
  • Fix: Transparent header and sticky header CSS is applied on the page even if custom header is not selected.


  • Fix: Hide the default footer in generatepress and genesis theme.


  • New: Added theme support for the primer theme and it’s child themes.
  • Improvement: Allow theme’s to declare support for the plugin in their code.
  • Improvement: Add header/footer on the page using Beaver Builders functions instead of adding via shortcodes.
  • Improvement: Shrink header option now shrinks the header a bit more leaving some padding in the row.


  • New: Sticky headers!


  • Fix: Transparent header not working in case of bb-theme.


  • New: Adds option to create transparent header.


  • Fix: duplicate


header> tag when using generatepress theme.


  • Initial release