Header Footer Builder for Elementor vs Premium Addons for Elementor – Powerful Elementor Templates & Widgets

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!

Premium Addons for Elementor supercharges your Elementor Page Builder with 90+ Elementor widgets, 550+ pre-made Elementor templates that will give you the ability to build sophisticated websites in less time with no coding required. Both Elementor and Premium Addons plugins take your WordPress website to the next level. It has Elementor elements like Carousel, Blog Posts List/Slider, Mega Menu Builder, Testimonials, WooCommerce, Search Form, Posts/News Ticker, etc. Check Elementor Widgets & Addons Demo Pages Useful Links Docs | Video Tutorials | Facebook Group | Upgrade to Pro KEY FEATURES Modular & Lightweight 90+ Free and Pro Elementor Widgets 17+ Powerful Elementor Addons 580+ Ready made Elementor Container & Full Page Templates Carousel & Advanced Media Carousel Widgets Advanced Mega Menu Builder Mobile Menu Builder Widget Magazine Widgets Bundle (Smart Post Listing, Weather Forecast, World Clock, News Ticker, Tags Cloud and Recent Posts Notification) WooCommerce Widgets Bundle (Products Listing, Products Carousel, Categories Listing, Woo CTA, Woo Mini Cart) Advanced Display Conditions Addon Apple’s Liquid Glass Effect & Glassmorphism Addon Equal Height Elementor Containers Addon Lottie Animations Integration Cross Domain Copy Paste Elements Elementor Page and Post Duplicator 100% WPML Ready Fully Responsive & Cross Browser Ready Performance and Speed Improvements Premium Addons for Elementor is now much faster than ever. Only the required JS files will be loaded on your page to boost your page loading speed and site performance. All the editor loading issues have been fixed to make your site faster and minimize the time it takes for Elementor editor to load. New: Liquid Glass Addon Select between 6 attractive liquid glass and glassmorphism effects to be applied on any Elementor widget or container. It has also been added to be applied on specific parts inside our elements. Check it out now!. New: WooCommerce Mini-Cart and Categories Listing Widgets This powerful widget allows your customers to view the products in their shopping cart, change the quantity, remove items and check the total amount without leaving the page. We have also released Woo Categories widget to showcase your Woo categories in four neat skins. Check from here and here. New: Mobile Nav Menu Widget Create a neat mobile menu on your website with just few click with this powerful widget. You can set the click action of each menu item to a link or to open an off-canvas content. Check it out now!. New: AJAX Search Form Widget The ultimate solution to add a search form widget on Elementor websites. Customize the search results, add pagination or carousel and select between three different neat skins. Check it out now!. Animated Shape Divider Addon Add animated shape dividers for Elementor flexbox containers. You can select between 40+ shape dividers or use a custom SVG code to add your own divider. Check it out now!. Advanced Media Carousel Widget You can now create carousel using images, videos, Elementor templates to create the carousel you want. Select between four animations and dozens of customization options. Check it out now!. Elementor Navigation/Mega Menu Widget Now, you build outstanding navigation menus and mega menus using Premium Navigation/Mega Menu Widget which allows you to select between four different layouts with dozens of options to create a responsive menu. Check it out now!. Elementor Display Conditions A professional way to manage your website content with specific conditions. You can show/hide content dynamically based on location, browser, operating system, user role, URL parameters, device type, Woocommerce display conditions such as WooCommerce product and WooCommerce shopping cart data, ACF fields, etc. Check the demo page Equal Height Feature Now, you can make your containers, widgets or any selector you want the same height with just ONE click using Equal Height feature in container settings -> Advanced tab. Container and Full Page Elementor Templates Ever-growing Container/Page Templates Library Available on both Premium Addons Free and PRO versions. Browse, preview, and insert the template you like in your page/post with just ONE click. Lottie Animations Integration You can now use Lottie Animations in ALL our widgets. Whatever widget that have an image or icon option now have also the option to add a Lottie animation. Post and Page Duplicator Duplicate any post, page or template on your website with just ONE click. Check the documentation article from here. Modular & Instant Loading Premium Addons for Elementor is fully modular. You can enable/disable specific elements to prevent overloading your website with code you will not actually use which helps your website have a blazing fast performance. Editor Panel Not Loading How to resolve Elementor editor panel loading issue when Premium Addons is active. Elementor Widgets & Addons Included Content Widgets Carousel Widget (FREE): Create a slider of any Elementor content. Blog Widget (FREE): Showcase posts or any custom post type in 5 neat skins. AJAX Search Widget (FREE): Add search form to your website with custom search query. Smart Post Listing Widget (PRO): Create any posts layout you want using this widget. You can use it to create any grid layout to show your posts or any custom post type on your website. World Clock Widget (FREE): This widget helps you to show time from any place. You can use it to show analog/digital clock. Weather Widget (FREE): Weather widget is useful for showing weather forecast data by city name or custom coordinates. You can select between three neat layouts with dozens of customization options. News Ticker Widget (FREE): Show your posts in an attractive way using this news ticker widget. Select between four different layouts. You can also use the widget to show Gold, Stock and Currencies prices. Textual Showcase Widget (FREE): Elevate your text into stunning visual art with Elementor Textual Showcase. Experiment with Text, Images, Font Awesome Icons, SVG Draw, and Lottie Animations to craft eye-catching designs. Engage your audience by making your words move, fade, and transform dynamically, leaving a lasting impression. Tags Cloud Widget (FREE): Showcase tags and categories as cloud, sphere, labeled. Recent Posts Notification Widget (FREE): This widget helps you to show a notification icon on your website to show the latest posts that your website users have not seen yet. Google Maps Widget (FREE): Advanced Google Maps Widget comes with features like adding multiple markers, custom skins, and much more options. Team Members Widget (FREE): Very good widget to list team members, co-workers, etc. Team Members Widget comes with many customization options. Tabs Widget (PRO): Create both Vertical and Horizontal tabs with tons of styling features. Content Toggle (PRO): Present multiple content in a smart way. Animated Text Widget (FREE): The animated Fancy Text Widget comes with very useful options to help you create attractive marketing messages. Heading Widget (FREE): Heading Widget has many customization options and ready-made heading styles. Dual Heading Widget (FREE): Create a headline with 2 different unique styles. Image & Video Widgets Site Logo Widget (PRO): Create an attractive logo for your brand using an image, SVG shape, or Lottie Animation with tens of customization options. Media Gallery Widget (FREE): Highly customizable gallery widget that can be used for creating attractive looking image galleries and portfolios. Advanced Media Carousel Widget (FREE): Create advanced carousel using images, videos or Elementor templates. Image Scroll Widget (FREE): Allows you to represent your images in a brand new yet attractive way. Image Comparison Widget (PRO): Create vertical or horizontal image comparisons easily using this amazing widget. Image Hotspots Widget (PRO): The only Image Hotspots Widget with 100% freehand design experience. Add hotspots to your image using mouse drag n’ drop. Image Layers Widget (PRO): Combine images, Lottie animations and texts. Image Accordion Widget (PRO): Create eye-catching Image Accordions in both vertical and horizontal orientations. Video Box Widget (FREE): Bring videos from YouTube, Vimeo, Dailymotion, or upload your own using Video Box Widget. The widget comes with many customization features. Container Addons & Widgets Horizontal Scroll Widget (PRO): Create horizontal scroll websites with just few clicks. Vertical Scroll Widget (FREE): Create beautiful vertical scroll pages with advanced responsive control options using Premium Vertical Scroll Widget. Background Transition Widget (PRO): Create fancy, colorful, and eye-catching webpages. Multi-Scroll Widget (PRO): Create attractive multi-scroll effect. Custom Mouse Cursor Global Addon (PRO): Add a custom mouse cursor to any container or widget. Magic Scroll Global Addon (PRO): Create outstanding scroll animations to any widget with just few clicks and control every single detail in the animation scene. Animated Shape Divider Addon (FREE): Create animated shape divider on containers. Select between tens of pre-made dividers or use your own. Tooltips Global Addon (FREE): Add icon, image, Lottie animation or Elementor template as a tooltip for any Elementor container element. Badge Global Addon (PRO): Add an icon, image, Lottie animation, or SVG blob shape badge to any container. Animated Blob Generator (PRO): Add multiple animated blob layers to your containers with a wide range of smart customization options. Lottie Animations Container Addon (PRO): Add multiple Lottie Animations easily to any container with a lot of customization and interactivity options. Parallax Container Addon (PRO): The only Parallax Container Addon that can be enabled for containers with freehand design experience and many styles to choose from. Particles Container Addon (PRO): Create eye-catching particles background with many customization options. Animated Gradient Container Addon (PRO): Subtle animated gradients effect that makes your backgrounds attractive. Ken Burns Container Addon (PRO): Add multiple images to your container background and animate them with the popular Ken Burns effect. Off-Grid Widgets Modal Box Widget (FREE): All purpose modal box widget with the ability to use Elementor Templates and many other options. Alert Box Widget (PRO): Show a popups, GDPR alerts and much more with this handy widget from Premium Addons. Off-canvas Widget (PRO): Another off-canvas widget allows you to slide in a container from any direction with a trigger. Preview Window Widget (PRO): Very clever way to show more data in less content area. Elementor WooCommerce Widgets & Addons Woo Products Listing (FREE): Display your WooCommerce products in customizable grid, masonry, or carousel layouts with flexible query controls and ready-made skins. Woo Categories Listing (FREE): Show your WooCommerce product categories in stylish grid or carousel layouts with full control over filtering and design.. Woo CTA (FREE): Add beautifully designed “Add to Cart”, wishlist, or compare buttons anywhere on your product pages to boost conversions. Woo Mini Cart (FREE): Show a live, interactive mini cart that updates instantly as customers browse — fully customizable and easy to place anywhere with dozens of styling and free shipping progress bar option. Woo Display Conditions (PRO): Show or hide any Elementor content based on WooCommerce conditions like cart items, product categories, stock, user role, and more. Social Reviews & Testimonials Widgets Testimonials Widget (FREE): The modern Testimonials Widget is available with many customization options. It can be used with Carousel Widget to create testimonials carousel. Facebook Reviews Widget (PRO): This widget allows you to show off your Facebook Reviews on your website. Google Reviews Widget (PRO): Show your business’s latest Google Reviews right on your webpage. Yelp Reviews Widget (PRO): Show your business’s Yelp Reviews in your website pages with this useful widget. Blurbs & CTA Widgets Bullet List Widget (FREE): Create a bullet list with icons, images, and text tags beside Lottie animations. Countdown Widget (FREE): Create sense of urgency with this widget. It’s perfect for under construction pages, events, sale items, etc. Banner Widget (FREE): Animated and interactive Banner Widget comes with multiple styles and customization features. Button Widget (FREE): Advanced Button Widget comes with lots of interactive animation, styling options, and onClick event option. Image Button Widget (FREE): Image Button Widget is a unique element that can be used for creative and innovative call to action ideas. 3D Hover Box Widget (PRO): Comes with 8 cool 3D interactive effects. Icon Box Widget (PRO): An advanced Icon Box Widgetwith endless customization options. iHover Widget (PRO): The popular iHover Widget with various interactive animations and styling options. Unfold Widget (PRO): Advanced way to fit long text in small area. Unfold Widget is a great trick as it will make your layout design look better. Social Feed Widgets Pinterest Feed Widget (FREE): Get pins and boards from your Pinterest account and show them on your website. Select between three layouts and four skins. TikTok Feed Widget (FREE): Get feed from your TikTok account and show them on your website. Advanced filtering options, three layouts and three skins. Facebook Feed Widget (PRO): Show your Facebook Feed directly inside your website. Twitter Feed Widget (PRO): Display your Twitter Feed on your website pages. Instagram Feed Widget (PRO): Show your Instagram photos right on your webpage. Behance Feed Widget (PRO): Show off your amazing portfolio projects using Behance Feed Widget. Tables, Charts & Anything Data Widgets Progress Bar Widget (FREE): The most advanced Progress Bar Widget comes with multiple labels option. Pricing Table Widget (FREE): Highly customizable Pricing Table Widget with tons of styling options. Charts Widget (PRO): The only advanced Charts Widget is available in Premium Addons. Create Line Chart, Bar Chart, Doughnut Chart, Radar Chart, and more. Tables Widget (PRO): Create sophisticated tables with unique styling and interactivity options. Counter Widget (FREE): Show your facts & figures with Counter Widget. Contact Widgets Contact Form 7 Widget (FREE): Include contact forms in your contact us page using Contact Form 7 Widget. WhatsApp Chat Widget (PRO): Get instant WhatsApp messages right from your website visitors. Design Widgets Divider Widget (PRO): Design beautiful dividers with this unique widget. Image Separator Widget (FREE): Add an Image Separator between containers with this handy yet fully responsive widget. Support & Documentation Documentation Search here first if you need to know how a widget or feature works or for troubleshooting. Video Tutorials This playlist includes Premium Addons elements’ video tutorials. We are adding more regularly. Facebook Group A great place to get help or ask a question about Premium Addons. Community Forums Another good place to search for answers or post your own question. Check Premium Addons PRO Love Premium Addons User? rate us on WordPress 🙂