Aura Header Footer for Elementor

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

1. Install and activate Elementor (free, v3.5.0+) first.
2. Upload the aura-header-footer-elementor folder to /wp-content/plugins/, or install directly via Plugins → Add New.
3. Activate the plugin through Plugins → Installed Plugins.
4. Navigate to Aura HFE in the WordPress admin sidebar.
5. Optionally add do_action('aura_hfe_header') and do_action('aura_hfe_footer') to your theme for hook-based rendering.

1.0.1

• Fixed css issue

1.0.0

• Initial release.