Header Footer Builder for Elementor
Looking for the easiest way to create custom header and footer in Elementor? Turbo Header Footer Builder for Elementor is the ultimate free solution to design, customize, and control your website’s header and footer without touching a single line of code. Get Advanced Features for Modern Website Design — Explore Turbo Addons For Elementor Whether you’re building a business site, eCommerce store, or personal blog, this plugin gives you complete control over your header and footer designs — directly inside Elementor’s drag-and-drop editor. Why Choose Turbo Header Footer Builder For Elementor? User-Friendly: Designed for beginners and advanced users alike No coding required — design entirely in Elementor Works with both Elementor Free and Elementor Pro Advanced conditional display rules for different pages. Lightweight, SEO-friendly, and performance optimized Key Features Essential Elementor Widgets for Header and Footer Builder Navigation Menu Widget – Build fully customizable menus with dropdowns, hover effects, and responsive controls. Site Logo Widget – Display dynamic site logo with custom link, width controls, and responsive options. Icon Button Widget – Create modern icon-based buttons with full styling controls. Top Bar Widget – Add contact info, social icons, announcements, or custom text in a stylish top bar. Copyright Widget – Add footer copyright text with dynamic year, company name, and full typography & styling options. Header Builder Customizable Header Templates: Design fully customizable headers using Elementor’s drag-and-drop interface. Display Conditions: Define when and where your header should appear on different pages, posts, or custom post types. Global or Page-Specific Headers: Set headers globally across the site or assign them to specific pages. Header Style Options: Customize the header style, including background color, fonts, spacing, and more. Live Editing and Preview: Use Elementor’s live preview to make real-time changes to your header. Exclude Header from Specific Pages: Choose pages where the header should not appear, giving you granular control over your site’s design. Sticky Header: Make your header sticky to remain at the top of the page when scrolling. Scroll Animation: Add animation effects to headers that stay at the top while scrolling. Edit Display Conditions: After creating the header template, you can easily edit the display conditions from the template list by clicking the Edit Condition button. Footer Builder Customizable Footer Templates: Create fully customizable footer layouts using Elementor’s drag-and-drop interface. Conditional Display Rules: Define when and where your footer should appear, including options to target specific pages, posts, or user roles. Multiple Footer Layouts: Choose from various footer layouts to quickly set up your footer or create one from scratch. Global and Page-Specific Footers: Easily set footers globally or assign them to specific pages, post types, or custom post types. Preview and Live Editing: Use Elementor’s live preview feature to make adjustments and see changes in real-time. The Footer Builder gives you complete control over your footer’s design, layout, and visibility, all from within the intuitive Elementor interface. Visual Dashboard Features (Based on Plugin UI) Your header footer builder managed in a simple modal-based interface directly inside WordPress: Quick Create Modals — Create headers or footers without leaving the template list screen. Include Pages Selector — Choose individual pages or “Select All” for global use. Display Conditions Dropdown — Choose where the header/footer appears: Entire Site All Blog Posts All Archive Pages All WooCommerce Products (only appear when woocommerce installed) All WooCommerce Pages (only appear when woocommerce installed) Exclude Pages Selector — Exclude specific pages where the design shouldn’t appear. Header Style Options: Make Header Sticky Enable Scroll Animation Inline Editing — Update conditions instantly from the “Edit Conditions” modal without rebuilding templates. This visual system ensures fast setup and easy customization for all WordPress users — even beginners. Benefits of Using Turbo Header Footer Builder Completly Free: Unlocked all advance features completly free Save Time: Quickly create custom header and footer in Elementor without coding. Boost Performance: Optimized for speed and minimal resource usage SEO Friendly: Clean, semantic HTML output for better search rankings Responsive Design: Looks great on all devices Regular Updates: Continuous improvements and new features Active Support: Get help from our dedicated support team Extensive Documentation: Comprehensive guides and tutorials available Installation Steps Log into your WordPress admin dashboard Navigate to Plugins > Add New In the search bar, type “Header Footer Builder for Elementor” Click Install Now next to the plugin After installation, click Activate to enable the plugin How to Create Custom Header and Footer in Elementor Creating a Custom Header Go to Turbo H&F Builder > Header Templates Click Add New Header Template Enter a name for your header template. Select the page if the header is for a specific page, or leave it if it applies globally. Set display conditions for pages or post types. Select pages to Exclude the header from if needed, or leave it blank to apply globally. Mark the checkbox to Set the Header Style for Sticky or Scroll Animation you can select both Click the Create button; you will be redirected to the Elementor editor Use Elementor’s drag-and-drop interface to create your header template Creating a Custom Footer Go to Turbo H&F Builder > Footer Templates – Click Add New Footer Template – Enter a name for your Footer template. – Select the page if the header is for a specific page, or leave it if it applies globally. – Set display conditions for pages or post types. – Select pages to Exclude the header from if needed, or leave it blank to apply globally. – Click the Create button; you will be redirected to the Elementor editor – Use Elementor’s drag-and-drop interface to create your footer template Conditional Display Rules Set up smart display rules for your headers and footers: Page Types: Home, Blog, Single Post, Archive, etc. Custom Post Types: Specific headers for products, services, etc. Device Types: Mobile-specific or desktop-specific designs Date/Time: Seasonal or time-based header changes Performance & Compatibility Optimized for Speed: Minimal CSS/JS, clean HTML output Compatible With: Elementor (Free & Pro) WooCommerce All major WordPress themes WPML & Polylang Getting Help: Documentation: Visit our comprehensive documentation Support Forum: Get help from our community Email Support: Contact our support team directly Video Tutorials: Step-by-step video guides Frequently Asked Questions (FAQ) Q: Do I need Elementor Pro to use this plugin? A: No, this plugin works with both the free and Pro versions of Elementor. Q: Can I use different headers for different pages? A: Yes, you can create multiple header templates and set conditional display rules for different pages or page types. Q: Does the plugin affect my website’s performance? A: No, the plugin is optimized for performance and includes caching features to ensure fast loading times. Q: Can I create a sticky header using this plugin? A: Yes, you can enable the sticky header feature to keep the header fixed at the top as users scroll down the page. Q: Can I add animations to my header? A: Yes, the plugin supports scroll animations for headers, adding dynamic effects when users scroll down the page. Q: How can I edit the display conditions of my header/footer? A: After creating your header or footer template, you can edit the display conditions by clicking the Edit button from the template list. 1.2.4 Fix : Plugin tested up to date wp version 7.0 1.2.3 Fix : Removed “Requires Plugins: elementor” header that was causing auto-deactivation on sites where Elementor was temporarily inactive. Fix : Corrected “Tested up to” version. 1.2.2 Bug Fix : Fixed Elementor V4 atomic/flexbox element styles not rendering on frontend (header & footer). Bug Fix : Create modal now shows “Header Name” or “Footer Name” dynamically. 1.2.1 Security Fix : Restricted all template management actions (create, edit, delete, conditions) to Administrators only (manage_options capability). Previously accessible to Contributors. Removed : Removed import and export template features. Bug Fix : Fixed Elementor V4 atomic/flexbox element styles not rendering on frontend. Bug Fix : Create modal now shows “Header Name” or “Footer Name” dynamically. 1.2.0 New Features : Added Plugin Dashboard for make the header and footer more easiar 1.1.8 Updated : Update the page conditional logic. Update : Update the minimum version of wordpress is 4.7.0 1.1.7 Update : Updated the footer render logic for archive page 1.1.6 Improved: Improved header Flickering & load issues. Update : Updated the menu widgets for more customization. 1.1.5 Enhanced: Improved theme compatibility with Astra, OceanWP, and other popular themes Security: 100% WordPress coding standards compliance with proper nonce verification Security: Enhanced input sanitization for all AJAX handlers Performance: Conditional asset loading reduces JavaScript by 30-50% when only footer templates are used Performance: Database query optimization with smart caching (70% fewer queries) Performance: Modern JavaScript with requestAnimationFrame for smoother animations Improved: Independent sticky header and scroll animation features – each works on its own Improved: Better CSS specificity with inline style fallbacks for animation reliability Code: Re-enabled caching for optimal performance 1.1.4 Update the loading time Ferformance Improved 1.1.3 Enhanced: Added “Select All” checkbox functionality for Include Pages and Exclude Pages in header creation modal Improved: Better page selection UX with individual checkboxes for all available pages (About, Contact, HOME, Portfolio, Portfolio Details, Shop) Feature: Complete page targeting control with both include and exclude options for precise header display management 1.1.2 Performance: Instant modal loading with pre-cached data (no AJAX delay) Performance: No page reload after saving – instant updates UX: Real-time save feedback with “Saving…” and “✓ Saved” states Fix: Mobile menu z-index – dropdown now appears above content Fix: Header z-index when sticky/animation disabled Fix: Elementor preview mode rendering for templates Security: Enhanced nonce verification 1.1.1 Fix: Solved error with header/footer templates not rendering in Elementor preview mode—no more blank headers/footers when editing templates. Bug: Fixed Elementor preview mode rendering issue for header/footer templates in this version. 1.1.0 Fix: Ensure selected pages in the Header “Include/Exclude” modal are visibly highlighted in the Select2 dropdown inside admin modals. Fix: Keep Select2 multi-selects open after selecting items (closeOnSelect: false) so users can pick multiple pages without the dropdown closing. Fix: Append Select2 dropdowns to the modal using dropdownParent to avoid styling/position conflicts when the dropdown is rendered outside the modal. Fix: Add CSS fallback to force a clear highlight and checkmark for selected options in the Select2 dropdown. Docs: Updated changelog to reflect UI and UX fixes for header condition modals. 1.0.9 Fix: Allow plugin header/footer to render inside Elementor editor for normal pages so editor shows correct header/footer. Fix: Skip plugin header/footer rendering on pages using the Elementor Canvas layout (prevents plugin injection on Canvas pages). Maintenance: Minor code improvements and safety checks for Elementor preview handling. 1.0.8 Fixed — Duplicate Header Issue – Resolved conflict causing duplicate header output and blank space on some themes. Improved — Hook Conflict Prevention – Removed redundant wp_body_open hook to prevent header rendering conflicts. Optimized — Cleaner Code Execution – Reduced duplicate function calls for better performance. 1.0.7 Improved — Faster Header Display – The header now loads earlier on the page, reducing flicker and layout shifts. Improved — Smoother Elementor Loading – Elementor styles and scripts are loaded sooner to ensure the header appears correctly without delay. 1.0.6 Simplify: Simplified the duplication code for make the plugin more compitable 1.0.5 Added: Promotional notice encouraging users to try Turbo Addons for Elementor Improved: Header/Footer condition logic for more accurate template assignment Fixed: Compatibility warnings with the latest versions of Elementor and WordPress 1.0.4 Added: Navigation Menu widget Added: Button widget Added: Top Bar widget Added: Copy Right widget Added: Site Logo widget Improved: Asset loading system for better performance Fixed: Minor PHP warnings and improved escaping 1.0.3 Added: Recommendation notice suggesting installation of the Turbo Addons for Elementor plugin to access the WordPress Nav Menu widget for creating headers and footers. 1.0.2 Added: Video tutorial for how to create header and footer in Elementor using the Header Footer Builder for Elementor plugin. 1.0.1 Fixed: Icons (Font Awesome / Elementor icons) not displaying on frontend. Improved: Rendering logic for Elementor templates to ensure icons display correctly. 1.0.0 Initial release with header and footer builder functionality. Integration with Elementor drag-and-drop interface. Conditional display rules system. Responsive design support. License Turbo Header Footer Builder for Elementor is licensed under the GNU General Public License v3 or later. Credits Developed by TurboAddons team with contributions from the WordPress community. Transform your website’s header and footer with Turbo Header Footer Builder for Elementor – the ultimate solution for custom header and footer design!
Top keywords
- header74×3.53%
- footer48×2.29%
- elementor46×2.19%
- pages27×1.29%
- display18×0.86%
- fix18×0.86%
- header footer17×0.81%
- builder15×0.71%
- page15×0.71%
- improved14×0.67%
- template14×0.67%
- performance13×0.62%
The Plus Addons for Elementor – Addons for Elementor, Page Templates, Widgets, Mega Menu, WooCommerce
The Plus Addons for Elementor is the powerful extension for Elementor Website Builder with 120+ Powerful Widgets & Extension, 1000+ Elementor Templates. One Elementor Addon to replace multiple WordPress Plugins. Packed with Blog Website Builder, WooCommerce Store Builder, Mega Menu for Elementor, Grid Builder for Elementor, Popup Builder for Elementor, Header Builder for Elementor and more. VIEW ALL ELEMENTOR WIDGETS DEMO — Visit Website | Video Tutorials| Documentations | Roadmap | Join Facebook Community | Free Support | Premium Support | Compare FREE vs PRO | AI Chat (Instant Answers) Complete Elementor Addon Features Explained Under 4 Mins Watch Now 👑 What Makes This Elementor Addon Unique? Free Elementor Blog Website Builder WooCommerce Store Builder for Elementor to build custom Checkout, Cart pages, Thank you page etc. 🔥 One-Click Auto Widget Scanner to Turn off Unused Widgets automatically 🚀 Plugin Regularly Audited by Top Security Experts 🔐 Free Cross-Domain Copying and pasting to easily copy a templates & sections from one domain to other Facebook Pixel & Google Events 4 Event Tracker for Elementor to help you track events, button clicks for conversions Vertical and Horizontal Mega Menu Builder for Elementor 🔥 Facebook and Google Reviews for Elementor Social Feeds show live dynamic feed content from your Facebook, Instagram, YouTube, X (formerly Twitter), Vimeo 🔥 Login and Registration & Password Reset Form for Elementor Carousel Anything converts any sections in carousel 🔥 Popup Builder for Elementor Display Conditions or Visibility Logic for Elementor 🔥 Elementor Custom Post Loops Skin Builder for Posts, CPT & WooCommerce Products (Ele Custom Skin Alternative) 🔥 Preloader Animation and Page Transition for Elementor Custom Cursor Icons for Elementor Integrated with ACF, Toolset, Pods, WooCommerce, Mailchimp and more Supports RTL | WPML or any Translation | Multisite Networks Optimized Code Delivery with Ultra Light Modular backend architecture SEO Friendly, A/B Tested Designs and Mobile Friendly Compatible with most WordPress themes like Nexter, Blocksy , Kadence, Astra, OceanWP, GeneratePress, Neve etc. 🏆 Reviewed by Top YouTubers & Bloggers 🏆 “This might be the only Elementor Addon you ever need” – WP Learning Lab “An amazing plugin,i think it is a kind of full pack addon for elementor” – GO TECH UG “The Plus Addons for Elementor is definitely one of the best addons that are available as of today for Elementor Page Builder. “ – DriodCrunch Complete List of Our Elementor Widgets & Extensions ⤵️ 🏆 35+ Free Elementor Widgets FREE Blog Website Builder for Elementor 🔥 Post Title | Post Content | Post Featured Image | Post Meta | Post Author | Post Comment | Post Navigation (Next/Previous Button) | Post Search Bar FREE Block Quote Box for Elementor FREE Buttons for Elementor FREE Countdown Timer for Elementor 🔥 FREE Heading Title for Elementor FREE Info Box for Elementor / Icon box 🔥 FREE Navigation Menu Lite for Elementor FREE Pie Chart & Doughnut for Elementor FREE Pricing Tables for Elementor FREE Progress Bar for Elementor FREE Social Icons for Elementor FREE Video Player for Elementor FREE Heading Animation for Elementor FREE Flip Box for Elementor FREE Smooth Scroll for Elementor FREE Accordions for Elementor / Content Toggle / Collapsible Content 🔥 FREE Tabs for Elementor 🔥 FREE Full Page for Elementor 🔥 FREEMIUM Form Builder for Elementor FREE Contact form 7 Styler for Elementor FREE Everest Forms Styler for Elementor FREE Gravity Forms Styler for Elementor FREE Ninja Forms Styler Widget for Elementor FREE WP Forms Styler Widget for Elementor Custom Icon Widget for Elementor FREE Blog Posts Listing for Elementor Grid Post Layout | Masonry Post Layout | Metro Post Layout | Post Carousel Slider |Stagger Load Layout FREE Image Gallery for Elementor Image Grid Gallery | Image Masonry Gallery | Image Metro Gallery | Image Carousel Slider FREE Team Members Listing for Elementor Grid Team Member Listing | Masonry Team Member Listing | Carousel Slider for Team Member Listing FREE Testimonials Listing for Elementor FREE Client Logos Listing for Elementor Grid Logo Layout | Client Logo Masonry Layout FREE Equal Height for Elementor ( Same Column Height ) 🔥 FREE Wrapper Link for Elementor – Custom Link Full Flexbox/Grid Container & Section 🔥 FREE Age Verification Gate for Elementor 🔥 FREE Message Box for Elementor & Toast Notification FREE Advanced Text Block for Elementor FREE Glass Morphism Effect for Elementor / Forested Glass Effect FREE Advanced Shadow for Elementor FREE Cross Domain Copy and Paste for Elementor 🔥 FREE Dark Mode for Elementor 🔥 Blog Builder: Post Navigation & Post Search FREEMIUM Dynamic Tags for Elementor 🏆 75+ PREMIUM ELEMENTOR Widgets Horizontal Scroll for Elementor Image Scroll sequence for Elementor Mp3 Audio Player for Elementor Login, Signup & Registration Elementor Form & Password Reset Form for Elementor RSS Feed Widget for Elementor WooCommerce Store Builder for Elementor My Account Page | Order Track Page | Cart Page | Checkout Page | Single Product Page | | Thank You Page | Search Filters Pricing List for Elementor Password Protect Content, Section, Pages & Posts for Elementor Stylist Bullet Feature List for Elementor Data Table for Elementor (TablePress Alternative) Advanced Typography for Elementor Advanced Buttons for Elementor Advertisement Banners for Elementor Advanced Animated Separator & Section Shape Dividers for Elementor Animated Service Boxes, Sliding Boxes & Horizontal & Vertical Image Accordion Before and After Image Slider Comparison for Elementor Advanced Carousel Anything Slider for Elementor Carousel Slider Remote for Elementor (Custom Dots, Arrows, Next Previous Button) Circle Floating Icon Menu for Elementor Creative Image & Photo for Elementor Draw SVG Icon Animation for Elementor Dynamic Devices Mockup & Device Frame for Elementor Hotspot Image or Pin Point Image for Elementor Image Cascading for Elementor Lottiefiles Animations for Elementor Morphing Sections for Elementor Off Canvas for Elementor Showcase Process/Steps for Elementor One Page Scroll Navigation for Elementor Timeline for Elementor Unfold for Elementor Row Background for Elementor Switcher for Elementor Page Scroll for Elementor Navigation Builder for Elementor Breadcrumb Bar for Elementor Mobile Menu for Elementor Google Map for Elementor Mailchimp Subscription for Elementor Blog Posts Listing for Elementor Post Carousel | Post Grid | Post Filter | Post Infinite Load | Post Load More | Post Pagination Image Gallery for Elementor Image Carousel | Image Filter | ACF Gallery Field | Image Grid Layout | Image Metro | Image Masonry Layout Woo Products for Elementor Woo Products Carousel | Products Filter | Products Grid Layout | Products Infinite Load | Products Load More | Products Metro | Products Pagination Team Members for Elementor Testimonials for Elementor Client Logos for Elementor Client Logo CSS Filters Dynamic Post Listing Options Elementor Custom Loop Skins Dynamic Category Grid for Elementor Dynamic Smart Showcase for Elementor Magazine Slider | Magazine Filter | Dynamic Ticker Mouse Cursor Icon for Elementor Preloader & Page Transitions for Elementor Social Feed for Elementor Social Reviews for Elementor Social Sharing for Elementor Table of Contents for Elementor Number Counter for Elementor Source Code Syntax Highlighter for Elementor Plus Search Filters for Elementor Search Bar for Elementor Vertical Filters | Horizontal Filters | Filters with Popups| Inline Filters Column Ordering In Devices for Elementor Custom Media Query Breakpoints for Elementor Column Width(Px,%,Calc()) for Elementor Sticky Column for Elementor Display/Conditional Rules for Elementor Global Continuous Effects for Elementor Global Mouse Hover Parallax for Elementor Global Special Overlay Color for Elementor Global Tilt 3D Effects for Elementor Global Tooltip for Elementor Facebook & Google Event Tracker for Elementor White Label for Elementor Grid Design Tool for Elementor MagicScroll Integration for Elementor On Scroll Animation Content for Elementor Row Section Scroll Animation for Elementor Custom CSS for Elementor 🔍 OUR PRODUCTS 🥇 Nexter Blocks – 90+ WordPress Blocks for Default Gutenberg Block Editor. The Same Plus Power for Core Gutenberg Block Editor. 🥇 NexterWP Theme – Best Starter and lightweight Theme for Elementor. 🥇 Nexter Extension – Power up your WordPress website with 20+ extensions that work with all themes, boost performance, and harden security. 🥇 UiChemy – Figma to Elementor Convertor – Convert your Figma Templates In Live Elementor Website using our FREE Figma Plugin. 🥇WDesignKit – 1000+ Elementor Template, Elementor Widget Builder, Widget Convertor to Block, Bricks, Cloud Template & Widget Storage & more.