OverviewBack to top
Header and footer blocks are usually used to display navigation, store switcher and currency, a search box or top prior links relating to desired pages. The Magento default headers and footers are somehow too basic.
They keep the same through all the pages of the site. Thus, they may reduce the joy of visitors while surfing the site that leads to the risk of leaving your site without placing an order. To prevent that risk, make your headers and footers more attractive! And Header & Footer Builder in Magento 2 is the tool you need.
- Enhance customers' experience: The customers will find it more interesting shopping around your site with beautiful headers and footers.
- Boost sales: The sales will be boosted after the user experience is enhanced. When you give them joy shopping at your site, they will feel comfortable to shop more.
- Save time & money: As there's no code needed to configure, no technical employee needs to be hired. Design the headers and footers by yourself, in minutes with the intuitive drag and drop interface.
- Easily Design Headers & Footers
- Unique Headers & Footers for Each Page
- Display Perfectly in Any Device
- Headers & Footer Templates
- Drag & Drop Builder
- 22+ Elements Supported
- Powerful Customizable Options
- Sticky Headers
- Create Unlimited Headers and Footers
- Support Multiple Stores and Languages
Easily Design Headers & Footers
Design your headers and footers in the backend with no limit. Forget about changing code, just drag and drop logo, menu, mini cart, etc to change the layout. Customize elements’ colors to fit your theme style.
Unique Headers & Footers For Each Page
Configure one default header and footer as a global setting. Not all, it’s able to set different headers and footers for specific pages such as CMS page, Product page, and Category page.
Display Perfectly In Any Device
Create fully responsive headers and footers and control their look through multiple devices. Not only that, we support you with options to preview the responsiveness directly from your editor.
Header & Footer Templates
Have no idea for creating a new header or footer? No need to worry, just select from dozens of pre-made online templates and customize them your way. This helpful feature helps save a lot of time.
Drag & Drop Builder
Creating headers and footers have never been easier! Just drag and drop elements to build headers and footers within minutes. Live Preview mode helps save your time configuring. See the changes made instantly right from the backend with WYSIWYG editor.
22+ Elements Supported
Header & Footer Builder comes with 22+ content elements from logo, mini cart, top navigation and so on. Simply add elements with a single click and drag and drop them to the order you want. Also, you can customize, duplicate, copy/paste, replace or remove them easily.
Powerful Customizable Options
Change headers and footers’ look with Design Options tab. Design the elements’ color using the palette to fit your site style. Set borders, margins, paddings, border radius and background without writing any line of code. What more, configure the headers and footers layout via different devices. This way, your site will be displayed perfectly on any screen.
Turn on the sticky header mode with the simple switching button. This way, your Headers are stuck to the top, let them appearing no matter the page is scrolling or not.
Create Unlimited Headers & Footers
The only limitation of Header & Footer Builder is your imagination. Create as many headers or footers as you want and save them for your later use. Whenever you would like to use a specific header for individual pages, it’s ready on your list.
Support Multiple Stores & Languages
The more language preferences your site gets, the more convincing it will be. This extension lets you easily create headers & footers in different languages.
100% Compatible With
- Porto Theme
- Ultimo Theme
- Page Builder
Demo & Video
To experience the extension first-hand, please follow the links below:
1. Installation Instruction?
To install this extension, please refer to Header & Footer Builder Installation Guide for detailed instructions. It will take you just a few minutes to install our extension.
2. Is the source code encrypted?
All of our products are open source. Thus, the source code is customizable. Edit the code yourself to meet the demands or just contact us for further helps with complex requirements.
3. Why should I use Headers & Footer Builder?
Our Headers & Footer Builder helps design your Magento header & footer fast and easily. With the help of intuitive drag and drop interface, you can design the headers and footers without coding skills. There’s no limitation, customize them to fit your site style. Not all, save even more time with online templates. Along with general headers and footers applied for the global system, it’s able to set different headers and footers for specific pages.
4. How does it work?
As said previously, Headers & Footer extension comes with drag and drop interface. Thus, you just have to drag and drop items from this to that in the editor to shape your Magento headers, footers. While configuring, see the result right from the backend with the preview mode. If you want to custom them by the way coders do, go ahead. Headers & Footers Builder is an open-source extension, customize it your way and make your headers, footers as attractive as possible.
5. Is it able to adapt to other themes of Magento except for the default one?
It works with all themes which respect the coding standards of Magento. Even it's Ultimo or Porto theme, change the themes as often as you like.
6. Does it work well with other Magento extensions?
It works well with all 3rd party extensions of Magento. If you experience any incompatibility issue of Headers & Footers Builder, feel free to contact our support team.
Technical SpecificationsBack to top
Adobe Commerce platform compatibility
Open Source (CE): 2.4 (current), 2.3 (obsolete)
06 July, 2022
Extensions, Content & Customizations, Personalization & Experience Management
Quality ReportBack to top
All tests were conducted on the latest versions of Adobe Commerce that existed for the compatible release lines at the moment of the extension submission. Latest versions of all other software were used, as applicable.
Release NotesBack to top
- Compatible with Open Source (CE) : 2.4
- Stability: Stable Build
Release a new version for Magento 2.4.4 and PHP 8.1
- Compatible with Open Source (CE) : 2.3 2.4
- Stability: Stable Build
A new version available to use with both of Magento CE 2.3.x and 2.4.x versions.
- Compatible with Open Source (CE) : 2.3
- Stability: Stable Build
First release on Magento Marketplace
SupportBack to top
The best place to start if you need help with a specific extension is to contact the developer. All Adobe Commerce developers have both a contact email and a support email listed.Contact Vendor