Powered by Adobe Commerce 2.4.6


Header & Footer Builder

by Magezon


Back 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. 


Business Values 

  • 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.


Feature Highlights

  • 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
  • Compatibility 


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.


Sticky Headers

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:

Frontend  |  Backend 

Watch Video Now



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 Specifications

Back to top

Seller profile


Seller contact


Current Version


Adobe Commerce platform compatibility

Open Source (CE): 2.4 (current), 2.3 (obsolete)


Stable Build


06 July, 2022


Extensions, Content & Customizations, Personalization & Experience Management

Quality Report

Back to top

Installation & Varnish Tests


Coding Standard


Plagiarism Check


Malware Check


Marketing Review


Manual Testing


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 Notes

Back to top


  • Compatible with Open Source (CE) : 2.4
  • Stability: Stable Build
  • Description:

    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
  • Description:

    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
  • Description:

    First release on Magento Marketplace


Back 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

Q & A

Back to top


Back to top