Ir al contenido 
En Codwelt sabemos que header y footer elementor suele ser una necesidad urgente cuando quieres que tu web se vea profesional, navegue mejor y convierta más… pero sin pagar Elementor Pro. La buena noticia: sí se puede, y es más sencillo de lo que parece.
En esta guía te mostramos, paso a paso, cómo crear una cabecera y un pie de página con Elementor sin Elementor Pro, usando Ultimate Addons for Elementor (UAE). Lo haremos con lenguaje simple y con decisiones prácticas para que tu sitio no solo “se vea bonito”, sino que funcione como herramienta comercial.
@codwelt 🔥 ¿No tienes Elementor Pro pero quieres crear un header y footer profesional en WordPress? 😏 En este video te enseñamos cómo construir el header y el footer de tu página web usando Elementor SIN necesidad de la versión Pro 🚀 🔹 Crea menús personalizados 🔹 Diseña encabezados profesionales 🔹 Construye footers modernos y funcionales 🔹 Todo optimizado para móvil y escritorio 📱💻 Ideal para emprendedores, diseñadores web y personas que están creando su sitio en WordPress sin gastar de más 💡 💾 Guarda este tutorial 💬 Comenta si quieres más hacks de Elementor ➕ Síguenos para más tips de WordPress y diseño web #Elementor #ElementorFree #WordPress #HeaderWordPress #FooterWordPress ♬ sonido original – Codwelt
¿Qué son el header y el footer de una página web?
El header es la franja superior de tu sitio. Normalmente lleva el logo, el menú, un botón de contacto o WhatsApp, y a veces un buscador. Es la “recepción” de tu web: orienta y guía.
El footer es la franja inferior. Suele incluir datos de contacto, enlaces útiles, redes sociales, políticas y datos legales. Es como una tarjeta de presentación: deja todo lo importante a mano al final.
Cuando trabajamos bien header y footer elementor, la web se siente más confiable. Y eso se traduce en más clics, más mensajes y más conversiones.
¿Por qué usar Ultimate Addons for Elementor sin Elementor Pro?
Ultimate Addons for Elementor amplía Elementor con funciones muy útiles, incluida la posibilidad de crear plantillas de cabecera y pie de página sin pagar. Esto es clave si quieres crear header con Elementor gratis y crear footer con Elementor gratis sin depender del tema.
Algo importante: UAE reemplazó en muchos casos al antiguo plugin “Elementor Header & Footer Builder”. Por eso, si ves tutoriales viejos, el nombre o la ruta del menú puede variar.
Con UAE puedes crear distintos tipos de plantillas: Header, Footer, Before Footer y Custom Block. Esto te permite tener una cabecera general, un footer general y bloques reutilizables, sin complicarte.
Requisitos antes de comenzar
Antes de tocar elementos globales, recomendamos tener esto listo. Te ahorra tiempo y reduce errores.
- WordPress funcionando y acceso a
/wp-admin. - Elementor instalado y activo.
- Logo optimizado (WebP o PNG liviano).
- Menú principal creado desde WordPress.
- Textos y enlaces de contacto definidos (WhatsApp, correo, políticas).
Y un consejo práctico: haz una copia de seguridad. Una cabecera se ve en muchas páginas; un error pequeño se multiplica, como fotocopiar una errata cien veces 😄.
Paso 1 — Instalar Ultimate Addons for Elementor
Vamos a lo concreto. En WordPress entra a:
Plugins → Añadir nuevo → buscar “Ultimate Addons for Elementor” → Instalar ahora → Activar.
Este plugin es desarrollado por Brainstorm Force. Al activarlo, verás nuevas opciones en el panel relacionadas con UAE.
Aquí empieza el camino para lograr header y footer elementor sin Elementor Pro, con control total y edición visual.
Paso 2 — Crear una nueva plantilla de cabecera o pie de página
Luego vamos a la ruta actual:
Escritorio → UAE → Header & Footer Builder → Add New.
En instalaciones más antiguas puede aparecer en otra ruta, pero la lógica es la misma: crear una plantilla global.
Ponle un nombre claro. Esto evita confusiones cuando tu sitio crece.
Ejemplos simples: “Header principal”, “Footer principal”, “Header tienda”, “Footer landing”. Tener nombres claros hace más fácil configurar header y footer en WordPress sin perderte.
Paso 3 — Seleccionar el tipo de plantilla
Aquí aparece el campo “Tipo de plantilla”. Es importante porque define qué estás creando.
Si vas a crear cabecera, selecciona Header / Cabecera.
Si vas a crear pie, selecciona Footer / Pie de página.
Verás opciones extra como “Before Footer” y “Custom Block”. Úsalas solo si sabes para qué las necesitas. Para la mayoría de webs, con header y footer principales es suficiente.
En este punto ya estás en el núcleo de header y footer elementor, solo falta decir dónde se mostrará.
Paso 4 — Definir dónde mostrar el header o footer
La opción “Mostrar en” (Display On) define dónde se verá tu plantilla.
Para la mayoría de negocios, una cabecera y un pie estándar se muestran en todo el sitio. En UAE, eso suele ser “Entire Website” o “Todo el sitio”.
También puedes mostrarla solo en páginas específicas, entradas, categorías o productos (si tienes WooCommerce). Esto es útil cuando necesitas una cabecera distinta por objetivo, por ejemplo una landing con menos distracciones.
Un consejo práctico: antes de publicar, decide si quieres una cabecera única o varias. A veces una cabecera para el blog y otra para campañas mejora resultados, porque la intención del visitante es distinta.
Paso 5 — Configurar los roles de usuario
La opción “Roles de usuario WordPress” define quién puede ver la plantilla según su rol (visitante, suscriptor, cliente, administrador, etc.).
Esto es útil si tienes área privada. Por ejemplo, puedes mostrar un header distinto para usuarios logueados. O esconder un bloque para visitantes.
En páginas empresariales normales, lo dejamos visible para todos. Y aclaramos algo clave: esto controla quién ve la plantilla, no quién la edita.
Si lo que buscas es mostrar header en todo el sitio, normalmente también lo dejas visible para todos los roles.
Paso 6 — ¿Debemos activar el diseño para la plantilla Canvas de Elementor?
Aquí aparece una pregunta que confunde mucho: Elementor Canvas es una plantilla de página que elimina header, footer y barras laterales. Sirve para páginas “limpias”, como campañas, mantenimiento o páginas de “próximamente”.
La opción suele decir: “Enable Layout for Elementor Canvas Template” o “¿Activamos el diseño para la plantilla Canvas de Elementor?”.
Actívala si quieres que tu header o footer personalizado también aparezca en páginas hechas con Canvas.
Déjala desactivada si quieres una landing sin menú, sin footer y sin distracciones.
En campañas pagas, menos navegación a veces significa más conversiones. No es regla fija, pero suele funcionar.
Paso 7 — Publicar y editar con Elementor
Ahora publicas la plantilla y luego haces clic en Editar con Elementor.
En el header, lo típico es agregar logo, menú y un botón de WhatsApp o contacto. Aquí es donde se vuelve útil pensar en menú responsive Elementor, porque la mayoría de visitas llegan por móvil.
En el footer, incluye datos de contacto, redes, enlaces rápidos y políticas. Un footer bien armado aumenta confianza. También ayuda a tu SEO indirectamente porque mejora navegación y claridad.
Aquí ya estás trabajando de lleno con header y footer elementor de forma visual, sin código y sin Elementor Pro.
Configuraciones avanzadas para mejorar el header y footer
Header fijo al hacer scroll
Un header sticky Elementor se queda visible mientras el usuario baja. Esto ayuda cuando el sitio es largo y quieres que el botón de contacto esté siempre a mano.
Lo recomendamos compacto. En móvil, un header sticky grande se siente invasivo y baja la lectura.
Diseño responsive para celular y tablet
Dentro de Elementor, cambia a vista móvil y tablet. Revisa tamaño del logo, espacios, menú hamburguesa y altura general.
Ajusta para que el botón de WhatsApp sea fácil de tocar. Si el usuario tiene que “atinarle”, pierdes oportunidades.
Reglas de exclusión
Si tienes tienda virtual, blog y landing pages, puede convenir crear distintas plantillas. Esto es parte de configurar header y footer en WordPress con intención comercial.
Una landing de campaña no siempre necesita el mismo menú que una web institucional. Menos opciones = más foco.
Z-index y elementos superpuestos
El z-index define qué elemento queda por encima de otro. Si el menú desplegable queda escondido detrás de un banner, suele ser un problema de z-index.
Ajustarlo evita que el usuario “no pueda abrir el menú”, que es un error silencioso que baja conversiones.
Accesibilidad y estructura clara
Mantén buen contraste, textos legibles y botones grandes en móvil. El ALT del logo debe ser descriptivo. Una navegación simple ayuda al usuario y también ayuda a Google a entender la estructura del sitio.
Buenas prácticas SEO para el header y footer Elementor
Una cabecera y un pie no posicionan por sí solos, pero sí influyen en experiencia, navegación y enlazado interno.
Recomendamos usar textos de menú descriptivos, evitar menús eternos y asegurar contacto visible. En el footer, incluye políticas, datos reales y enlaces útiles.
También optimiza el logo y evita iconos pesados. Esto mejora la velocidad y la percepción. Un sitio rápido se siente más confiable.
Errores comunes al configurar header y footer Elementor
La plantilla no aparece
Revisa que esté publicada y que “Mostrar en” esté en el lugar correcto. Muchas veces el problema es que no se seleccionó “Todo el sitio”.
Aparecen dos cabeceras
Suele pasar cuando el tema tiene su header activo y además activaste el header de UAE. En ese caso, revisa ajustes del tema y desactiva la cabecera anterior.
El header no aparece en una landing
Si la landing usa Elementor Canvas, revisa la opción de compatibilidad. Ahí se define si tu plantilla se muestra o no en Canvas.
El menú se ve mal en móvil
Ajusta el menú hamburguesa, espacios y tamaño del logo. Un menú responsive Elementor bien ajustado es clave para convertir desde celular.
Los cambios no se reflejan
Limpia caché del sitio, del navegador y del CDN si existe. A veces el cambio está bien, pero tu navegador muestra una versión antigua.
Preguntas frecuentes sobre header y footer Elementor
¿Podemos crear header y footer sin Elementor Pro?
Sí. Con Ultimate Addons for Elementor y el UAE Header & Footer Builder se puede.
¿Qué significa “mostrar en todo el sitio”?
Que la plantilla se verá en todas las páginas, salvo que apliques exclusiones.
¿Debemos activar Elementor Canvas?
Solo si quieres que tu cabecera/pie se vea también en páginas Canvas. Si buscas una landing limpia, no lo actives.
¿Podemos tener cabecera distinta para tienda virtual?
Sí. UAE permite reglas por secciones y exclusiones para personalizar por objetivo.
Aprender a configurar header y footer elementor te da control total sobre la identidad, navegación y conversión de tu web, sin pagar Elementor Pro. Una cabecera clara guía al usuario. Un footer completo transmite confianza.
Si quieres llevarlo a nivel profesional, la clave es hacerlo responsive, rápido y con intención comercial, no solo “bonito”.
¿Quieres configurar un header y footer elementor profesional, rápido y optimizado para celular? En Codwelt te ayudamos a mejorar navegación, diseño y conversión. Solicita soporte especializado y convierte tu web en una herramienta comercial más efectiva.
Fuentes
- Ultimate Addons for Elementor — plugin oficial en WordPress: https://wordpress.org/plugins/header-footer-elementor/
- Guía oficial de inicio de Ultimate Addons for Elementor: https://ultimateelementor.com/docs/getting-started-with-ultimate-addons-for-elementor/
- Documentación oficial para crear headers y footers con Ultimate Addons: https://ultimateelementor.com/header-footer-with-elementor/
- Sticky Header (documentación UAE): https://ultimateelementor.com/docs/how-to-make-ultimate-addons-for-elementor-sticky-header-on-scroll-documentation/
- Elementor Canvas (documentación oficial): https://elementor.com/help/using-elementors-canvas-page-template/
- Guía SEO inicial de Google Search Central: https://developers.google.com/search/docs/fundamentals/seo-starter-guide
- Buenas prácticas SEO para imágenes (Google): https://developers.google.com/search/docs/appearance/google-images
