El pie de página, también llamado footer, es esa parte de tu web que está abajo del todo, donde suelen aparecer cosas como el aviso legal, la política de cookies, redes sociales, el logo o incluso menús secundarios. Aunque muchas veces lo dejamos para el final, es una de las zonas más importantes porque aparece en todas las páginas y transmite una sensación de cierre o de continuidad según cómo lo diseñes.
Si estás usando Divi en WordPress, ya sabes que este tema te permite hacer prácticamente de todo sin tocar una línea de código. Pero claro, cuando empiezas a trastear con los pies de página personalizados, es fácil perderse un poco. Que si los menús, que si los colores, que si el logo no se ve bien… En fin, para evitarte líos, te voy a contar paso a paso cómo crear un pie de página en Divi que se adapte a tu web, quede profesional y, sobre todo, que no te dé dolores de cabeza.
¿Por qué es importante personalizar el pie de página en Divi?
A ver, lo primero: Divi viene con un pie de página por defecto que incluye su publicidad (“Designed by Elegant Themes”) y, sinceramente, no queda nada bien si estás montando una web profesional. Es más, es lo primero que suelo quitar cuando empiezo una web con Divi.
El footer no es un simple “relleno”. Bien usado, sirve para:
- Dar acceso rápido a páginas legales
- Mostrar información de contacto
- Añadir enlaces a redes sociales
- Reforzar tu identidad visual con el logo
- Mejorar el SEO con enlaces internos
¿Cómo hacer un pie de página en Divi desde cero?
Paso 1: Crear un menú para el pie de página
Lo primero de todo, creamos un menú específico para el footer. Este menú no tiene por qué ser igual al del encabezado. Puede contener enlaces a la política de privacidad, aviso legal, cookies o lo que tú quieras.
- Ve a Apariencia > Menús
- Haz clic en “Crear un nuevo menú”
- Nómbralo por ejemplo “Footer”
- Añade las páginas legales que tengas (puedes crear un borrador rápido de la Política de Privacidad si no la tienes aún)
- Guarda el menú
Consejo: si todavía no tienes la página de cookies o aviso legal, no pasa nada. Puedes añadirlas luego y volver aquí para meterlas al menú.
Paso 2: Entrar al Generador de temas de Divi
Ahora viene lo bueno. Vamos a crear nuestro pie de página global:
- Ve a Divi > Generador de temas
- En el bloque de pie de página (footer), haz clic en “Agregar pie de página global”
- Selecciona “Construir pie de página global” desde cero
Aquí empieza la magia con el Divi Builder.
Diseño típico de un pie de página en Divi: ejemplo práctico
Imagina que quieres un pie de página con tres columnas:
- Columna 1: Menú legal
- Columna 2: Logo centrado
- Columna 3: Menú de navegación o enlaces rápidos
Así puedes hacerlo:
Paso 3: Crear la estructura de columnas
- Añade una fila de 3 columnas
- En la columna 1, añade un módulo Menú y selecciona el menú Footer
- En la columna 2, añade un módulo Imagen y sube tu logo. Ajusta el tamaño si queda demasiado grande
- En la columna 3, añade otro módulo Menú y selecciona el menú principal si lo quieres repetir
Truco: si quieres que ambos menús tengan el mismo estilo, copia los estilos de uno y pégalos en el otro con clic derecho en los tres puntitos > Copiar estilos del módulo.
Paso 4: Personaliza el diseño
Aquí puedes echarle creatividad, pero algunos ajustes que suelo hacer sí o sí son:
- Colores: Fondo oscuro con letras blancas suele funcionar muy bien
- Tipografía: Usa el mismo tipo de letra que el resto del sitio, pero quizás un pelín más pequeña
- Espaciado: Asegúrate de que hay margen suficiente alrededor para que no quede todo apelotonado
Consejo: puedes usar un gradiente de fondo si quieres un toque moderno. A mí me gusta usar un fondo gris oscuro tirando a negro y una línea fina encima del footer para separar visualmente.
Cómo aplicar un pie de página global a toda la web
Una vez que termines el diseño del footer:
- Haz clic en Guardar dentro del Divi Builder
- Vuelve al Generador de temas
- Pulsa Guardar cambios en la esquina superior derecha
Y ¡listo! Ahora tu nuevo pie de página aparece en toda la web.
¿Y si quiero un pie de página diferente solo para una página?
Esto es algo que muchos no saben, pero Divi te permite hacer pies de página personalizados por página. Y sí, es tan fácil como suena:
- En el Generador de temas, en lugar de usar el pie de página global, crea una plantilla específica para esa página (por ejemplo, solo para la página de “Servicios”)
- Dentro de esa plantilla, en la sección de pie de página, haz clic en “Agregar pie de página personalizado”
- Construye ese footer como tú quieras. Puedes incluso copiar el pie de página global y luego modificar colores o contenido
Anécdota: una vez un cliente me pidió que en la página de contacto no saliera ningún menú en el pie porque “distraía”. Pues nada, creé un footer solo con los datos de contacto y un mapa, y tan contento.
Errores comunes al crear el footer en Divi (y cómo evitarlos)
❌ Dejar la publicidad de Divi
Si no creas tu propio footer, seguirás viendo el típico “Designed by Elegant Themes”. Es lo primero que cualquier visitante percibe como poco profesional.
❌ Poner letra oscura sobre fondo oscuro
Esto pasa más de lo que debería. Haz siempre pruebas de contraste. Y si usas un fondo oscuro, asegúrate de que la tipografía sea clara.
❌ No probar en móvil
Hay pies de página que se ven genial en escritorio pero en móvil son un desastre. Siempre revisa en modo responsive dentro del propio Divi Builder.
❌ No enlazar las páginas legales
Esto es clave por motivos legales y de SEO. Asegúrate de incluir enlaces a la política de privacidad, aviso legal y cookies.
Consejos extra para un footer que deje huella
- Añade un formulario de suscripción si tienes newsletter
- Incluye iconos sociales con enlaces a tus redes
- Pon el año dinámico del copyright con código:
© [et_pb_dynamic_year] TuNombre.com - Usa iconos o ilustraciones si tu marca es más visual o creativa
Conclusión: ¿Merece la pena dedicar tiempo al pie de página?
Totalmente. El footer no es solo el final de tu web, es parte de la experiencia de usuario. Ayuda a navegar, genera confianza y te da ese toque de profesionalidad que a veces marca la diferencia.
Yo mismo he pasado de pensar “esto no lo mira nadie” a cuidar cada detalle. De hecho, más de un cliente me ha dicho: “oye, qué chulo el pie de página, ¿me puedes hacer uno igual?”
