Header Footer Builder – Custom Header & Footer for Elementor, Gutenberg & WooCommerce

Header Footer Builder is a free WordPress header and footer plugin that lets you create unlimited custom header and footer templates using Elementor or the Gutenberg block editor — and control exactly where each one appears with powerful display conditions.

Show a different header on your homepage, a minimal header on your WooCommerce checkout page, a unique footer on blog archives, or no header at all on landing pages. Every template gets its own include and exclude rules, so you decide precisely which header or footer appears on which page — no coding required.

🚀 Why Choose Header Footer Builder?

Most header footer plugins simply replace your theme’s default header and footer sitewide. Header Footer Builder goes further: every template has its own display conditions — include rules, exclude rules, and automatic priority matching — so different sections of your site can have completely different headers and footers.

• ✅ Unlimited header & footer templates — no limits, even in the free version
• ✅ Elementor support — design headers and footers visually with the Elementor page builder
• ✅ Gutenberg ready — full support for the native WordPress block editor
• ✅ Display conditions — target any page, post, custom post type, archive, search, or 404 page
• ✅ WooCommerce targeting — shop, single product, cart, checkout, and my account pages
• ✅ Include & exclude rules — show a header sitewide, then exclude specific pages
• ✅ Smart priority matching — the most specific rule always wins, automatically
• ✅ Lightweight & fast — one database query per page load, zero frontend bloat

🎨 Design Headers & Footers with Elementor

Header Footer Builder works seamlessly with Elementor, the world’s most popular WordPress page builder. Create a template, open it with Elementor, and design your custom header or footer with drag and drop — logos, navigation menus, buttons, search bars, social icons, anything Elementor can build.

You don’t need Elementor Pro to build a custom Elementor header or footer: design the template with the free version of Elementor, and Header Footer Builder handles where and when it appears through display conditions.

Prefer the block editor? Templates are standard WordPress custom posts, so Gutenberg works out of the box — and so does any other page builder that supports custom post types.

🎯 Display Conditions: The Right Header on the Right Page

Every header and footer template has its own conditions panel. Assign a template to appear on:

• Entire site — set a sitewide default header or footer
• Front page and blog index page
• Specific pages or posts — picked by name with live search
• All pages, all posts, or any custom post type
• Category archives, tag archives, or all archive pages
• Author archive pages
• Search results pages
• 404 error pages
• WooCommerce pages — shop, single product, cart, checkout, my account

Combine include rules with exclude rules for precise targeting. Example: show a header on the entire site, but exclude the WooCommerce checkout where a distraction-free header converts better.

⚡ Priority-Based Template Matching

When more than one template matches the same page, Header Footer Builder automatically picks the best one using a priority scoring system:

1. Specific page or post target — highest priority
2. Post type rules (all pages, all posts, all products…)
3. Archive and taxonomy rules
4. Sitewide catch-all — lowest priority

Your dedicated WooCommerce checkout header always beats the sitewide default. No manual ordering, no conflicts, no surprises.

🧩 Compatible with Popular Themes & Page Builders

• Elementor and Hello Elementor theme
• Gutenberg (WordPress block editor)
• Astra, GeneratePress, OceanWP, Kadence
• Any theme with standard header and footer template regions
• Any page builder that supports WordPress custom post types

💡 Popular Use Cases

• Landing pages — remove the header and footer for distraction-free, high-converting layouts
• WooCommerce stores — minimal checkout header to reduce cart abandonment
• Blogs & magazines — a unique header per category archive
• Membership & course sites — different navigation for different site sections
• Agencies & multi-brand sites — separate header branding per section
• Coming soon / maintenance pages — blank header override on a single page

🪶 Lightweight, Fast & Developer Friendly

• No external dependencies, frameworks, or third-party scripts
• Single efficient database query per page load for template matching
• Clean OOP PHP with PSR-style autoloading
• React-powered admin dashboard built on the WordPress REST API
• Fully hookable conditions-matching logic for developers

🔒 Privacy

Header Footer Builder does not collect, store, or transmit any personal data. No tracking, no external API calls, no ads inside your dashboard.

🗺️ What’s Coming Next

We’re actively developing new features based on user feedback:

• Sticky and transparent header options
• Device-specific display conditions (desktop / tablet / mobile)
• User-role based display conditions (logged in / logged out)
• Import & export templates

Have a feature request? Tell us in the support forum — we read every thread.