Joynal

<p><strong>Aura Header Footer for Elementor</strong> lets you design custom headers and footers with Elementor’s full drag-and-drop editor, then control exactly where they appear using flexible display conditions.</p>
<h4>How It Works</h4>
<ol>
<li>Go to <strong>Aura HFE <span aria-hidden="true" class="wp-exclude-emoji">→</span> Header Templates</strong> or <strong>Footer Templates</strong>.</li>
<li>Click <strong>Add New Header Template</strong> — a clean modal popup appears.</li>
<li>Set the template name, display condition, include/exclude pages, and sticky options.</li>
<li>Click <strong>Create</strong> — you land directly in the Elementor editor.</li>
<li>Design your template, publish, and it’s live.</li>
</ol>
<h4>Key Features</h4>
<ul>
<li><strong>Modal creation flow</strong> — configure everything before opening Elementor.</li>
<li><strong>Separate Header & Footer pages</strong> — clean dedicated admin pages for each type.</li>
<li><strong>Display Conditions</strong> — Entire Site, Front Page, Blog, Archives, Search, 404, All Singular, or Specific Pages.</li>
<li><strong>Page Exclusions</strong> — hide a template on selected pages regardless of include rule.</li>
<li><strong>Sticky Header</strong> — make any header sticky on scroll with optional slide animation.</li>
<li><strong>Inline Active Toggle</strong> — enable/disable templates without leaving the list.</li>
<li><strong>AJAX Delete</strong> — remove templates without a page reload.</li>
<li><strong>Performance First</strong> — one DB query per template type per page, per-request memory cache, assets only loaded when a template is active on the current page.</li>
</ul>
<h4>Theme Integration</h4>
<p>Place these hooks in your theme to output templates:</p>
<pre><code><?php do_action( 'aura_hfe_header' ); ?>  — in `header.php`
<?php do_action( 'aura_hfe_footer' ); ?>  — in `footer.php`
</code></pre>
<h4>For Developers</h4>
<p><strong>Action hooks:</strong> <code>aura_hfe_loaded</code>, <code>aura_hfe_activated</code>, <code>aura_hfe_deactivated</code>, <code>aura_hfe_meta_saved</code>, <code>aura_hfe_template_created</code></p>
<p><strong>Filter hooks:</strong> <code>aura_hfe_header_hook</code>, <code>aura_hfe_footer_hook</code>, <code>aura_hfe_resolved_template</code>, <code>aura_hfe_template_matches</code>, <code>aura_hfe_include_rule_options</code>, <code>aura_hfe_evaluate_include_rule</code>, <code>aura_hfe_sticky_offset</code>, <code>aura_hfe_render_post_id</code>, <code>aura_hfe_cpt_args</code>, <code>aura_hfe_active_templates_query</code></p>
<p><strong>Add a custom display condition:</strong></p>
<pre><code>add_filter( 'aura_hfe_include_rule_options', function( $opts ) {
    $opts['woo_shop'] = __( 'WooCommerce Shop', 'your-domain' );
    return $opts;
} );

add_filter( 'aura_hfe_evaluate_include_rule', function( $result, $rule, $pages ) {
    if ( 'woo_shop' === $rule ) {
        return function_exists( 'is_shop' ) && is_shop();
    }
    return $result;
}, 10, 3 );
</code></pre>


Aura Header Footer for Elementor

Create custom headers and footers with Elementor, including display conditions and sticky header support.

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>


BeePixel Header Footer Builder for Elementor

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

Aura Header Footer for Elementor vs BeePixel Header Footer Builder for Elementor