Beschreibung
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.
Rezensionen
Mitwirkende und Entwickler
„BeePixel Header Footer Builder for Elementor“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende
Übersetze „BeePixel Header Footer Builder for Elementor“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
1.0.1
- Fix: Header template now renders correctly in page body instead of head section
- Fix: Resolved CSS output appearing as raw text on frontend
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