If you build WordPress sites with Elementor, you already know the pain: your theme’s header and footer editor is either non-existent, painfully limited, or locked behind a full page-builder subscription you don’t need. You just want to design a header (logo, menu, maybe a button) visually, without hacking theme files or writing PHP.
That’s exactly why I built Qreative Header Footer Designer, a free Elementor plugin that lets you design custom headers, footers, and other template areas visually, and lets you decide exactly where each one appears.
And for sites that need more, mega menus, popups, off-canvas panels, and granular targeting, there’s a Pro add-on that unlocks all of it without leaving Elementor.
Here’s a full look at what it does.
Why a dedicated header & footer builder?
Most classic WordPress themes hard-code the header and footer. If you want to change the layout, adjust spacing, or add a search icon, you’re either digging through theme files or hoping the theme’s built-in customizer options cover it.
Elementor solves this beautifully for page content, but not every theme extends that same visual control to the header and footer. Qreative Header Footer Designer fills that gap: you create a template, design it in Elementor like any other page, and tell WordPress where it should appear.
What’s in the free plugin
The free version is genuinely usable on its own, no artificial limits pushing you to upgrade before you’ve built anything.
Build custom headers and footers
Design headers, footers, and other template areas visually with Elementor. No custom code, no editing theme files.
Flexible display conditions
Decide exactly where a template shows up, site-wide, or on specific WordPress contexts like the front page, blog, pages, posts, archives, search results, or 404 pages, with include and exclude rules.
Sticky headers
Keep navigation visible as visitors scroll, so key links and calls to action stay within reach on longer pages. Simply enable sticky headers with one click.
Advanced navigation widget
A responsive menu widget with full control over colors, spacing, typography, submenu indicators, animations, and hover or click interactions, for both desktop and mobile.
Essential header widgets
Dedicated widgets for your site logo, WordPress navigation menu, and a search overlay, all of which you can combine freely with any other Elementor widget.
Multilingual support
Built-in compatibility with WPML and Polylang, so multilingual sites can have translated headers and footers per language.
What Pro adds
Once you need more than a header and a footer, Pro is where things get interesting. It turns the plugin into a full site-element builder.
Mega menu builder
Design rich mega menu layouts in Elementor and assign them directly to individual WordPress menu items, ideal for shops with many categories, service businesses with multiple offerings, or any site with a menu that needs more than a dropdown list.
Below are a few examples of designed mega menus, the possibilities are endless.
Off-canvas panel builder
Build slide-out panels for navigation, contact info, promotions, or custom content, and trigger them with the Overlay Trigger widget.
Modal & popup builder
Design popups visually in Elementor and trigger them manually, after a time delay, at a scroll percentage, or on exit intent, useful for newsletter signups, announcements, or promotions.
Advanced display conditions
Go beyond the free version’s page and post targeting with rules for custom post types, WooCommerce products, shop archives, product categories, and product tags.
Advanced sticky header effects
Add an adjustable trigger offset and a reversed sticky behavior, so the header can hide on scroll down and reappear on scroll up.
Reusable sections
Create a piece of Elementor content once and reuse it anywhere with a dedicated widget or a shortcode. Handy for CTAs, banners, or contact blocks that repeat across a site.
WooCommerce mini cart
A customizable slide-out shopping cart showing product details, quantity, subtotal, and checkout buttons, right from the header.
Customizable overlays and panels
Fine-tune overlay behavior, panel position and dimensions, backdrop color, blur effects, close button styling, animations, and responsive settings across mega menus, off-canvas panels, and popups.
How it works
Getting started takes three steps:
1. Create a template post: click Add New Template to start a new header, footer, or other template.
2. Choose where it should appear: pick from clear display condition options.
3. Design it in Elementor: build the layout using Elementor’s page builder, just like you would a regular page.
Who it’s for
This plugin is built for classic WordPress themes that don’t already ship with their own full-site header and footer builder. If your theme relies on the WordPress Site Editor (a block theme), compatibility may vary, since block themes handle headers and footers differently. If you’re running a classic theme and want Elementor-level control over your site chrome, this is built for exactly that.
It also plays well with WooCommerce, you can target WooCommerce content with display conditions and, in Pro, add a slide-out mini cart to your header.
Pricing
The core plugin is free, full stop, no trial period, no feature countdown. When you’re ready for mega menus, popups, off-canvas panels, and advanced conditions, Pro is available as an annual license:
✅ Single — $39/year for 1 site
✅ Freelancer — $79/year for up to 5 sites
✅ Unlimited — $149/year for unlimited sites
All plans include a year of updates and support, and every purchase is backed by a 14-day money-back guarantee.
Get started
Download the free plugin from the WordPress.org repository and start building your header and footer today. If you find yourself wanting mega menus, popups, or more precise targeting down the line, Pro is a straightforward upgrade, no need to rebuild anything you’ve already made.
