Create Header, Footer and Mega menu for your WordPress website using Elementor Page Builder for free.

Md. Abu Bakkar Siddik

Md Rashedul islam Siraji

Turbo Addons

Md Rabiul Alam

Md Shariful Islam

Header Footer Builder for Elementor

Header Footer Builder for Eelementor for WordPress & WooCommerce. Beginner-friendly, eCommerce-ready, optimized and fully compatible Plugin.

Pitabas

Header & Footer with Elementor

Customize Header & Footer using the Elementor page builder.

Jobair Hossain

BeePixel Header Footer Builder for Elementor

Build custom headers and footers with Elementor. Includes display conditions, WooCommerce support, user role targeting, and announcement bars.

dylan ngo

ptp96

<blockquote>
<p>Create Header and Footer for your site using Elementor Page Builder for Free.</p>
</blockquote>
<p>Boostify Header Footer Builder for Elementor is a powerful plugin that allows you to create<br />
– Header<br />
– Footer</p>
<h3>Pick Display Locations</h3>
<p>A custom header & footer can be displayed on a specific page or all the pages from the custom field.</p>
<h4>Built-in widgets</h4>
<p>Not like other plugins, the plugin gives the built-in widgets for the header so You don’t need to install any 3rd party plugin for the add-on widget</p>
<ul>
<li><strong>Logo</strong> – Automatically get a logo from the customizer. You can even set a custom image as a logo with a custom link and caption.</li>
<li><strong>Nav Menu</strong> – Offers you list of already created menus on your website. You just need to choose the required one. </li>
<li><strong>Nav Mega Menu</strong> – Support to build Mega menu. </li>
<li><strong>Site Search</strong> – Create a search widget, it support 2 layouts: icon search and form search </li>
<li><strong>Retina Logo</strong> – Add Retina image for retina display </li>
<li><strong>Copyright</strong> – Support copyright shortcode for the footer [btf_year] [btf_site_tile][btf_site_tile] </li>
<li><strong>Menu Cart</strong> – Support cart icon when using WooCommerce </li>
</ul>
<h3>Sticky Header</h3>
<p>Build a sticky header is easily with the plugin. It offers enabling the sticky in mobile, tablet or desktop.<br />
Uploading custom logo for sticky menu, change the background menu, all can be done via Elementor.<br />
<a href="https://www.loom.com/share/c069549ad20a41729cb43da1e3ab5e0a" rel="nofollow ugc">View Tutorial</a><br />
<a href="https://filmic.boostifythemes.com/" rel="nofollow ugc">View Demo</a></p>
<h3>Mega Menu</h3>
<p>Build a mega menu is easily with Elementor. Go to Boostify Header Footer builder -> Add new, in Type, select ‘sub mega menu’ option.<br />
Then build this sub mega menu.<br />
To add it to the header layout, in the header builder, select Nav mega menu, in this widget, select sub mega menu that’s in step one.<br />
<a href="https://www.loom.com/share/ff726f36bec64d67adcd78d63b8243c4" rel="nofollow ugc">View Tutorial</a><br />
<a href="https://boostifythemes.com/demo/wp/apar/" rel="nofollow ugc">View Demo</a></p>
<h3>Verticle Menu button (support mega menu)</h3>
<p>This widget helps create a button that click to show a vertical menu layout.<br />
To add it to the header layout, in Elementor, select Vertical menu button<br />
<a href="https://boostifythemes.com/demo/wp/apar/" rel="nofollow ugc">View Demo</a></p>
<h3>Work With All Themes</h3>
<p>Boostify Header Footer Builder for Elementor works with all themes. For some themes, that use action/filter in the header.php, you can intergrade it with a hook.</p>
<h3>Support WooCommerce</h3>
<p>Create a cart icon is supported on the header. It offers 2 layout for the cart content such as mini cart and sidebar cart.<br />
It also supports Ajax add to cart feature</p>
<h3>Getting Started:</h3>
<p>Let’s get you started</p>
<ul>
<li>Step #1: <span aria-hidden="true" class="wp-exclude-emoji">→</span> Visit Dashboard > Boostify Header Footer Builder and click on the ‘Add New’.</li>
<li>Step #2: <span aria-hidden="true" class="wp-exclude-emoji">→</span> Select ‘Type of Template’ (header/footer). Choose the Display On (Page, custom post type, archive)</li>
<li>Step #3: <span aria-hidden="true" class="wp-exclude-emoji">→</span> Publish it.</li>
<li>Step #4: <span aria-hidden="true" class="wp-exclude-emoji">→</span> Edit & design it with Elementor</li>
<li>Step #5: <span aria-hidden="true" class="wp-exclude-emoji">→</span> Save it!</li>
</ul>
<h3>Privacy Policy</h3>
<p>Boostify Header Footer Builder for Elementor uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.</p>
<p>Appsero SDK <strong>does not gather any data by default.</strong> The SDK only starts gathering basic telemetry data <strong>when a user allows it via the admin notice</strong>. We collect the data to ensure a great user experience for all our users.</p>
<p>Integrating Appsero SDK <strong>DOES NOT IMMEDIATELY</strong> start gathering data, <strong>without confirmation from users in any case.</strong></p>
<p>Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.</p>
<h3>License</h3>
<p>GNU GPL v2.0.</p>


Alternatives to Boostify Header Footer Builder for Elementor

Top alternatives