Constructor de pie de página
Crea un pie de página profesional y multicolumna directamente desde el panel de WordPress, elige hasta seis secciones por fila, personaliza cada detalle visualmente y colócalo con un bloque, un shortcode o automáticamente en todas las páginas.
Activación y colocación
Abre Menu Builder → Pie de página. La barra de herramientas en la parte superior de la página controla el comportamiento global del pie de página:
| Ajuste | Descripción |
|---|---|
| Activar pie de página | Interruptor principal. El pie de página solo se renderiza cuando está activado y se ha añadido al menos una sección. |
| Diseño | Primera columna ancha (la primera sección es más ancha, ideal para un bloque "Sobre nosotros"), Columnas iguales o Centrado. |
| Colocación | Manual — lo colocas tú con el bloque o el shortcode. Automático — el pie de página se inserta al final de todas las páginas. |
| Prioridad | Solo visible con Colocación automática. Prioridad del hook wp_footer (1–9999, por defecto 100) — los números menores se imprimen antes. Auméntala si el pie de página colisiona con otro plugin. |
La colocación automática evita duplicados: si ya se generó un pie de página manualmente (con bloque o shortcode) más arriba en la misma página, la inserción automática se omite para que nunca aparezcan dos pies de página.
Asistente de configuración
La forma más rápida de crear un pie de página completo es el botón 🪄 Asistente de configuración en la barra de herramientas. Te guía por cuatro pasos — diseño → tema → contenido → barra inferior — y genera un pie de página completo y estilizado en menos de un minuto. El asistente se abre automáticamente la primera vez que visitas la página de Pie de página.
Secciones del pie de página
El pie de página se construye a partir de secciones (las columnas). Haz clic en ＋ Añadir sección para añadir una — hasta 6 por fila. Cada tarjeta de sección tiene un Título, una casilla Ocultar en móvil y un botón ⧉ Duplicar que clona toda la sección (incluyendo su contenido) y la inserta justo debajo.
Hay 7 tipos de sección:
| Tipo | Qué renderiza | Campos principales |
|---|---|---|
| Sobre nosotros / texto | Una imagen de logotipo opcional seguida de un párrafo de texto — normalmente una breve descripción de la empresa. | Imagen del logo, ancho de la imagen, texto |
| Lista de enlaces | Una lista vertical de enlaces (hasta 20), cada uno puede abrirse en una nueva pestaña. | Etiqueta, URL, abrir en nueva pestaña |
| Información de contacto | Dirección, teléfono y correo electrónico. El teléfono se convierte en enlace tel: y el correo en mailto: automáticamente. | Dirección, teléfono, correo |
| Iconos de redes sociales | Una fila de iconos de redes sociales (hasta 14) con enlaces a tus perfiles. | Red + URL por icono |
| Horario de atención | Una lista simple de líneas (hasta 10), p. ej. "Lun–Vie: 9–18 h". | Una línea por entrada |
| Newsletter | Un formulario de suscripción por correo que envía a cualquier servicio externo (Mailchimp, ConvertKit, Brevo, …). | URL de acción del formulario, subtítulo, placeholder, texto del botón, texto RGPD |
| HTML personalizado | Cualquier HTML, saneado con wp_kses_post de WordPress — útil para inserciones, badges o shortcodes. | HTML |
La sección de iconos de redes sociales admite 14 redes: Facebook, Instagram, X (Twitter), LinkedIn, YouTube, TikTok, Pinterest, GitHub, WhatsApp, Telegram, Discord, Spotify, Threads y Correo electrónico. Los iconos provienen de los glifos de marca de Font Awesome 6.
La sección Newsletter no renderiza nada hasta que introduzcas una URL de acción del formulario — esto evita que un formulario vacío envíe accidentalmente a la página actual. Añade una casilla opcional de consentimiento RGPD para mantener las suscripciones en regla.
Barra inferior
Debajo de las secciones hay una barra inferior opcional, configurada en la misma página:
- Texto de copyright — texto libre; el token
{year}se reemplaza automáticamente por el año actual. - Enlaces legales — hasta 6 pequeños enlaces (Privacidad, Términos, Cookies, …).
- Redes sociales en la barra inferior — muestra también tus iconos sociales en la barra inferior.
- Botón volver arriba — una flecha flotante con el color de acento que aparece después de 300 px de scroll y sube suavemente al inicio.
Temas del pie de página
La cuadrícula de 🎨 Temas del pie de página aplica una paleta de colores cuidadosamente seleccionada con un solo clic. Hay 11 temas:
Midnight, Carbon Gold, Graphite, Deep Ocean, Evergreen, Bordeaux, Sapphire, Aurora, Porcelain, Sandstone y Editorial.
Cada uno está ajustado para el contraste y la armonía visual — las paletas oscuras incluyen sutiles degradados de profundidad. Aplicar un tema no es destructivo: cada color individual sigue siendo editable en el panel de estilo.
Estilo
El panel 🎛 Estilo (con vista previa en vivo junto a él) te da control visual completo. Una 👁 Vista previa en vivo se actualiza en tiempo real al cambiar secciones, colores y tipografía.
Colores
Fondo, encabezados, texto, enlaces, hover de enlace, acento, más el fondo y el texto de la barra inferior. Un degradado CSS de fondo opcional puede reemplazar el fondo sólido.
Diseño
| Opción | Rango |
|---|---|
| Barra de acento (línea de color en la parte superior) | Activar/desactivar + altura 1–10 px |
| Relleno vertical | 16–160 px |
| Relleno horizontal | 0–120 px |
| Separación entre columnas | 8–120 px |
| Ancho máximo del contenido | 600–1920 px |
| Espaciado de enlaces | 2–40 px |
| Alineación en móvil | Izquierda o Centrado |
| Divisor de barra inferior | Mostrar/ocultar el borde superior |
Tipografía
- Encabezado — tamaño (10–28 px), peso (Regular–Extranegrita) y estilo (MAYÚSCULAS o Normal).
- Tamaño del texto — 11–20 px.
- Efecto hover de enlace — Deslizar a la derecha, Subrayado animado o Solo color.
Iconos de redes sociales
Elige un estilo — Círculo, Cuadrado redondeado o Iconos simples — y un tamaño de 12–28 px.
CSS personalizado
Un campo CSS con alcance limitado para ajustes finos. Usa .menux-footer como selector padre para mantener tus reglas contenidas al pie de página.
Colocar el pie de página
Hay tres formas de añadir el pie de página a tu sitio — elige la que mejor se adapte a tu tema:
- Automático — establece la Colocación en Automático en la barra de herramientas y el pie de página aparecerá al final de todas las páginas. No se necesita bloque ni shortcode.
- Bloque de Gutenberg — añade el bloque MenuX — Footer a una parte de plantilla de pie de página en el Editor del sitio (temas FSE).
- Shortcode — pega
[menux_footer]en cualquier página, área de widgets o constructor de páginas (Elementor, Divi, temas clásicos).
Todos los textos del pie de página — encabezados, enlaces, copyright y más — son traducibles. El constructor registra cada cadena con la API de traducción de cadenas de WPML / Polylang, y TranslatePress traduce la salida renderizada directamente. Consulta la página de Multilingüe.