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.

Pitabas

<p>The Header & Footer with Elementor plugin allows you to create custom Header and Footer with Elementor for your website.</p>
<h3>Features</h3>
<ul>
<li>Easily create a custom header/footer layout using Eelementor.</li>
<li>Users can easily assign the layout to the corresponding header and footer.</li>
<li>Currently this plugin only compatible with <a href="https://wordpress.org/themes/ascent/" rel="ugc">Ascent</a> theme.</li>
<li>Many more to come…</li>
</ul>


Header & Footer with Elementor

Customize Header & Footer using the Elementor page builder.

Aura Header Footer for Elementor vs Header & Footer with Elementor