Description
BeePixel Header Footer Builder for Elementor lets you design and manage custom header and footer templates using the Elementor page builder. No coding required.
💖 This plugin is free. If it helps your project, consider supporting on Patreon.
Template Types
Create four types of templates:
- Header — Replaces your theme’s default header
- Footer — Replaces your theme’s default footer
- Before Header — Adds a zone above the header (useful for announcement bars)
- After Footer — Adds a zone below the footer
Display Conditions
Control where each template appears:
- Entire Website
- Front Page / Homepage
- All Singular Posts & Pages
- All Posts
- All Pages
- All Archive Pages
- Search Results
- 404 Error Page
- WooCommerce Shop Page
- WooCommerce Product Pages
- WooCommerce Cart Page
- WooCommerce Checkout Page
Exclude Specific Pages
Enter page or post IDs to prevent a template from showing on specific pages.
User Role Targeting
Show templates based on user status:
- All Users
- Logged In Users Only
- Logged Out / Guest Users Only
- Specific WordPress roles (Administrator, Editor, Subscriber, etc.)
Additional Options
- Canvas Template — Remove the theme wrapper for full-width Elementor designs
- Shortcode — Embed any template anywhere using
[bphfe_template id="POST_ID"]
Theme Compatibility
Works with all WordPress themes including Astra, GeneratePress, OceanWP, Hello Elementor, Neve, Kadence, Blocksy, Storefront, and others.
How to Use
- Install and activate the plugin (Elementor must be active)
- Go to BeePixel HFE in your WordPress dashboard
- Click Add New, enter a name, and click Add New
- Design your template in Elementor
- In the Template Settings meta box, set the template type and display conditions
- Publish — your template is now live
Shortcode Usage
Find the template post ID in the URL when editing (e.g. post=123), then use:
[bphfe_template id="123"]
Installation
- Go to Plugins > Add New and search for BeePixel Header Footer Builder for Elementor
- Click Install Now, then Activate
- Ensure Elementor is installed and active
- Go to BeePixel HFE in the admin menu to get started
Or upload manually via Plugins > Add New > Upload Plugin.
FAQ
-
Does this require Elementor Pro?
-
No. The free version of Elementor is sufficient.
-
Can I create multiple headers for different pages?
-
Yes. Create as many templates as needed and assign display conditions to each one.
-
Does it work with WooCommerce?
-
Yes. Display conditions include Shop, Product, Cart, and Checkout pages.
-
Can I show different headers for logged-in and logged-out users?
-
Yes. Use the User Role condition to target specific user types.
-
How do I exclude a page from a template?
-
Enter the page ID in the Exclude field inside the Template Settings meta box.
-
Is it compatible with caching plugins?
-
Yes. Compatible with WP Rocket, W3 Total Cache, WP Super Cache, LiteSpeed Cache, and others.
-
What themes does it support?
-
All WordPress themes. Works with Astra, GeneratePress, OceanWP, Hello Elementor, and others.
-
What is the shortcode for embedding a template?
-
Use
[bphfe_template id="POST_ID"]where POST_ID is the ID of your template.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“BeePixel Header Footer Builder for Elementor” is open source software. The following people have contributed to this plugin.
Contributors
Translate “BeePixel Header Footer Builder for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release
- Header, Footer, Before Header, and After Footer template types
- 12 display conditions including full WooCommerce support
- User role targeting
- Exclude specific pages by ID
- Elementor Canvas Template support
- Shortcode support: [bphfe_template id=”123″]
- Compatible with all major WordPress themes