Recordemos la estructura de una página web, la parte superior se encuentra el "Header (A)", en la parte media se encuentran las "Secciones de Contenido (B)", y en la parte inferior encontramos el "Footer (C)" del cual conoceremos sus características en este tutorial.
​

El "Footer" es la parte inferior de nuestro sitio web, en la que generalmente incluimos links de navegación, enlaces de interés, copyright o botones a las redes sociales de nuestra empresa.

La información que normalmente lleva el "Footer" es:

A.- Redes Sociales.

Para que los visitantes puedan conocer más acerca de la empresa, productos o servicios.

B.-Menú de Navegación.

Para que los visitantes puedan desplazarse a la sección que necesiten sin tener que regresar al menú de navegación del "Header".

C.- Contacto.

Para que los visitantes tengan los datos de contacto de la empresa, por ejemplo la dirección, teléfonos, etc.

D.- Suscripción.

Para que los visitantes puedan dejar sus datos de contacto para que puedan recibir información adicional y nosotros podamos crear nuestra base de datos.
​

También tenemos la opción de "Mostrar" u "Ocultar" la sección de "Footer", simplemente tenemos que dar click en  el botón "Ocultar" si necesitamos ocultarlo en alguna página, o en "Mostrar" si necesitamos desplegarlo.
​

Los botones de "Ocultar (A)" y "Mostrar (B)" se presentan a un lado del recuadro negro que indica la sección de "Footer".
​

Lo ideal en el diseño del "Footer" es colocar solo la información más importante, no debemos colocar información ni elementos que no aporten nada o confundan al visitante.

Hablando un poco del diseño del "Footer", podemos usar colores que lo hagan destacar pero que no desentonen con los colores que estemos ocupando en el diseño de nuestro sitio.

NOTA:

No hay que olvidar que todos los elementos de nuestro "Footer" son editables y podemos agregar o eliminar los que creamos convenientes.