Descripción

¿Alguna vez habías imaginado que podrías crear la cabecera y el pie de página de tu web con Elementor GRATIS?

Elementor Header & Footer Builder es un plugin para WordPress sencillo, pero potente, que te permite crear un diseño con Elementor y establecerlo como
– Cabecera
– Pie de página
– Bloque (en cualquier parte de la web)

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

El plugin Elementor Header & Footer Builder funciona con todos los temas para WordPress. Pocos de los temas tienen compatibilidad directa, aunque para esos pocos puedes elegir un método para añadir compatibilidad con el tema.

En caso de que tengas dificultades para mostrar la cabecera o el pie de página, elige manualmente el método de compatibilidad del tema. Visita «Apariencia > Elementor Header & Footer Builder > Compatibilidad de temas». ¡Selecciona un método que se adapte a tu tema actual y listo!

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!

Puedes consultar nuestro artículo paso a paso que te ayudará a establecer cabeceras y pies de página de Elementor rápidamente.

¿BUSCAS EXTENSIONES Y WIDGETS PREMIUM PARA ELEMENTOR?

Echa un vistazo a Ultimate Addons for Elementor. Es una biblioteca de widgets de Elementor creativos y únicos que añade más funcionalidad y flexibilidad a tu maquetador de páginas favorito.

¿HAS PROBADO ASTRA CON ELEMENTOR?

Funcionando en más de 1 millón de webs WordPress, Astra gusta por el rendimiento y la facilidad de uso que ofrece.

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.

Ponte en contacto con nosotros en GitHub.

¡Hecho con cariño 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

Go to Plugins -> Add New and search for Elementor Header & Footer Builder.
Activar el plugin a través de la pantalla «Plugins» en WordPress.
Ve a Apariencia -> Header Footer & Blocks Builder para crear un diseño de cabecera o pie de página usando Elementor.
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?

Go to Appearance -> Elementor Header & Footer Builder to build a header or footer layout using Elementor.
Haz clic en «Añadir nuevo» y diseña una plantilla con Elementor.
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).
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.

El plugin Header Footer & Blocks Builder simplemente te proporciona un contenedor donde puedes diseñar completamente la cabecera usando Elementor Page Builder, por lo que el proceso de crear el diseño móvil adaptable es exactamente el mismo que si crearas un diseño adaptable de tus otras páginas de Elementor.

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

ton123 16 de abril de 2024 1 respuesta

Works just perfect for your Header & Footer with Elementor.

alssg 15 de abril de 2024 1 respuesta

From the moment I started using WordPress, I've been over 100% happy and satisfied with Elementor. As a non-techie, I was amazed by how Elementor empowered me to create a professional-looking website from scratch. I began with their free version and shortly upgraded to pro. Their support is prompt, helpful, and provides excellent assistance. However, it would be more convenient if they allowed users to utilise a single ticket for multiple questions or issues instead of requiring separate tickets for each one. Having to log in and submit multiple tickets can be a bit frustrating, especially for users like me who are still learning. Additionally, I've encountered some difficulty in navigating the process of submitting a ticket to support. Despite these minor challenges, I've been able to reduce the number of plugins I use significantly, as Elementor covers most of my needs. Keep up the great work, Elementor team!

Mir Monoarul Alam 14 de abril de 2024 1 respuesta

This plugin is great.

melissathina 9 de abril de 2024 1 respuesta

This plugin makes the ease of customizing headers and footers across my Elementor sites a breeze. You can fine-tune down to your subheaders, adjust how things will stack on mobile so you don't run into any surprises.

vbouie 8 de abril de 2024 1 respuesta

Makes life so much easier.

zzvschnerk 8 de abril de 2024 1 respuesta

Großartig!!!

Leer todas las 2.306 reseñas

Colaboradores y desarrolladores

«Elementor Header & Footer Builder» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

«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.28

Fix: Error messages appearing for Display rules.

1.6.27

Improvement: Compatibility with latest Elementor and Elementor Pro 3.21 version.
Improvement: Compatibility with PHP 8.3 version.
Fix: This update addressed a security bug. Props to Wordfence.

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

Mejora: Permitir el cambio de los enlaces permanentes para las plantillas «hfe» (#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

Nuevo: Plugin renombrado a «Header Footer & Blocks Builder», ya que ahora pueden usarse las plantillas de bloques como 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

Corrección: 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

Corrección: la 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.
Corrección: añadido un marcado de esquema correcto en 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.
Corrección: Carga los recursos de la cabecera de Elementor de forma correcta en la cabecera. Esto corrige que se vea diferente la cabecera al cargar la página ya que anteriormente Elementor cargaba su CSS en el pie de página.
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.