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, category, tag, archive, search, or 404 page
• ✅ WooCommerce targeting — single product, cart, and checkout 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, posts, categories, or tags — picked by name with live search
• All pages or all posts sitewide
• Category archives, tag archives, or all archive pages
• Author archive and date archive pages
• Search results pages
• 404 error pages
• WooCommerce pages — single product, cart, and checkout

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, post, category, or tag target — highest priority
2. Post type rules (all pages, all posts) and taxonomy archive rules
3. Special pages (404, search, blog index, front page, date/author archive)
4. Broad type rules (all singulars, all archives)
5. 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) and full-site-editing block themes
• Bricks builder
• 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
• Author & multi-contributor blogs — a distinct header on each author’s archive page
• Search-focused sites — a stripped-down, navigation-free header on search results pages

🪶 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 entirely on the WordPress REST API
• Translation-ready (.pot file included) for localizing the admin dashboard

👩‍💻 For Developers

Header Footer Builder’s admin dashboard runs entirely on custom REST API routes under the ultihefo/v1 namespace (template CRUD and display-condition storage), so header/footer templates and their conditions are scriptable from any REST client or external tool with the right permissions.

• ultihefo_demo_capability_check — a filter to change the capability required to manage templates and call the REST endpoints (defaults to manage_options)
• Templates are stored as a standard custom post type (uthf_header), and conditions are saved in a single post meta field — both readable with normal WordPress APIs (get_post, get_post_meta)
• No custom database tables — nothing to clean up, nothing non-standard to back up

🆚 How It Compares

• vs. your theme’s built-in header/footer — most themes give you one static header and footer for the whole site. Header Footer Builder lets you run unlimited templates with per-page, per-post-type, and per-archive targeting.
• vs. Elementor Pro’s Theme Builder — Elementor Pro’s header/footer conditions require a paid license. Header Footer Builder’s display-conditions engine (include/exclude rules with automatic priority matching) works with the free version of Elementor, at no cost.
• vs. hard-coding conditional logic in functions.php — no is_page() / is_product() checks to write or maintain in a child theme. Conditions are managed visually per template and survive theme switches.

🔒 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)
• Dedicated WooCommerce shop and my account page conditions
• Custom post type display conditions
• Import & export templates

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