<h4>Announcement: My Header Footer now has Mega Menus and Dropdown Buttons!</h4>
<h4>With My Header Footer you can…</h4>
<ul>
<li>Build your own header using our intuitive content builder </li>
<li>Build your own footer using our intuitive content builder </li>
<li>Easy to configure using the new setup wizard </li>
<li>Remove your existing header or footer </li>
<li>Create amazing headers using Mega Menu’s, Dropdown buttons and much more! </li>
<li>Build complex menus, rows, columns, maps, sliders/carousels and many more modern web elements </li>
<li>Add icons to buttons, set hover styling and much more! </li>
<li>Unrestricted styling; set borders, colours, fonts, device-specific visibility and much more! </li>
</ul>
If you like this plugin, please leave us a good review and rating! Your feedback and suggestions will be highly appreciated.
<h3>Supported & Actively Developed</h3>
Need help with something? Have an issue to report? Please contact us <a href="https://www.visualdesigner.io/contact" rel="nofollow ugc">here</a> 🙂

My Header Footer

My Header Footer: Take back control of your header and footer.

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  …

My Header Footer vs Header Footer Builder – Custom Header and Footer for WordPress