Title: Header Footer Builder – Custom Header & Footer for Elementor, Gutenberg & WooCommerce Author: Tazeen Ehsan Published: July 27, 2025 Last modified: August 6, 2026 --- Search plugins ![](https://ps.w.org/ultimate-header-footer/assets/banner-772X250.png?rev=3610490) ![](https://ps.w.org/ultimate-header-footer/assets/icon-256X256.png?rev=3610490) # Header Footer Builder – Custom Header & Footer for Elementor, Gutenberg & WooCommerce By [Tazeen Ehsan](https://profiles.wordpress.org/tazeenehsan/) [Download](https://downloads.wordpress.org/plugin/ultimate-header-footer.1.0.6.zip) * [Details](https://sna.wordpress.org/plugins/ultimate-header-footer/#description) * [Reviews](https://sna.wordpress.org/plugins/ultimate-header-footer/#reviews) * [Installation](https://sna.wordpress.org/plugins/ultimate-header-footer/#installation) * [Development](https://sna.wordpress.org/plugins/ultimate-header-footer/#developers) [Support](https://wordpress.org/support/plugin/ultimate-header-footer/) ## Description **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](https://wordpress.org/support/plugin/ultimate-header-footer/)— we read every thread. ## Screenshots [⌊Dashboard listing all header and footer templates with type badges, status, and condition counts.⌉⌊Dashboard listing all header and footer templates with type badges, status, and condition counts.⌉[ Dashboard listing all header and footer templates with type badges, status, and condition counts. [⌊Display conditions modal with include and exclude rules and a sitewide option.⌉⌊ Display conditions modal with include and exclude rules and a sitewide option.⌉[ Display conditions modal with include and exclude rules and a sitewide option. [⌊Specific page and post selector with live search inside the conditions modal.⌉⌊ Specific page and post selector with live search inside the conditions modal.⌉[ Specific page and post selector with live search inside the conditions modal. [⌊Template builder using the native WordPress block editor.⌉⌊Template builder using the native WordPress block editor.⌉[ Template builder using the native WordPress block editor. [⌊A custom header designed with Elementor.⌉⌊A custom header designed with Elementor .⌉[ A custom header designed with Elementor. ## Installation #### Automatic Installation 1. Go to **Plugins Add New** in your WordPress admin. 2. Search for **“Header Footer Builder”**. 3. Click **Install Now**, then **Activate**. #### Manual Installation 1. Download the plugin zip file. 2. Go to **Plugins Add New Upload Plugin** and select the zip. 3. Install and activate. #### Creating Your First Header 1. Go to **Header Footer** in your WordPress admin sidebar. 2. Click **Add New** and choose Header or Footer. 3. Design the template with Elementor, the block editor, or your preferred page builder. 4. Click **Conditions** next to the template and add include/exclude rules. 5. Save — your custom header or footer is now live on the pages you selected. ## FAQ ### How do I create a custom header in WordPress without coding? Install Header Footer Builder, click **Add New** under the Header Footer menu, design your header with Elementor or the block editor, then set display conditions to choose where it appears. No code, no theme file edits, no child theme needed. ### Does this plugin work with Elementor? Yes. Header Footer Builder adds Elementor support to its templates, so you can design any header or footer visually with the free version of Elementor. The plugin handles the display conditions and decides which template loads on each page. ### Do I need Elementor Pro to build a header or footer? No. Elementor Pro’s Theme Builder is not required — Header Footer Builder provides the template system and display conditions itself, and works with the **free** version of Elementor. ### Does it work with the WordPress block editor (Gutenberg)? Yes. Templates are standard WordPress custom posts, so the Gutenberg block editor works out of the box with no extra configuration. ### Can I show a different header on my homepage? Yes. Create a header template, open **Conditions**, add an include rule for **Front Page**, and save. That template appears only on your front page. ### Can I show different headers on different pages? Yes. Create multiple header templates and give each its own display conditions. The plugin automatically picks the best-matching template for every page request. ### How do I hide the header or footer on a landing page? Create a blank template (no content), add an include rule for that specific page, and it overrides the default. You can also add an exclude rule to a sitewide template to remove it from selected pages. ### What happens if two templates match the same page? The plugin uses priority scoring: a rule targeting a specific page beats a rule targeting all pages, which beats a sitewide rule. If two templates still tie, the most recently published one wins. ### Does it support WooCommerce? Yes. Dedicated display conditions let you target single product pages, the cart, and checkout — perfect for a minimal checkout header that reduces cart abandonment. ### Can I target the WooCommerce shop page or my account page specifically? Not yet with a dedicated condition — those are on our roadmap. Today you can still control them indirectly (for example with a sitewide header and an exclude rule), and a template assigned to “All Pages” will apply if the shop page is a standard WordPress page. ### Can I create a different header for a custom post type like Portfolio or Products? Not with a dedicated rule yet — built-in condition types currently cover posts and pages sitewide, plus specific individual posts/pages/categories/tags. Support for arbitrary custom post types is planned. ### Which WordPress themes are supported? Tested with Astra, GeneratePress, OceanWP, Kadence, and Hello Elementor. It works with any theme that uses standard header and footer template regions. ### Will this plugin slow down my website? No. Template matching runs a single efficient database query per page load. There are no external API calls, no tracking scripts, and no unnecessary assets loaded on the front end. ### Is Header Footer Builder free? Yes — unlimited templates, all display conditions, Elementor and Gutenberg support, and WooCommerce targeting are all free. ### Can developers customize or extend this plugin? Yes. The admin dashboard is powered entirely by custom REST API routes under the` ultihefo/v1` namespace, templates are a standard custom post type, and conditions are stored in a single post meta field — all readable and writable with normal WordPress APIs. A `ultihefo_demo_capability_check` filter lets you change which capability is required to manage templates. ### Is Header Footer Builder translation-ready? Yes. The plugin ships with a `.pot` translation template, so the admin dashboard and frontend strings can be localized into any language using standard WordPress translation tools. ### Is multisite supported? The plugin works on standard WordPress installs. Network-wide multisite configuration is not yet supported. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Header Footer Builder – Custom Header & Footer for Elementor, Gutenberg & WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ Tazeen Ehsan ](https://profiles.wordpress.org/tazeenehsan/) [Translate “Header Footer Builder – Custom Header & Footer for Elementor, Gutenberg & WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/ultimate-header-footer) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/ultimate-header-footer/), check out the [SVN repository](https://plugins.svn.wordpress.org/ultimate-header-footer/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/ultimate-header-footer/) by [RSS](https://plugins.trac.wordpress.org/log/ultimate-header-footer/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.6 * Fix: Elementor-built headers and footers now render through Elementor’s frontend pipeline so their CSS and JS assets are properly enqueued. * Improvement: Added a “Header Footer Builder” quick link on the Plugins page that opens the plugin dashboard directly #### 1.0.5 * Docs: Corrected readme claims that didn’t match plugin behavior — WooCommerce targeting (shop and my account pages are not yet supported), custom post type conditions (not yet supported), and the “hookable conditions-matching” claim ( no hooks exist in that class) * Docs: Corrected minimum WordPress version to 5.9 (required by `wp_is_block_theme()`, used since 1.0.1) * Docs: Added a “For Developers” section documenting the real `ultihefo/v1` REST namespace and the `ultihefo_demo_capability_check` filter * Docs: Added a “How It Compares” section and expanded use cases and FAQs for better search visibility * Docs: Added Bricks builder to the compatible page builders list and noted translation- readiness (`.pot` file) #### 1.0.4 * Improvement: New Template modal now pre-selects Elementor as the editor when Elementor is active * Improvement: Templates are now managed entirely from the plugin dashboard — removed the duplicate admin menu and the Builder Type metabox from the post editor * Improvement: Simplified the dashboard type filter with a clearer “All” option * Improvement: Polished modal styling — custom select dropdowns, refined close button, better save button states, and responsive modal widths #### 1.0.3 * Fix: Compatibility with WordPress version 7.0 #### 1.0.2 * Added display conditions system with include/exclude rules * Priority-based template matching engine * Smart specifics search for pages, posts, categories, and tags * Conditions badge in dashboard showing rule counts * Improved dashboard UI with type badges and publish/unpublish controls * Fixed sanitization of condition rules in REST API #### 1.0.1 * Submission feedback fix #### 1.0.0 * Initial release * Basic header/footer template builder ## Meta * Version **1.0.6** * Last updated **12 hours ago** * Active installations **10+** * WordPress version ** 5.9 or higher ** * Tested up to **7.0.3** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/ultimate-header-footer/) * Tags * [custom header](https://sna.wordpress.org/plugins/tags/custom-header/)[elementor](https://sna.wordpress.org/plugins/tags/elementor/) [footer builder](https://sna.wordpress.org/plugins/tags/footer-builder/)[header builder](https://sna.wordpress.org/plugins/tags/header-builder/) [header footer builder](https://sna.wordpress.org/plugins/tags/header-footer-builder/) * [Advanced View](https://sna.wordpress.org/plugins/ultimate-header-footer/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/ultimate-header-footer/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/ultimate-header-footer/reviews/) ## Contributors * [ Tazeen Ehsan ](https://profiles.wordpress.org/tazeenehsan/) ## Support Issues resolved in last two months: 0 out of 1 [View support forum](https://wordpress.org/support/plugin/ultimate-header-footer/)