Elementor Header & Footer Builder

Descripción

Have you ever imagined you could create your website header and footer with Elementor for FREE?

Elementor Header & Footer Builder is a simple yet powerful WordPress plugin that allows you to create a layout with Elementor and set it as
– Header
– Footer
– Block (anywhere on the website)

Try it out on a free dummy site

Crea diseños atractivos

El editor Elementor te da la flexibilidad para diseñar hermosas secciones. Al usarlo puedes crear diseños de cabecera y pie de página listos para usar.

Selecciona las ubicaciones de visualización

¿Deseas mostrar una plantilla de cabecera personalizada solo en la página de inicio, en la página de archivo del blog o en toda la web? Bueno, este plugin permite elegir una ubicación de destino específica para mostrar la cabecera y el pie de página.

Añade bloques de Elementor en cualquier lugar

Aparte de la cabecera y el pie de página, puedes diseñar plantillas personalizadas con Elementor y establecerlas en cualquier lugar de la web con un shortcode.

Plantilla «Antes del pie de página»

Junto con el pie de página principal, el plugin proporciona el área adicional, encima del pie de página, donde puedes añadir tu plantilla personalizada. Esto proporciona una gran flexibilidad en el diseño del pie de página.

Disponible con la plantilla «Elementor Canvas»

Tus diseños de cabecera y pie de página personalizados se pueden mostrar fácilmente en las páginas donde la plantilla «Elementor Canvas» este activada.

Viene con widgets incorporados

El plugin ofrece widgets incorporados que ayudan a crear diseños de cabecera y pie de página. Estos widgets ofrecen características básicas necesarias para que no tengas que buscar plugins adicionales.

  • Logotipo del sitio – Hereda automáticamente un logotipo del personalizador. Incluso puedes establecer una imagen personalizada como logotipo con un enlace personalizado y una leyenda.
  • Título del sitio – El nombre del sitio se heredará automáticamente del personalizador. Puedes añadir un prefijo, un sufijo, un ícono y un enlace.
  • Descripción del sitio – Mostrará la descripción del personalizador. Tienes una opción para el prefijo, el sufijo, el icono y el enlace.
  • Menú de navegación – Te ofrece una lista de menús ya creados en tu web. Solo necesitas elegir el necesario. Ofrece 4 diseños para el menú: horizontal, vertical, expandido y volante. Con muchas otras opciones, incluso puedes establecer íconos personalizados para abrir y cerrar el menú.
  • Título de la página – Muestra el título de tu entrada o página actual y ofrece opciones adicionales para el prefijo, sufijo, ícono, enlace y alineación.
  • Imagen Retina – Puedes subir la imagen Retina para pantallas de alta definición.
  • Menú del carrito de WooCommerce – Puedes mostrar el número actual de productos en el carrito junto con el precio total.
  • Copyright – Ofrece constantes para mostrar un aviso de copyright – [hfe_current_year] y [hfe_site_title].
  • Search – Add a search form to your with different layout and styling options.

FUNCIONA CON TODOS LOS TEMAS

Elementor Header & Footer Builder plugin works with all WordPress themes. Few of the themes have direct support while for few you can choose a method to add theme support.

In case you face any difficulty displaying header/footer, manually choose the theme support method. Visit Appearance > Elementor Header & Footer Builder > Theme Support. Select a method to suit your current theme and you are good to go!

PASOS PARA USAR EL PLUGIN

Step 1 – Visit Appearance > Elementor Header & Footer Builder and click on the ‘Add New’.

Paso 2 – Selecciona el «Tipo de plantilla» (cabecera, footer o bloque). Establece su ubicación de visualización y los perfiles de usuario.

Paso 3 – Publícala.

Paso 4 – Edítala con Elementor y diseña una sección.

Paso 5 – ¡Guárdala y listo!

You can refer to our step-by-step article that will help you set Elementor headers and footers quickly.

¿BUSCAS EXTENSIONES Y WIDGETS PREMIUM PARA ELEMENTOR?

Check Ultimate Addons for Elementor. It is a library of creative and unique Elementor widgets that add more functionality and flexibility to your favorite page builder.

¿HAS PROBADO ASTRA CON ELEMENTOR?

Powering over 1+ Million WordPress websites, Astra is loved for the performance and ease-of-use it offers.

La gente ama a Astra por –

Mejor rendimiento – ¡El código optimizado y la arquitectura modular hace a Astra el tema más liviano para que la web cargue más rápido!

El mejor amigo de los maquetadores de páginas: Astra funciona muy bien con todos los maquetadores de páginas. Su soporte para diseños personalizados, plantillas de Elementor y sitios de inicio listos para usar lo convierten en el mejor tema para Elementor.

Demos de sitios listos para usar – Astra ofrece demos gratuitos de sitios construidos con Elementor. Puedes elegir cualquiera de las plantillas de Elementor Templates, ¡ajústalas como quieras y publícalas en minutos!

MANTENIDO Y DESARROLLADO ACTIVAMENTE

¿Necesitas ayuda con algo? ¿Tienes un problema que reportar? Visita el foro del plugin.

Contáctanos en GitHub.

¡Hecho con amor por Brainstorm Force!

Capturas

  • Go to Appearance -> Elementor Header & Footer Builder to create a new template.
  • Asigna la plantilla como cabecera o pie de página y selecciona reglas de visualización.
    1. For blocks, select the type of template as Custom Blocks. You can copy the shortcode and use it anywhere.
  • Métodos para añadir compatibilidad con el tema.
  • Default widgets available with Elementor Header & Footer Builder.

Instalación

  1. Go to Plugins -> Add New and search for Elementor Header & Footer Builder.
  2. Activa el plugin desde la pantalla ‘Plugins’ en el Escritorio de WordPress.
  3. Go to Appearance -> Elementor Header & Footer Builder to build a header or footer layout using Elementor.
  4. Cuando la estructura esté preparada asígnala como cabecera o pie de página usando la opción Selecciona el tipo de plantilla que es (captura de pantalla)

Preguntas frecuentes

¿Cómo funciona este plugin?

  1. Go to Appearance -> Elementor Header & Footer Builder to build a header or footer layout using Elementor.
  2. Click on “Add New” and design a template with Elementor.
  3. Una vez que la plantilla esté lista, establécela como cabecera, pie de página o bloque usando las opciones de «Tipo de plantilla» (captura de pantalla).
  4. a) Para cabecera o pie de página: selecciona la ubicación de destino con la opción «Mostrar en». Con esto la cabecera o pie de página solo será visible en las ubicaciones seleccionadas para los «Perfiles de usuario» elegidos.

    b) Para bloques personalizados: simplemente copia el shortcode y añádelo en cualquier parte de la web. Tu plantilla diseñada se mostrará automáticamente. Las condiciones de visualización o los perfiles de usuario no funcionarán con los shortcodes.

¿Se puede crear una cabecera/pie de página adaptable al móvil usando este plugin?

Sí, puedes crear la estructura adaptable al móvil de tu cabecera usando el plugin.

The Elementor Header & Footer Builder plugin just gives you a container where you can completely design the header using Elementor Page Builder, So the process of creating the mobile responsive layout is exactly the same as you would create a responsive layout of your other Elementor page.

Aquí está la documentación de Elementor Page builder que explica como puedes crear estructuras adaptables para móviles usando Elementor – https://elementor.com/introducing-mobile-editing/
Este ejemplo también se aplica cuando estas creando tu cabecera o pie de página usando este plugin.

Reseñas

26 de marzo de 2024 1 respuesta
E ticaret sitemde hem header hemde footer olarak kullanıyorum, çok memnunum. Emeği geçenlere teşekkür ederim.
25 de marzo de 2024 1 respuesta
Очень полезный плагин, упрощает работу. Обожаю этот плагин!!!
22 de marzo de 2024 1 respuesta
Great templates and integrations with my other ecommerce sites.
22 de marzo de 2024 1 respuesta
Cuando hice mi web buscaba un plugin sencillo de instalar y sobre todo de configurar y manejar y este es, sin duda, el mejor. Hice la cabecera y el pie de página en poco segundos y con un diseño que se adaptaba muy bien a lo que yo buscaba. Cuando tú lo llevas todo en tu negocio y haces tu web, agradeces mucho este plugin porque te ahorra mucho tiempo ( y te da unos resultados maravillosos) así que mis 5 estrellas son de agradecimiento tanto a los creadores como a todas las personas que han contribuido a crearlo, configurarlo y mantenerlo. Muchísimas gracias por vuestro trabajo, es un regalo valiosísimo y enhorabuena por vuestra labor. Os mando un abrazo inmenso lleno de mil colores🌈💛🧡❤️💙💜💚🌎🥰😘
22 de marzo de 2024 1 respuesta
Really great plugin, for building header and footer with free Elementor.
Leer todas las 2,291 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

"Elementor Header & Footer Builder" ha sido traducido a 13 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce "Elementor Header & Footer Builder" a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.6.26

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.20 version.
  • Improvement: Compatibility with PHP 8.2 version.

1.6.25

  • Security Fix: Hardened the security of the plugin. Props: Wordfence.
  • Fix: Automatic translation support for templates on Specific Pages / Posts / Taxonomies, etc.
  • Fix: Navigation Menu – Multistep submenu fails to display when a border radius is applied to dropdown.

1.6.24

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.19 version.
  • Fix: White Label – Astra’s theme name does not change when Astra is white-labeled.
  • Fix: Navigation Menu – Language switcher flags not displaying when using Polylang plugin.

1.6.23

  • Fix: This update addressed a security bug. Props to WordPress Plugin Review Team and Plugin Vulnerabilities Team for reporting it to our team. Please make sure you are using the latest version on your website.

1.6.22

  • Fix: Retina Image – Navigating to custom URL by clicking on images.

1.6.21

  • Fix: Site Logo – Width and height settings not applying to the logo.

1.6.20

  • Fix: Flyout menu not appearing correctly.

1.6.19

  • Fix: Header and Footer layout broken after last update.

1.6.18

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.18 version.
  • Improvement: Compatibility with WordPress VIP Go rules.

1.6.17

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.17 version.
  • Fix: Site Logo – Added an alt text for the default logo.

1.6.16

  • Compatibility with latest Elementor and Elementor Pro 3.16 version.
  • Compatibility with PHP 8.1 version.

1.6.15

  • Improvement: Compatibility with latest Elementor and Elementor Pro 3.15 version.
  • Improvement: Added WPML support.
  • Fix: Navigation Menu – HTML validation error on mobile layout related to tabindex inside elements with attribute [role=”button”].
  • Fix: Polylang plugin language causes conflicts when set up with a custom Header Footer.
  • Fix: Site Logo – Align icons not rendering in Elementor editor settings.

1.6.14

  • Improvement: Compatibility with Elementor version 3.13 and Elementor Pro version 3.13
  • Fix: Navigation Menu – Accessibility error corrected for [aria-hidden=”true”] attribute.

1.6.13

  • Compatibility with Elementor version 3.7.2 and Elementor Pro version 3.7.3.

1.6.12

  • Compatibility with Elementor and Elementor Pro.

1.6.11

  • Improvement: Compatibility with Elementor Pro version 3.7
  • Fix: Removed meta tag attribute [maximum-scale=1] for a better accessibility.

1.6.10

  • Improvement: Compatibility with Elementor version 3.6.
    Removed elementor deprecated functions and replaced with latest functions.
    Now to work with Elementor Header & Footer Builder, Elementor minimum version 3.5.0 or higher will be required.

1.6.9

  • Improvement: Compatibility with Elementor Pro version 3.6
  • Fix: Navigation Menu – If Polylang language switcher is present in the menu, it closes the menu with a click.

1.6.8

  • Improvement: WordPress 5.9 compatibility.

1.6.7

  • Improvement: Added GDPR support to Subscription form.

1.6.6

  • Improvement: Added compatibility to Elementor core version 3.5.0. Now to work with EHF, Elementor minimum version 3.1.0 or higher will be required.
  • Fix: PHP warning of undefined array key on responsive controls in all widgets.

1.6.5

  • Fix: Hide empty cart count badge hiding even when cart is not empty.

1.6.4

  • Improvement: Elementor 3.4 compatibility.

1.6.3

  • Improvement: WordPress 5.8 compatibility.
  • Improvement: Elementor 3.3 compatibility.

1.6.2

  • Improvement: Copyright – Added custom link attributes support.
  • Improvement: Page Title – Added custom link attributes support.
  • Improvement: Retina Image – Added custom link attributes support.
  • Improvement: Search – Added gradient color support to the search button.
  • Improvement: Site Logo – Added custom link attributes support.
  • Improvement: Site Title – Added custom link attributes support.
  • Fix: Templates views section not displaying correctly and related code conflicting with Yoast SEO plugin.
  • Fix: Widgets icon color issue with Elementor’s dark mode.

1.6.1

  • Fix: Footer misplaced in the header or content area due to a bug introduced in v1.6.0.

1.6.0

  • New: Added Email Subscription and About Us section on the settings page.
  • New: Renamed the plugin to Elementor Header & Footer Builder.
  • Improvement: Added an option to hide + & – sign added by Twenty Twenty-One Theme.
  • Fix: Navigation Menu – Border for dropdown is also applying to the menu trigger icon.
  • Fix: Navigation Menu – Fix top distance option for dropdown adding a top-margin to sub-menu.
  • Fix: Navigation Menu – Fixed active color issues in case of full-page anchor links used in nav links.
  • Fix: Navigation Menu – Navigation schema not working.

1.5.9

  • Improvement: Added notice to update Elementor to v3.0.0 or higher
    Elementor has deprecated few functions and namespaces with its v3.0.0. Following Elementor, our plugin too deprecates similar functions and namespaces. You will now require the Elementor v3.0.0 or higher.
  • Improvement: Elementor 3.2 Compatibility – Added Elementor Global Color and Typography scheme support.
  • Fix: Navigation Menu – Last menu item button disappearing while switching from mobile to desktop.
  • Fix: Navigation Menu – Last menu item button alignment not working in RTL view.

1.5.8

  • Fix: Hardened allowed options in the editor to enforce better security policies.

1.5.7

  • Improvement: Compatibility with Elementor v3.1.
  • Fix: Navigation Menu – Undefined index notice when menu is not set.

1.5.6

  • Fix: Buttons showing cart subtotal.

1.5.5

  • Improvement: Compatibility with Elementor v3.1.
  • Improvement: Cart – Added Items Count hover color options.
  • Fix: jQuery shorthand deprecation warning for click() and focus() functions.
  • Fix: Cart – Fixed fatal error due to cart initialization.

1.5.4

  • Improvement: Compatibility to PHP v8.0.
  • Improvement: Improved compatibility with Astra theme.
  • Improvement: Navigation Menu – Added option to toggle menu item.
  • Fix: Added ‘alt’ attribute to the widgets containing images.
  • Fix: Closed the missing HTML tag in footer in the global theme compatibility.
  • Fix: Navigation Menu – Alignment option not working for the last menu item set as ‘Button’.

1.5.3

  • Fix: Polylang plugin conflicting issue with target rules.
  • Fix: Navigation Menu – Double link attributes issue with translation plugins.

1.5.2

  • Improvement: Compatibility with Polylang.
  • Improvement: Navigation Menu – Added ‘SiteNavigationElement’ schema support.
  • Improvement: Navigation Menu – Added support to SVG for toggle and close icon.
  • Improvement: Navigation Menu – Added active color support to the link hover effects.
  • Improvement: Page Title – Added option to disable the link.
  • Fix: Exclude EHF templates from query for target rules – Specific Pages / Posts / taxonomies etc.
  • Fix: Cart – Missing wrapper class in the control selector.
  • Fix: Navigation Menu – Added responsive support to flyout box width.

1.5.1

  • Fix: Retained GeneratePress theme’s after header while using EHF header.
  • Fix: Target rule ‘Specific Pages/Posts/Taxonomies etc’ not working.
  • Fix: Cart – Error in some cases.

1.5.0

  • New: Search widget.
  • New: Users can now share non-personal usage data to help us test and develop better products. ( Know More )
  • Improvement: UI improvements.
  • Improvement: Navigation Menu – Added active color for dropdown and current menu parent.
  • Improvement: Navigation Menu – Changed the tablet breakpoint to 1024 in order to support iPad Pro.
  • Fix: Compatibility to PHP v7.4.
  • Fix: GeneratePress theme header now overriden by EHF.
  • Fix: Cart – Count not increasing with AJAX call.
  • Fix: Page Title – Added support for archive title.
  • Fix: Site Title – Custom URL not working.

1.4.1

  • Corrección: La cabecera de EHF se superponía fuera del lienzo en WooCommerce con el tema Astra.
  • Corrección: Menú del carrito de WooCommerce – No se cerrraba la etiqueta `div`del diseño personalizado del carrito.
  • Corrección: Menú del carrito de WooCommerce – Error fatal con el recuento cuando el carrito está vacío.

1.4.0

  • Nuevo: Widget de menú del carrito para WooCommerce.
  • Mejora: Compatibilidad con la edición completa del sitio de Elementor Pro v2.9.
  • Mejora: Compatibilidad integrada para el tema Hello Elementor.
  • Mejora: Compatibilidad de WPML para la plantilla anterior del pie de página.
  • Mejora: Menú de navegación – Añadida una opción para convertir el último elemento en CTA.

1.3.1

  • Corrección: Copyright – No funcionaba el enlace para abrir en una nueva pestaña.
  • Corrección: Menú de navegación – El hacer clic en el menú de hamburguesa no funcionaba en dispositivos adaptables.
  • Obsoleto: Eliminada la dependencia del tema para el plugin, así que ha eliminado el aviso asociado.

1.3.0

  • Nuevo: añadido el widget «Logotipo del sitio».
  • Nuevo: añadido el widget «Título del sitio».
  • Nuevo: añadido el widget «Descripción del sitio».
  • Nuevo: añadido el widget «Menú de navegación».
  • Nuevo: añadido el widget «Título de la página».
  • Mejora Compatibilidad con Elementor v2.9.

1.2.2

  • Corrección: Añadida por defecto la compatibilidad para temas alternativos después de comprobar si el tema actual no los añade.

1.2.1

  • Clasificar los widgets de Elementor en una categoría separada en la ventana de Elementor.
  • Ocultar las opciones de las reglas de destino cuando se selecciona una plantilla de bloque personalizada.

1.2.0

  • Nuevo: Compatibilidad para todos los temas. Incluye dos métodos alternativos separados para que puedas crear encabezados y pies de página personalizados para cualquier tema.
  • Nuevo: Añadido el motor de reglas de objetivo, que te permite tener diferentes encabezados/pies de página para diferentes páginas.
  • Nuevo: Añadido el widget de imagen retina de Elementor, que puede ser usado como logotipo del sitio.
  • Nuevo: Añadido un widget y un shortcode de copyright para el año actual y el título del sitio.
  • Mejora: Permitir que antes de pie de página se trabaje en la plantilla de lienzo de Elementor cuando no usa el tema Astra.
  • Mejora: Añadida compatibilidad para todos los tema para la acción Antes del pie de página.

1.1.4

  • Corrección: Eliminar los enlaces permanentes al actualizar el plugin para el error de Elementor al intentar editar la cabecera/pie de página.

1.1.3

  • Improvement: Allow changing the permalinks for the hfe templates (#162)
  • Corrección: Las traducciones de WPML no funcionan cuando se usa la plantilla de Elementor como un shortcode. (#159)
  • Corrección: El contenido de la página aparece encima de la cabecera. (#150)
  • Corregido: Eliminada la advertencia obsoleta de función, para las funciones de shortcodes. (Props @hogash #145)

1.1.2

  • Corrección: Obsoleta la advertencia de la función del método de Elementor \Elementor\Post_CSS_File

1.1.1

  • Corrección: Se visualiza la cabecera en blanco cuando solo se traduce el pie de página usando WPML.

1.1.0

  • New: Rename plugin to be Header Footer & Blocks builder as now the blocks templates can be used as shortcodes.
  • Nuevo: Añadir plantillas antes del pie de página para el tema Astra. Las opciones para otros temas llegarán pronto.
  • Nuevo: Usar plantillas (bloques) en cualquier parte de tu contenido con la ayuda de los shortcodes.
  • Mejora: Mejorada la interfaz de usuario de la caja meta para el tipo de contenido de la cabecera y el pie de página.

1.0.16

  • Corregido: Permite omitir el aviso sobre tema no compatible.
  • Corrección: usa un selector específico al añadir la propiedad «z-index» en la cabecera.

1.0.15

  • Solución: el encabezado predeterminado que se muestra para Generatepress y el tema Genesis después de v1.0.14.

1.0.14

  • Solución: se corrigen los posibles avisos/errores de PHP debido a que WP_Query se llama antes para todos los temas compatibles.

1.0.13

  • Corregido: avisos y errores de PHP debido a que WP_Query se llama antes cuando algunos plugins usan filtros dentro de WP_Query.

1.0.12

  • Corregido: compatibilidad con Elementor 2.0 cambió la ruta de la plantilla canvas.

1.0.11

  • Cargar el CSS del pie de página pronto en la página para evitar la renderización lenta de CSS.
  • Cambiados los enlaces a schema.org para que sean https.
  • Corregido: añadida una marca de esquema correcta para el pie de página.

1.0.10

  • Cargar la estructura de cabecera correctamente en la plantilla Elementor canvas.
  • Cargar los archivos CSS/JS de Elementor Pro.
  • Proporciona más filtros para las funciones de ayuda.

1.0.9

  • Añadir soporte para WPML.
  • Se actualizaron las cadenas que faltaban de la plantilla de traducciones.

1.0.8

  • Permitir filtros para sobreescribir los parámetros WP_Query al recuperar el id de la plantilla de cabecera / pie de página.

1.0.7

  • Solución: aviso descatable que en realidad no se descartaba.

1.0.6

  • Nuevo: opción para mostrar la cabecera / pie de página en las páginas usando la plantilla Elementor Canvas.

1.0.5

  • Solución: revisar si Elementor está actualmente activo antes de usar sus métodos. Esto corrige los errores en los sitios que usan antiguas versiones de PHP donde Elementor no está activado en este momento.

1.0.4

  • Mejora: usar la instancia creada de Elementor cuando se renderiza el marcado para la cabecera / pie de página – Créditos itay9001

1.0.3

  • Solución: añadiendo el soporte para el tema para el plugin no elimina el aviso de “no soportado”.

1.0.2

  • Nuevo: añadido soporte para el tema OceanWP.
  • Fix: Load the Elementor header assets correctly in the header. This fixes header looking different just when loading the page as previously Elementor would load its CSS in the footer.
  • Se introdujeron funciones de ayuda para renderizar y verificar las cabeceras para facilitar la integración de HFE con más temas.

1.0.1

  • Nuevo: añadido soporte para el tema de WordPress Astra – El tema de WordPress más rápido, ligero y personalizable.
  • Se trasladó el menú a Apariencia -> Header Footer Builder.
  • Solución: el contenido del encabezado se oculta detrás del contenido de la página.
  • Usa la plantilla canvas de Elementor cuando diseñas la estructura de cabecera o pie de página para tener ancho total.

1.0.0

  • Lanzamiento inicial.