Build custom headers and footers with Elementor. Includes display conditions, WooCommerce support, user role targeting, and announcement bars.

Jobair Hossain

<p><strong>BeePixel Header Footer Builder for Elementor</strong> lets you design and manage custom header and footer templates using the Elementor page builder. No coding required.</p>
<blockquote>
<p>💖 This plugin is free. If it helps your project, consider <a href="https://www.patreon.com/15986582/join" rel="nofollow ugc">supporting on Patreon</a>.</p>
</blockquote>
<h3>Template Types</h3>
<p>Create four types of templates:</p>
<ul>
<li><strong>Header</strong> — Replaces your theme’s default header</li>
<li><strong>Footer</strong> — Replaces your theme’s default footer</li>
<li><strong>Before Header</strong> — Adds a zone above the header (useful for announcement bars)</li>
<li><strong>After Footer</strong> — Adds a zone below the footer</li>
</ul>
<h3>Display Conditions</h3>
<p>Control where each template appears:</p>
<ul>
<li>Entire Website</li>
<li>Front Page / Homepage</li>
<li>All Singular Posts & Pages</li>
<li>All Posts</li>
<li>All Pages</li>
<li>All Archive Pages</li>
<li>Search Results</li>
<li>404 Error Page</li>
<li>WooCommerce Shop Page</li>
<li>WooCommerce Product Pages</li>
<li>WooCommerce Cart Page</li>
<li>WooCommerce Checkout Page</li>
</ul>
<h3>Exclude Specific Pages</h3>
<p>Enter page or post IDs to prevent a template from showing on specific pages.</p>
<h3>User Role Targeting</h3>
<p>Show templates based on user status:</p>
<ul>
<li>All Users</li>
<li>Logged In Users Only</li>
<li>Logged Out / Guest Users Only</li>
<li>Specific WordPress roles (Administrator, Editor, Subscriber, etc.)</li>
</ul>
<h3>Additional Options</h3>
<ul>
<li><strong>Canvas Template</strong> — Remove the theme wrapper for full-width Elementor designs</li>
<li><strong>Shortcode</strong> — Embed any template anywhere using <code>[bphfe_template id="POST_ID"]</code></li>
</ul>
<h3>Theme Compatibility</h3>
<p>Works with all WordPress themes including Astra, GeneratePress, OceanWP, Hello Elementor, Neve, Kadence, Blocksy, Storefront, and others.</p>
<h3>How to Use</h3>
<ol>
<li>Install and activate the plugin (Elementor must be active)</li>
<li>Go to <strong>BeePixel HFE</strong> in your WordPress dashboard</li>
<li>Click <strong>Add New</strong>, enter a name, and click <strong>Add New</strong></li>
<li>Design your template in Elementor</li>
<li>In the <strong>Template Settings</strong> meta box, set the template type and display conditions</li>
<li>Publish — your template is now live</li>
</ol>
<h3>Shortcode Usage</h3>
<p>Find the template post ID in the URL when editing (e.g. <code>post=123</code>), then use:</p>
<pre><code>[bphfe_template id="123"]
</code></pre>


Alternatives to BeePixel Header Footer Builder for Elementor

Top alternatives