Hendridev

HDEV Header Footer for Elementor is a powerful and lightweight add-on that lets you replace your theme’s default header and footer with custom designs built entirely in Elementor.
Unlike other heavy alternatives, this plugin is strictly built to seamlessly integrate with Elementor’s modern Flexbox Container system and Atomic CSS Engine, ensuring pixel-perfect layouts and fast load times.
Features include: 
* Create fully custom Header and Footer templates. 
* Works seamlessly with Elementor’s drag-and-drop interface. 
* Full support for Elementor Flexbox Containers and Atomic CSS generation. 
* Built-in responsive Nav Menu widget with mobile off-canvas support. 
* Extremely lightweight and optimized for performance. 
* Conditional logic ready.

HDEV Header Footer for Elementor

Design custom headers and footers visually using Elementor's drag-and-drop builder.

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  …

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