Cómo diseñar un footer con Elementor paso a paso

El footer es la parte más subestimada de tu web

Hace unos años pensaba que el footer era solo el cierre, ese bloque oscuro donde nadie miraba. Mi error. Después de revisar mapas de calor de webs peruanas, descubrí que un porcentaje significativo de visitantes llega ahí buscando información concreta: el número de WhatsApp, la dirección de la oficina, la política de privacidad o el famoso libro de reclamaciones que en Perú es obligatorio. Si tu footer es genérico o descuidado, estás perdiendo conversiones sin enterarte.

Con Elementor Pro y su Theme Builder, diseñar un footer profesional ya no requiere semanas de trabajo ni código a medida. En esta guía comparto el proceso que sigo con clientes peruanos, desde negocios pequeños hasta marcas con operaciones a nivel nacional. Verás qué información incluir, cómo estructurarla, qué decisiones de diseño elevan la marca y por qué el footer tiene un peso real en SEO local que muchos pasan por alto.

Qué hace que un footer realmente funcione

El footer cumple tres funciones claras. La primera es informativa: dice quién eres, dónde estás y cómo te contactan. La segunda es legal: aloja enlaces a políticas, términos y, en el caso peruano, al libro de reclamaciones digital. La tercera es de navegación complementaria: muestra accesos rápidos a páginas importantes que no entraron en el menú principal.

Un footer débil es el que solo tiene el copyright y nada más. Lo veo mucho en webs pequeñas de Lima y provincias. El visitante llega ahí, no encuentra nada útil, cierra la pestaña y se va a la competencia. Un footer fuerte, en cambio, retiene al usuario porque le da otra oportunidad de interactuar antes de irse.

Otro detalle que aprendí con el tiempo: el footer debe transmitir confianza. Una dirección física real, un teléfono fijo o celular peruano, redes sociales activas, y los enlaces legales en orden envían señales de seriedad. Google también las nota. El algoritmo presta atención a la información de contacto consistente cuando rankea negocios locales.

Preparar el Theme Builder para crear tu footer

El proceso empieza igual que con el header: necesitas Elementor Pro porque el Theme Builder es la herramienta que permite reemplazar el footer global del tema. Si trabajas solo con la versión gratuita, podrás diseñar footers individuales por página, pero no uno que se aplique a todo el sitio sin tocar archivos del tema.

Una vez activado, entro al panel de WordPress, voy a Plantillas, Theme Builder y selecciono Footer. Hago clic en Añadir nuevo y elijo entre arrancar desde una plantilla prediseñada o desde cero. Si el cliente tiene una identidad visual marcada, prefiero arrancar en blanco para no copiar estilos genéricos que después tendré que borrar.

Antes de tocar el diseño, defino las condiciones de visualización. La mayoría de proyectos requiere un solo footer global aplicado a todo el sitio. Pero si manejas landings de campaña donde quieres minimizar distracciones, puedes crear un footer reducido con condición especial. Esa modularidad es lo que más me gusta del Theme Builder.

Diseñar la estructura ideal de un footer profesional

Mi plantilla base divide el footer en dos partes: el footer principal y el sub footer. El principal lleva la información útil, organizada en tres o cuatro columnas. El sub footer es esa línea inferior con el copyright y enlaces legales mínimos.

En la primera columna del footer principal pongo el logo de la marca y un párrafo corto con la propuesta de valor. Dos líneas, máximo tres. Algo como una agencia digital con base en Lima especializada en SEO y diseño web. Esto refuerza identidad y ayuda a quien aterrizó por primera vez.

La segunda columna la reservo para enlaces de navegación complementaria. Aquí coloco páginas como Servicios, Portafolio, Blog, Casos de éxito o cualquier sección importante que no esté en el menú principal. Uso el widget Nav Menu de Elementor con un menú secundario creado específicamente para esto desde Apariencia, Menús.

La tercera columna es la de contacto. Pongo dirección física, teléfono, correo electrónico y horarios de atención. Cada dato con su ícono pequeño al costado, usando el widget Icon List o íconos individuales. La dirección la convierto en enlace que abre Google Maps en una pestaña nueva.

La cuarta columna, cuando hay espacio, la dedico a redes sociales y suscripción al newsletter. Para redes uso el widget Social Icons con los logos oficiales de cada plataforma. Para el newsletter integro un formulario corto con el widget Form de Elementor Pro o, si el cliente usa Mailchimp, el bloque nativo de ese servicio.

Incluir el libro de reclamaciones en cumplimiento de la Ley 32495

Aquí viene un punto crítico que a veces los diseñadores extranjeros pasan por alto. En Perú, según la Ley 32495 y la normativa de Indecopi, todo proveedor de bienes o servicios al consumidor final está obligado a tener un libro de reclamaciones, y si vende a través de internet, debe ofrecer también la versión digital. El enlace al libro de reclamaciones tiene que estar visible y accesible, y el footer es el lugar natural para ubicarlo.

Lo recomendable es usar un ícono distintivo, normalmente el clásico cuadrado rojo con el texto libro de reclamaciones. Lo puedes encontrar en versión SVG en varios sitios oficiales. Lo arrastras al footer con el widget Image y lo enlazas al formulario digital. Hay varias opciones: puedes hospedar el formulario en tu propio sitio usando un plugin como Libro de Reclamaciones WP, o redirigir a un servicio externo como Indecopi.

No incluir el libro de reclamaciones puede acarrear multas significativas. Lo he visto en clientes que reciben notificaciones de Indecopi por no tener el acceso visible. Así que cuando diseño un footer para un negocio peruano, este elemento es tan importante como el logo o el teléfono.

Sumar elementos que refuerzan confianza

Más allá de los obligatorios, hay elementos que elevan el footer y que vale la pena considerar. Los certificados de seguridad o sellos de pago verificado funcionan bien para tiendas online. Los logos de medios donde la marca ha aparecido construyen autoridad. Las membresías a cámaras de comercio o gremios profesionales también suman.

Otro elemento útil es el mapa embebido de Google. Si tienes oficina física, mostrar el mapa pequeño en el footer ayuda al usuario a ubicarte de un vistazo. Elementor tiene el widget Google Maps que se integra de forma sencilla, solo necesitas la dirección o las coordenadas exactas.

Si manejas un blog activo, puedes incluir un mini bloque con las tres entradas más recientes usando el widget Posts de Elementor Pro. Esto mantiene el contenido fresco y mejora la navegación interna, lo que a su vez tiene un impacto positivo en SEO.

El sub footer con copyright y enlaces legales

Debajo del footer principal pongo una franja angosta, normalmente con fondo de color distinto o con una línea separadora. Aquí va el copyright con el año actualizado de forma dinámica usando shortcodes o un widget de texto con la sintaxis correspondiente.

Al lado del copyright incluyo enlaces a política de privacidad, términos y condiciones, política de cookies y, en algunos casos, política de envíos y devoluciones si es un e-commerce. Estos enlaces se mantienen pequeños, con tipografía un poco menor que el resto del footer, pero perfectamente legibles.

Un detalle de detalle: alineo el copyright a la izquierda y los enlaces legales a la derecha. En móvil ambos se centran y se apilan. Esa simetría sutil hace que el cierre del sitio se sienta profesional.

Optimizar el footer para SEO local

El footer es uno de los lugares donde el algoritmo busca señales de SEO local. Si tienes una dirección física en Miraflores, San Isidro, Surco o cualquier distrito de Lima, ponerla en formato de texto plano y en datos estructurados ayuda mucho. No la pongas como imagen, porque el bot no la lee.

Lo mismo aplica al teléfono. Usa el formato internacional con código de país, como +51 1 1234567 para línea fija o +51 9XX XXX XXX para celular. Esto ayuda a la consistencia NAP, que en SEO local es nombre, dirección y teléfono. Cuanto más consistente sea esa información entre tu sitio, Google Business Profile y directorios, mejor rankeas.

También puedes agregar un fragmento de marcado schema.org tipo LocalBusiness en el footer, usando un widget HTML personalizado o un plugin como Rank Math que lo genera automáticamente. Esto le dice a Google de forma estructurada quién eres y dónde estás.

Hacer el footer responsive sin complicaciones

En escritorio el footer va a cuatro columnas. En tablet se reduce a dos. En móvil se vuelve una sola columna apilada. Elementor maneja esto desde la configuración de columnas con la opción Responsivo, donde defines el comportamiento por dispositivo.

Lo importante es revisar el orden de aparición en móvil. La columna de contacto debe quedar arriba, porque es lo que más busca el usuario que escanea con el dedo. Luego el menú de navegación, después las redes sociales y al final el copyright. Si dejas el orden por defecto, a veces queda al revés y el visitante tiene que bajar mucho para encontrar el teléfono.

Las tipografías también se ajustan. En móvil reduzco el tamaño de los textos secundarios pero mantengo el del teléfono y la dirección. Lo importante debe seguir destacando.

Errores comunes en footers diseñados con Elementor

El primero y más grave: olvidar el libro de reclamaciones en negocios peruanos. Cumplir la ley no es opcional y el footer es el lugar lógico para ese enlace.

El segundo: poner demasiado texto. El footer debe ser denso en información útil pero no abrumador. Si hay diez columnas con veinte enlaces cada una, el visitante se pierde.

El tercero: redes sociales rotas o que no se usan. Si pones íconos de Facebook, Instagram y X, todos los enlaces deben funcionar y las cuentas deben tener actividad reciente. Un perfil abandonado genera más desconfianza que la ausencia de redes.

El cuarto: copyright con año fijo. Si pones 2022 y estamos en 2026, transmites abandono. Usa el shortcode dinámico que actualiza el año automáticamente.

Preguntas frecuentes sobre footer con Elementor

¿Necesito Elementor Pro para diseñar un footer global?

Sí, el Theme Builder, que es la herramienta para crear footers que se apliquen a todo el sitio sin tocar el código del tema, está disponible solo en Elementor Pro. Con la versión gratuita puedes editar footers de páginas individuales, pero no reemplazar el footer del tema de forma global.

¿Es obligatorio incluir el libro de reclamaciones en mi footer?

Si vendes bienes o servicios a consumidores finales en Perú, sí. La Ley 32495 y la normativa de Indecopi obligan a tener un libro de reclamaciones accesible, y para negocios con presencia digital debe ofrecerse en versión virtual. El footer es el lugar más visible y natural para ese enlace.

¿Cómo agrego íconos de redes sociales a mi footer?

Usa el widget Social Icons de Elementor. Lo arrastras al footer, agregas las redes que necesitas con sus enlaces respectivos, ajustas tamaño y color. También puedes personalizar el efecto hover para que coincida con la identidad de la marca. Asegúrate de que los enlaces funcionen y que las cuentas estén activas.

¿Cómo hago que el año del copyright se actualice solo?

En el widget de texto del footer escribes el copyright usando un shortcode como current_year o, si tu tema no lo soporta, agregas un widget HTML con un fragmento de PHP que imprima el año actual. También hay plugins ligeros que ofrecen este shortcode listo para usar sin tocar código.

¿Cuántas columnas debe tener un footer profesional?

Lo más común es entre tres y cuatro columnas en escritorio. Tres si tu información es concisa, cuatro si necesitas espacio para redes sociales, newsletter o enlaces adicionales. Más de cuatro suele saturar y restarle claridad. En tablet pasa a dos y en móvil a una sola columna apilada.

¿Puedo agregar un formulario de contacto en el footer?

Sí, y es una práctica que recomiendo cuando el negocio busca capturar leads de forma constante. Usa el widget Form de Elementor Pro con campos mínimos como nombre, correo y mensaje. No abrumes con muchos campos en el footer, porque el visitante está de paso. Si quieres algo más simple, un formulario de suscripción al newsletter funciona muy bien.

¿El footer afecta el SEO de mi sitio?

Sí, especialmente para SEO local. Incluir dirección física, teléfono y datos estructurados con schema LocalBusiness ayuda a Google a entender quién eres y dónde estás. También los enlaces internos a páginas importantes desde el footer mejoran la navegación del bot por tu sitio, lo que indirectamente beneficia el ranking.

¿Puedo tener footers diferentes según la página?

Sí, desde el Theme Builder puedes crear varios footers y asignarlos con condiciones de visualización distintas. Por ejemplo, un footer completo para el sitio general y un footer simplificado para landings de campaña donde quieras reducir distracciones. La condición se configura al guardar la plantilla.

¿Cómo agrego un mapa de Google al footer?

Usa el widget Google Maps de Elementor, que viene tanto en la versión gratuita como en la Pro. Solo necesitas pegar la dirección o las coordenadas. Ajusta el zoom, el tamaño del bloque y, si la versión que usas lo permite, el estilo visual del mapa para que coincida con tu paleta.

¿Qué hago si mi footer se ve descuadrado en móvil?

Revisa el orden de las columnas en la vista móvil de Elementor. Puedes reordenarlas con la opción Reverse Columns o asignando manualmente el orden desde la pestaña Avanzado de cada columna. También verifica los paddings y márgenes específicos para móvil, porque a veces el desfase viene de espacios heredados del escritorio que no se ajustaron.