Aura Header Footer for Elementor

Developer	Joynal
Version	v1.0.0
Active Installs	0 +
Requires / Tested	6.0 / 7.0
Last Updated	2026-05-19 7:29pm GMT
Official Link	View Details →

Aura Header Footer for Elementor 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.

How It Works

1. Go to Aura HFE → Header Templates or Footer Templates.
2. Click Add New Header Template — a clean modal popup appears.
3. Set the template name, display condition, include/exclude pages, and sticky options.
4. Click Create — you land directly in the Elementor editor.
5. Design your template, publish, and it’s live.

Key Features

• Modal creation flow — configure everything before opening Elementor.
• Separate Header & Footer pages — clean dedicated admin pages for each type.
• Display Conditions — Entire Site, Front Page, Blog, Archives, Search, 404, All Singular, or Specific Pages.
• Page Exclusions — hide a template on selected pages regardless of include rule.
• Sticky Header — make any header sticky on scroll with optional slide animation.
• Inline Active Toggle — enable/disable templates without leaving the list.
• AJAX Delete — remove templates without a page reload.
• Performance First — one DB query per template type per page, per-request memory cache, assets only loaded when a template is active on the current page.

Theme Integration

Place these hooks in your theme to output templates:

<?php do_action( 'aura_hfe_header' ); ?>  — in `header.php`
<?php do_action( 'aura_hfe_footer' ); ?>  — in `footer.php`

For Developers

Action hooks: aura_hfe_loaded, aura_hfe_activated, aura_hfe_deactivated, aura_hfe_meta_saved, aura_hfe_template_created

Filter hooks: aura_hfe_header_hook, aura_hfe_footer_hook, aura_hfe_resolved_template, aura_hfe_template_matches, aura_hfe_include_rule_options, aura_hfe_evaluate_include_rule, aura_hfe_sticky_offset, aura_hfe_render_post_id, aura_hfe_cpt_args, aura_hfe_active_templates_query

Add a custom display condition:

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 );