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 Elementor 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 Elementor sticky header 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. **Header Effects** Transparent to Solid on Scroll: Start with a transparent header that smoothly transitions into a solid background as visitors scroll down the page. Configurable Scroll Distance: Set exactly when the effect kicks in with a custom scroll distance. Custom Solid Background Color: Choose the solid background color your header changes to after scrolling. Bottom Shadow: Add a subtle bottom shadow for a polished, sticky look. Editor-Integrated Panel: Configure everything right inside the Elementor editor — no code needed. Open any Section or Container in a header template, go to the Advanced tab, and find the Header Effects panel. **Mega Menu** Assign Elementor Templates: Turn any top-level menu item into an Elementor mega menu by assigning an Elementor template to it — right from Appearance → Menus. Hover or Click Trigger: Open the mega panel on hover or on click, and close it by clicking outside. Full-Width, Custom & Default Widths: Give each menu item a full-width (100vw), custom-width, or default-width panel. Panel Width & Alignment Controls: Responsive panel width (px, %, vw) plus left / center / right alignment relative to the screen. Responsive Mobile Menu: A hamburger toggle with a scrollable, accordion-style mobile menu and full-width dropdown. Complete Styling: Typography, color, background, border, shadow, divider, and hover/active styling for menu items, dropdowns, and the panel. AJAX Loading: Load large Elementor mega menu content on demand for better performance. **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 Elementor 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 Elementor Header Footer Builder Completely Free: Unlock all advanced features completely 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 footer 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 footer 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 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
- header43×3.33%
- elementor33×2.55%
- footer33×2.55%
- pages17×1.31%
- custom14×1.08%
- builder13×1.01%
- display11×0.85%
- template11×0.85%
- footer builder10×0.77%
- design9×0.70%
- menu9×0.70%
- click8×0.62%
Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder
Ultimate Addons for Elementor (UAE) is a lightweight yet powerful Elementor addons plugin that extends Elementor’s capabilities with 18+ free Elementor widgets, 50+ premium widgets, 200+ pre-designed templates, and a visual Header & Footer Builder – trusted by over 2 million websites. UAE has evolved into a trusted Elementor addon that lets you design creative sections and complete site layouts directly within Elementor – no coding required. The free version of UAE includes a hand-picked set of essential widgets like Basic Posts, Info Card, Duplicator, Navigation Menu and more – widgets that are genuinely useful for most websites. It also enables you to design headers and footers visually, and includes time-saving tools like Post Duplicator, improving your design process without cluttering your interface. When you’re ready to go further, UAE Pro unlocks a library of 50+ premium widgets, 200+ pre-designed section blocks, and advanced features like Cross-Site Copy-Paste, Advanced Display Conditions, Form Stylers for popular form plugins, and visual effects like Particle Backgrounds. These features are built to save time and offer more design freedom – not just to impress, but to genuinely improve how you build and manage websites. Whether you’re just getting started with WordPress or managing multiple client sites, UAE Elementor addons give you the control, performance, and reliability to design beautiful, high-converting websites efficiently. Try the live demo of Ultimate Addons for Elementor Free Elementor Header & Footer Builder UAE began life as the original Elementor Header & Footer Builder, and it is still the easiest way to design custom headers and footers with Elementor – completely free, with no Elementor Pro Theme Builder required. Design visually: Build headers and footers with Elementor’s drag-and-drop editor using widgets like Site Logo, Navigation Menu, Search, and Cart. Flexible display rules: Show different headers or footers across your entire website or only on specific pages and posts. Works with any WordPress theme: Native support for popular themes like Astra, Hello Elementor, OceanWP, GeneratePress, Blocksy, Neve, and Kadence – plus built-in fallback methods for every other theme. Before Footer area: Add site-wide call-to-action sections just above your footer. Refer to our step-by-step guide to create your first custom header and footer in minutes. Why Choose UAE Elementor Addon Ultimate Addons for Elementor equips you with tools that make page design faster, cleaner, and more creative. Whether you’re just starting your web design journey or building complex websites for clients, UAE can help. Why Over 2 Million Websites Use Ultimate Addons for Elementor: Create Engaging Designs: Build visually stunning sections with widgets that go beyond basic blocks. From Before/After sliders to particle backgrounds, everything is built to captivate, engage, and convert. Copy Elementor Designs From One Domain to Another: Use the Cross-Site Copy Paste feature to move sections and widgets between pages/sites, which streamlines the workflow and saves time. Keep Your Website Light by Loading Only What Is Needed: UAE loads code only for the widgets you use, which helps maintain site performance and supports SEO best practices. Build Faster With 200+ Readymade Section Blocks: Design faster with a massive library of pre-designed content sections. Just insert, customize, and publish. Ideal for agencies and freelancers seeking efficiency. 50+ Premium Widgets That Truly Matter: UAE Pro includes over 50+ carefully crafted widgets. High-impact tools designed to solve real design challenges and boost functionality where it counts. Works Seamlessly With Any WordPress Theme: No theme lock-in or compatibility issues. UAE integrates smoothly with all compliant WordPress themes, including Astra. Designed for Beginners, Loved by Pros: Whether you’re a DIY site builder or a seasoned designer, UAE strikes the balance between ease of use and advanced functionality. Extend Elementor Without Plugin Overload: UAE packs multiple high-utility widgets into one lightweight plugin. Avoid installing multiple third-party plugins that slow down your site or create conflicts. Free Widgets in Ultimate Addons for Elementor Basic Post – Display a list of your latest blog posts with layout options and styling controls. Woo Product Grid – Showcase WooCommerce products in a responsive, customizable grid layout. Counter – Add animated number counters to highlight stats, achievements, or milestones. Navigation Menu – With this powerful Elementor nav menu addon (widget), you can build responsive menus that match your style. Site Logo & Retina Logo – Showcase crisp branding across all devices. Site Title & Tagline – Display key identity elements clearly and elegantly. Search – Add fast, user-friendly search to your header or footer. Cart – Integrate a shopping cart preview for WooCommerce stores. Page Title – Automatically show relevant page titles for better UX and SEO. Breadcrumbs – Improve site navigation and search engine visibility. Post Info – Display author, date, categories, and more for content clarity. Scroll to Top – Give users a seamless way to navigate with this handy scroll addon for Elementor. Reading Progress Bar – Visually indicate article progress for better engagement. Info Card – Combine icons, headings, text, and CTAs in one flexible block. Copyright – Easily add site-wide copyright or legal text in the footer. Post Duplicator – Instantly duplicate posts, pages, headers, footers, and custom blocks to speed up content creation and safely experiment with layouts. Note: You can refer to our step-by-step guide that will help you set headers and footers quickly. How these Elementor widgets help: Design full headers and footers visually, no need for theme settings or extra plugins Create consistent layouts that look great on every device Boost productivity using essential, ready-to-use widgets and a powerful Post Duplicator to instantly clone posts or pages and jump-start new content. Improve user experience, accessibility, and on-page SEO Seamlessly works with any WordPress theme for complete design freedom The free widgets in UAE give you a solid starting point to build fast, functional, and visually appealing websites, whether you’re designing a landing page, a portfolio, or a complete site layout. 🚀 Upgrade to Ultimate Addons for Elementor Pro and unlock limitless possibilities! All widgets and features listed below are part of UAE Pro. Content and Interaction Widgets Create compelling, high-converting layouts with powerful content widgets designed for Elementor. UAE widgets help you deliver clear, engaging content experiences that are both informative and interactive. Great for business sites, blogs, service pages, and portfolios. SVG Animator (Pro) – Animate SVG illustrations with ease using this widget. Great for adding visual interest and motion to your designs. Advanced Heading (Pro) – Design eye-catching headlines with layered styles and dynamic effects. Business Hours (Pro) – Display store or office hours clearly with styled layouts. Content Toggle (Popular) (Pro) – Switch between content blocks for comparisons, FAQs, or pricing plans. Google Map (Pro) – Add responsive, customizable location maps to boost trust and visibility. Image Gallery (Pro) – Showcase multiple images in a clean, organized grid or masonry layout. Info Box (Pro) – Combine icons, titles, and descriptions with CTA buttons in one elegant widget. Modal Popup (Popular) (Pro) – Easily trigger stylish popups for promotions, lead generation, or key messages. Posts (Pro) – Showcase your latest blog posts or any custom post types with this visually appealing post grid addon for Elementor. Price List (Pro) – Highlight products or services with pricing and description in a clean layout. Table (Pro) – Create sortable, responsive tables to organize data or feature comparisons. Video (Popular) (Pro) – Embed YouTube, Vimeo, or self-hosted videos with custom styling options. Video Gallery (Pro) – Show multiple videos in a neatly organized, responsive gallery. Creative Widgets Add flair, functionality, and interactivity to your Elementor designs. Ideal for portfolios, agencies, service-based businesses, and conversion-focused landing pages. Before After Slider (Pro) – Visually compare two images using a draggable slider. Countdown Timer (Pro) – Create urgency for offers, events, or product launches. Display Conditions (Pro) – Show or hide content dynamically based on user role, device, login status, and more. Dual Color Heading (Pro) – Highlight key phrases in headings with stylish dual-tone designs. Fancy Heading (Pro) – Create animated, visually distinct headlines to capture attention. Hotspots (Popular) (Pro) – Add interactive tooltips to images to explain features or details. Login Form (Pro) – Embed a beautifully styled, branded login form right into any page. Marketing Button (Pro) – Add call to action buttons with built-in icons, hover effects, and dual text. Multi Buttons (Pro) – Display multiple action buttons side-by-side for better decision making. Navigation Menu (Pro) – Create fully customizable, responsive menus directly within Elementor. Off-Canvas (Pro) – Create off-screen panels for menus, filters, or extra content that slides into view. Price Box (Pro) – Showcase pricing plans with styled headings, features, and call to action buttons. Retina Image (Pro) – Ensure images display perfectly on high-resolution (Retina) screens. Team Member (Pro) – Introduce your team with photos, bios, social links and layout options. Timeline (Popular) (Pro) – Display milestones, history, or process steps in vertical or horizontal timelines. User Registration Form (Pro) – Let visitors register with a styled, user-friendly form. Form Styler Widgets Match forms to your site design and improve conversions without writing CSS. These widgets let you customize popular WordPress forms with full control over layout, colors, typography, and spacing. Contact Form 7 Styler (Pro) – Easily style CF7 forms to match your brand. Gravity Form Styler (Popular) (Pro) – Enhance Gravity Forms visually with complete styling control. WP Fluent Forms Styler (Pro) – Customize Fluent Forms to blend seamlessly into your pages. WPForms Styler (Pro) – Transform WPForms into beautiful, responsive forms without touching a line of code. SEO Widgets Boost search visibility, enhance content structure and build trust from the Elementor editor. Business Reviews (Pro) – Display authentic reviews from platforms like Google. How-To Schema (Pro) – Format step-by-step guides with structured data to earn rich snippets. FAQ Schema (Pro) – Create styled FAQs that are also SEO-ready. Table of Contents (Pro) – Automatically generate clickable TOCs for long content. Social Widgets Keep your website fresh, connected and shareable with built-in social media integrations. Instagram Feed (NEW) (Pro) – Embed a stylish, responsive Instagram gallery that updates automatically. X Feed (NEW) (Pro) – Show your most recent posts from X (formerly Twitter). Social Share (Pro) – Add sleek, customizable share buttons to grow your audience. WooCommerce Widgets Design high-converting online stores inside Elementor with this modern WooCommerce addon. Woo – Add to Cart (Pro) – Place flexible Add to Cart buttons anywhere. Woo – Categories (Pro) – Showcase product categories in stylish layouts. Woo – Checkout (Pro) – Customize the entire checkout experience for better conversions. Woo – Mini Cart (Pro) – Display a sleek cart preview with real-time updates. Woo – Products (Pro) – Build fully styled product grids or carousels with advanced controls. Creative Features Go beyond widgets and unlock tools that accelerate your workflow. Cross-Site Copy Paste (Pro) – Instantly copy and paste entire Elementor sections between domains. Particle Backgrounds (Pro) – Add animated particle effects behind sections. Party Propz (Pro) – Celebrate special occasions with on-screen confetti and fun animations. Presets (Pro) – Apply consistent design styles across widgets with a single click. Welcome Music (Pro) – Play background music when a visitor lands on your site. Unlock Even More With the Essential Toolkit Upgrade to the Essential Toolkit to access a powerful bundle designed to save time, spark creativity, and give you a real competitive advantage. 300+ Pre-built websites: Skip the blank canvas. Launch faster with professionally designed websites. Templates for every niche: Build business sites, blogs, portfolios, or stores with no design experience needed. Total design freedom: Tweak every pixel, colors, fonts, and layouts to make each site uniquely yours. What Users Are Saying Rated 4.9 out of 5 stars from over 2,500 reviews on WordPress.org. ⭐⭐⭐⭐⭐ “A must-have for any Elementor user. Incredible widget bundle – powerful, essential, and easy to use.” – Carmelo Teran (nexodreams.com) ⭐⭐⭐⭐⭐ “Huge selection of widgets that help me deliver unique designs fast. Love the Hotspots, Heading, and Cross-Site Copy Paste!” – Nicola Stobb (imoe.co) ⭐⭐⭐⭐⭐ “If Elementor Pro is the Iron Man suit, Ultimate Addons is the Hulkbuster upgrade. I don’t build without it!” – Dean Loh (kaia.asia) More Tools To Enhance Your WordPress Website If you love Ultimate Addons, you’ll love what else we’ve built to make designing and managing websites easier. Astra theme – A popular WordPress theme known for speed and flexibility. Astra Starter Templates – Pick from over 300+ professionally designed templates or use AI to create a custom website in minutes. OttoKit – Automate daily tasks by connecting your favorite apps and plugins effortlessly. SureForms – Build beautiful, high-converting forms, quizzes, and surveys. SureCart – A powerful yet easy to use eCommerce plugin built for modern creators and digital sellers. Each tool is designed to help you build faster, work smarter, and grow your online presence with less effort and better results. Need help getting started? Check out our getting started guide and documentation for step-by-step tutorials. Have a question? Visit the support forum right here on WordPress.org. We’re happy to help! Want to explore more? Learn about all features, FAQs, and tips on our website. 🎉 Love Ultimate Addons for Elementor? Watch tutorials and walk throughs on our YouTube channel. Found us helpful? Leave a review – we’d love to hear from you!