2.3Widgets & zonas (barras laterales, pie de página)
Lo esencial en 30 segundos
- Las zonas secundarias (barra lateral, pie de página) acogen widgets o bloques: búsqueda, categorías, datos de contacto, redes sociales.
- El pie de página es estratégico: datos de contacto, menú secundario, aviso legal, redes; tranquiliza y convierte.
- Sobriedad: unos pocos elementos útiles por zona; una columna interminable ahoga la información.
Minicaso hilado — el pie de página del taller
Samir debe completar las zonas secundarias del sitio de Hassan. El pie de página debe dar los datos de contacto del taller, un enlace al aviso legal y las redes sociales. Hassan también querría añadir una decena de insignias y un carrusel. Samir le convence de mantenerse sobrio: unos pocos elementos útiles valen más que una zona sobrecargada.
Continuación del caso 2.2 — la identidad está puesta, completamos las zonas.
1. Widgets, bloques y zonas
Más allá del contenido principal, un sitio posee zonas secundarias: la barra lateral (sidebar), el pie de página y, a veces, una franja. En ellas se colocan widgets en los temas clásicos (Apariencia → Widgets), o bloques en las partes de plantilla en los temas de bloques. Estos elementos enriquecen la navegación: búsqueda, categorías, últimas entradas, datos de contacto.
No todas las zonas están presentes en todas partes: algunos temas no muestran barra lateral y el pie de página puede tener varias columnas. Samir comprueba lo que ofrece el tema antes de rellenar, para no crear zonas vacías o incoherentes.
2. Un pie de página útil y sobrio
El pie de página suele ser el último lugar consultado antes de contactar con un artesano: debe contener los datos de contacto, un menú secundario (contacto, aviso legal, política de privacidad) y, si acaso, las redes sociales. Es un espacio de confianza, no un muro de publicidad.
La regla es la sobriedad: unos pocos elementos útiles por zona. Una barra lateral sobrecargada desvía la atención del contenido; un pie de página recargado hace perder al visitante. Samir prueba cada añadido con una pregunta sencilla: «¿esto le sirve al visitante?». Si no, lo retira.
🔎 Ejemplo concreto — Componer el pie de página (caso Samir)
Columna 1: logo + frase de presentación breve.
Columna 2: datos de contacto (teléfono, correo, dirección).
Columna 3: menú secundario (Contacto, Aviso legal, Privacidad).
Parte inferior: redes sociales + copyright.
→ Retirar insignias y carrusel inútiles.Resultado: un pie de página claro que inspira confianza.
Lección: cada columna tiene un papel identificable.
Vocabulario de la sección
- Widget / bloque de zona
- Elemento colocado en una zona secundaria: búsqueda, categorías, datos de contacto, redes.
Ejemplo sencillo: un bloque de datos de contacto en el pie de página.
Lo que no es: confundir widget y plugin.
Reflejo: zona secundaria = widget o bloque.
- Barra lateral
- Columna lateral del contenido: navegación secundaria, búsqueda, destacados.
Ejemplo sencillo: una sidebar con búsqueda y categorías en el blog.
Lo que no es: llenarla de publicidad sin relación.
Reflejo: sidebar = complemento, no competencia del contenido.
- Pie de página
- Parte inferior de cada página: datos de contacto, menú secundario, aviso legal, redes.
Ejemplo sencillo: el pie del taller tranquiliza antes del contacto.
Lo que no es: apilar en él insignias y carruseles.
Reflejo: pie de página = confianza y conversión.
- Zona de widgets
- Espacio definido por el tema donde colocar widgets o bloques.
Ejemplo sencillo: el tema ofrece «pie de página 1, 2, 3».
Lo que no es: crear contenido en una zona no visible.
Reflejo: comprobar las zonas del tema antes de rellenar.
- Sobriedad
- Regla de diseño: unos pocos elementos útiles por zona, sin sobrecarga.
Ejemplo sencillo: tres columnas bastan para el taller.
Lo que no es: rellenar cada zona al máximo.
Reflejo: útil > numeroso.
En la práctica — Enriquecer las zonas secundarias con medida
- Localiza las zonas que ofrece tu tema (Apariencia → Widgets o partes de plantilla).
- Compón un pie de página útil: datos de contacto, menú secundario, redes.
- Si existe una barra lateral, añade en ella dos o tres elementos pertinentes como máximo.
- Revisa cada elemento: si no le sirve al visitante, retíralo.
Guion listo para decir — defender la sobriedad (20 s)
«Su pie de página dará lo esencial: cómo contactar con usted, los enlaces útiles y sus redes. Evitamos apilar insignias: un visitante que busca su número debe encontrarlo en un segundo.»
Vincular cada elemento a un uso concreto del visitante.
Modelo copiar-pegar — plano del pie de página
COLUMNA 1: logo + presentación breve
COLUMNA 2: datos de contacto (tel., correo, dirección)
COLUMNA 3: menú secundario (contacto, aviso legal, privacidad)
PARTE INFERIOR: redes sociales + copyright
ELEMENTOS RETIRADOS (inútiles): _______________Escaparate local
Datos de contacto y horarios bien visibles: el visitante quiere llamar o venir.
Tienda
Enlaces de envío, devoluciones y condiciones en el pie de página.
Blog
Barra lateral con búsqueda y categorías, sin sobrecarga.
Sitio one-page
Pie de página compacto: contacto y aviso legal bastan.
✓ Buenas prácticas
- Comprobar las zonas que muestra realmente el tema.
- Hacer del pie de página un espacio de confianza.
- Retirar todo elemento que no le sirva al visitante.
✗ Errores frecuentes
- Apilar insignias y carruseles en el pie de página.
- Llenar una sidebar de publicidad.
- Crear contenido en una zona no visible.
Puntos clave
- Los widgets o bloques animan las zonas secundarias.
- El pie de página es estratégico: contacto, menú, aviso legal.
- En un tema de bloques, las zonas pasan por las partes de plantilla.
- Sobriedad: unos pocos elementos útiles por zona.
Reto 48h — aplícalo mañana
Compón un pie de página en tres columnas (presentación, datos de contacto, enlaces útiles) y elimina todo elemento que no le sirva al visitante. Comprueba el resultado en móvil. 15 minutos.
- Coloco widgets o bloques en las zonas correctas.
- Construyo un pie de página útil.
- Aplico la sobriedad en las zonas secundarias.
Preguntas frecuentes
¿Dónde han ido los widgets en mi tema?
En un tema de bloques (FSE), los widgets se sustituyen por bloques en las partes de plantilla (cabecera, pie de página). La entrada Apariencia → Widgets puede que ya no exista; todo se hace en el editor de sitio.
¿Hace falta una barra lateral en todas las páginas?
No. Es útil en un blog o en un sitio con contenido rico, pero puede distraer en una página de venta o de contacto. Muchos temas permiten desactivarla por página o por plantilla.
¿Qué debe contener obligatoriamente el pie de página?
Como mínimo, un enlace al aviso legal y a la política de privacidad, así como una forma de contacto. Para un sitio profesional, añade los datos de contacto y, si acaso, las redes sociales.
El pie de página del taller debe ayudar al visitante. ¿Qué privilegiar?