Cómo crear un buen pié de página (footer) para tu web o la de tus clientes

Crear un buen pié de página para tu web es importante, ya que tus usuarios pueden encontrar ahí información de su interés sin tener que buscarla por toda la página web, con lo que podrían cansarse y abandonarla sin haber cumplido los objetivos que los han traído a tu sitio.

El pié de página se utiliza mayoritariamente para recoger la información de contacto de la empresa, aunque se puede añadir mucha más información relevante como:

Un formulario de contacto

Un formulario de suscripción

Información sobre el Copyright de la web

Información sobre el diseñador o desarrollador de la web

Enlaces de interés

Enlaces a páginas secundarias o colaboradores

Información legal: Política de Privacidad, Ley de Cookies, Condiciones de uso, Aviso legal, etc.

Redes sociales de la empresa

Información sobre la empresa

Logotipos de colaboradores o sellos y certificados de calidad

Dirección de la empresa

Cómo contactar con la empresa: teléfono, email, etc.

Mapa del sitio web

Un ejemplo de footer podría ser éste:

---

**Contacto**

- Formulario de Contacto

- Formulario de Suscripción

- Teléfono: [Número de Teléfono]

- Email: [Dirección de Email]

**Copyright © 2024 [Nombre de la Empresa]. Todos los derechos reservados.**

**Desarrollo Web**

- Diseñado por: [Nombre del Diseñador/Desarrollador]

- Certificados de Calidad

**Enlaces de Interés**

- [Enlace 1]

- [Enlace 2]

- [Enlace 3]

**Información Legal**

- Política de Privacidad

- Ley de Cookies

- Condiciones de Uso

- Aviso Legal

**Redes Sociales**

- [Icono Red Social 1]

- [Icono Red Social 2]

- [Icono Red Social 3]

**Sobre Nosotros**

- [Breve Descripción de la Empresa]

- Logotipos de Colaboradores

**Dirección**

[Nombre de la Empresa]

[Dirección de la Empresa]

**Cómo Contactar**

Teléfono: [Número de Teléfono]

Email: [Dirección de Email]

**Mapa del Sitio**

[Enlace al Mapa del Sitio]

---

Este es un ejemplo básico de un pie de página con los elementos más comunes. Puedes personalizar los detalles según las necesidades específicas de tu web.

Aquí tienes un ejemplo básico de código HTML para el pie de página:

<footer>
    <div id="contacto">
        <h3>Contacto</h3>
        <form action="/enviar_contacto" method="post">
            
        </form>
        <form action="/suscribir" method="post">
            
        </form>
        <p>Teléfono: <a href="tel:+123456789">123-456-789</a></p>
        <p>Email: <a href="mailto:info@tuempresa.com">info@tuempresa.com</a></p>
    </div>

    <div id="copyright">
        <p>Copyright © 2024 Tu Empresa. Todos los derechos reservados.</p>
    </div>

    <div id="desarrollo-web">
        <h3>Desarrollo Web</h3>
        <p>Diseñado por: Nombre del Diseñador/Desarrollador</p>
        <p>Certificados de Calidad</p>
    </div>

    

</footer>

Asegúrate de personalizar los enlaces, formularios y otros elementos según las necesidades específicas de tu sitio web.