Tazeen Ehsan

Header Footer Builder is a free WordPress plugin that lets you create unlimited custom header and footer templates and control exactly where each one appears — down to a specific page, post type, WooCommerce page, archive, or 404.
If you have ever needed a different header on your homepage, a simplified header on the WooCommerce checkout page, or a header-free landing page, this plugin gives you that control through a simple but powerful display conditions system — without touching a single line of code.
<h3>Why Header Footer Builder?</h3>
Most header and footer plugins let you swap out your theme’s default header and footer, but they treat your entire site as one. Header Footer Builder gives every template its own display conditions — include rules and exclude rules — so you can show a completely different header or footer on every section of your WordPress site.
<ul>
<li>Unlimited templates — no cap on the number of header or footer templates you create</li>
<li>Any page builder — works with the WordPress block editor (Gutenberg), Elementor, and any builder that supports custom post types</li>
<li>Target any page type — front page, blog index, specific pages or posts, WooCommerce pages, archives, 404, and more</li>
<li>Include and exclude rules — include a template sitewide and exclude it from specific pages</li>
<li>Priority-based matching — the most specific rule always wins automatically</li>
</ul>
<h3>Display Conditions: Show the Right Header on the Right Page</h3>
Every header and footer template has its own conditions panel. You can assign a template to appear on:
<ul>
<li>Entire site — use as a sitewide default header or footer</li>
<li>Front page and blog index page</li>
<li>Specific pages or posts — searched and selected by name in a live search field</li>
<li>All pages, all posts, or any custom post type</li>
<li>Category archives, tag archives, or all archive pages</li>
<li>Author archive pages</li>
<li>Search results pages</li>
<li>404 error pages</li>
<li>WooCommerce pages — shop, single product, cart, checkout, my account</li>
</ul>
Combine include rules with exclude rules to create precise targeting. For example: show a template on the entire site, but exclude it from the WooCommerce checkout page where you want a stripped-down header instead.
<h3>Priority-Based Template Matching</h3>
When more than one template could apply to the same page, Header Footer Builder uses a priority scoring system to automatically pick the best match:
<ol>
<li>Specific page or post target — highest priority</li>
<li>Post type (all pages, all posts, all products, etc.)</li>
<li>Archive or taxonomy rules</li>
<li>Sitewide catch-all — lowest priority</li>
</ol>
A dedicated WooCommerce checkout header will always take priority over the sitewide default. No manual sorting, no conflicts.
<h3>Compatible With Popular Page Builders and Themes</h3>
Design your header and footer content using the editor you already use:
<ul>
<li>Gutenberg (WordPress block editor) — supported out of the box</li>
<li>Elementor — supported via post type support</li>
<li>Any other page builder that works with WordPress custom post types</li>
</ul>
Tested and compatible with popular WordPress themes including Astra, GeneratePress, OceanWP, Kadence, and Hello Elementor.
<h3>Lightweight and Developer Friendly</h3>
<ul>
<li>No external dependencies — no bloated frameworks or third-party scripts</li>
<li>Single efficient database query per page load for template matching</li>
<li>Clean OOP PHP with PSR-style autoloading</li>
<li>React-based admin dashboard powered by the WordPress REST API</li>
<li>Fully hookable conditions matching logic</li>
</ul>
<h3>Use Cases</h3>
<ul>
<li>Landing pages — remove the header and footer entirely for a distraction-free layout</li>
<li>WooCommerce stores — show a minimal, focused header on cart and checkout pages</li>
<li>Blogs — unique header for each category archive</li>
<li>Membership sites — display different navigation for different sections</li>
<li>Multi-brand sites — different header branding per section of the site</li>
</ul>

Header Footer Builder – Custom Header and Footer for WordPress

Custom header and footer builder with display conditions. Show a different header or footer on any page, post, WooCommerce page, archive, or 404 — no  …

Joynal

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.
<h4>How It Works</h4>
<ol>
<li>Go to Aura HFE → Header Templates or Footer Templates.</li>
<li>Click Add New Header Template — a clean modal popup appears.</li>
<li>Set the template name, display condition, include/exclude pages, and sticky options.</li>
<li>Click Create — 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>Modal creation flow — configure everything before opening Elementor.</li>
<li>Separate Header & Footer pages — clean dedicated admin pages for each type.</li>
<li>Display Conditions — Entire Site, Front Page, Blog, Archives, Search, 404, All Singular, or Specific Pages.</li>
<li>Page Exclusions — hide a template on selected pages regardless of include rule.</li>
<li>Sticky Header — make any header sticky on scroll with optional slide animation.</li>
<li>Inline Active Toggle — enable/disable templates without leaving the list.</li>
<li>AJAX Delete — remove templates without a page reload.</li>
<li>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.</li>
</ul>
<h4>Theme Integration</h4>
Place these hooks in your theme to output templates:
<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>
Action hooks: <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>
Filter hooks: <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>
Add a custom display condition:
<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.

Header Footer Builder – Custom Header and Footer for WordPress vs Aura Header Footer for Elementor