El pie de página a menudo se pasa por alto cuando se trata de diseñar la página. Sin embargo, también es una de las ubicaciones más importantes de la página. Debe estar bien diseñado y ser utilizable como cualquier parte de la página. Afortunadamente, esto es fácil de hacer con Divi . En este artículo, veremos 5 consejos para crear un pie de página Divi fácil de usar.
1. Incluya los elementos principales
Nuestro primer consejo para crear un pie de página Divi fácil de usar es incluir los elementos principales. Cada pie de página necesita algunos elementos básicos. Los he separado en cinco categorías, y hay múltiples opciones para cada categoría. Recomiendo usar solo uno, o dos como máximo, de cada una de estas categorías. Algunos, como los enlaces, pueden incluir uno o dos conjuntos de elementos. Cuantos menos elementos uses, mejor. Esto ayuda a mantener el pie de página pequeño y despejado.
Aquí hay algunos consejos para cada una de las categorías. Estoy usando ejemplos de las plantillas de diseño de encabezado y pie de página de Divi gratuitas. Puede encontrarlos buscando «pie de página gratuito» en el blog de Elegant Themes .
Gráficos
Los gráficos se destacan y ayudan a llamar la atención sobre el pie de página. Agregue su logotipo o una imagen pequeña. Esto es excelente para mostrar socios, clientes, redes sociales, un producto específico, etc. Sin embargo, no incluya demasiados, o el pie de página puede parecer desordenado y difícil de leer. Este ejemplo muestra el logotipo del sitio web en un área pequeña sobre la empresa.
Es mejor usar un ícono que una palabra cuando ambos brindan la misma información. Por ejemplo, en lugar de deletrear la palabra Twitter, use el icono de Twitter. En lugar de deletrear el nombre de un cliente, muestre su logotipo. Agregue el nombre en el texto alternativo y como información sobre herramientas flotante.
Llamada a la acción
El pie de página puede ser un valioso espacio de conversión. Una pequeña llamada a la acción en el pie de página puede ser tu última oportunidad de obtener una respuesta del visitante. Incluya una llamada a la acción, como un formulario de registro de correo electrónico, un botón que enlace a su tienda, un cuadro de donación, etc. Debe destacarse de todo lo demás y ser fácil de entender.
Este ejemplo agrega un CTA en la parte superior del pie de página que incluye un título grande, una breve descripción y un botón con estilo.
Enlaces
Los enlaces deben incluir páginas como la página acerca de, la página de contacto, información de la empresa, miembros del equipo, información legal, etc. También puede incluir enlaces a sus productos más recientes o populares, publicaciones destacadas, etc. Este ejemplo agrega dos columnas con enlaces a servicios y recursos
Otro tipo importante de enlace son tus redes sociales. Incluye íconos para cada una de las redes sociales para que tus visitantes puedan entenderlos de un vistazo. Puedes hacerlos grandes o pequeños. Este ejemplo los coloca en la parte inferior.
Información básica de contacto
Proporcione información de contacto básica que muestre la forma más fácil de contactarlo. Esto puede incluir su correo electrónico, dirección, número de teléfono o incluso un pequeño formulario de contacto. Enlace a su página de contacto para obtener información más detallada. Este ejemplo agrega la información como texto debajo de la información de la empresa.
Información de la empresa
La información de la empresa incluye declaraciones de misión, enlaces a los miembros de su equipo, aviso de derechos de autor e información sobre su uso de cookies . El aviso de derechos de autor generalmente se coloca en la parte inferior e incluye el nombre de la empresa y el año. Puede deletrear la palabra copyright, usar el símbolo de copyright o incluir ambos.
Este ejemplo agrega un pequeño párrafo con información de la empresa dentro de un área destacada del pie de página. El copyright se coloca en la parte inferior y se minimiza.
2. Simplifica los Elementos
Nuestro segundo consejo para crear un pie de página Divi fácil de usar es usar versiones más simples de los elementos. Mantener cualquier diseño simple es una buena regla general, pero esto es aún más importante en el pie de página. Es importante evitar que el pie de página se vea abarrotado. Use versiones más simples de los elementos que las que usaría dentro del cuerpo del sitio web. Este ejemplo muestra elementos simplificados en áreas separadas con mucho espacio entre ellos.
En lugar de un formulario de contacto con muchas preguntas, utilice la menor cantidad de campos posible. Para un ejemplo de trabajo, no incluya ejemplos con muchos detalles. En su lugar, utilice una imagen pequeña y una oración corta o un título. Para una llamada a la acción, solo use un botón con una oración corta o un título. Use mucho espacio en blanco entre los elementos para mantenerlos limpios y fáciles de ver.
3. Integra el diseño de tu tema
Nuestro tercer consejo para crear un pie de página Divi fácil de usar es integrar el diseño de su tema. El pie de página debe parecer que pertenece a su sitio web. No debería verse como una caja etiquetada en la parte inferior. Debe ser diseñado. Al mismo tiempo, debe ser simple y fácil de usar. Esto generalmente se hace con colores más oscuros, menos colores y un diseño más simplificado. También puede usar diferentes colores de fondo para las distintas secciones del pie de página.
Use Divi Theme Builder para crear un pie de página global y use los elementos de diseño de su sitio web. Use algunos de los mismos colores, fuentes, botones, etc. Este ejemplo muestra el pie de página de la imagen anterior abierta en Divi Theme Builder.
Si desea que su pie de página se destaque de su sitio web, puede usar fuentes y botones más pequeños y usar colores más oscuros. Para fuentes, use sans serif y pesos más ligeros. El diseño de su pie de página no tiene que estar separado del resto de la página, pero es algo a considerar para el diseño de su sitio web.
4. Comprueba el contraste
Nuestro cuarto consejo para crear un pie de página Divi fácil de usar es usar un buen contraste. Los elementos menos importantes pueden ser más pequeños y tener un contraste más bajo que el resto de su sitio web. Esto es ideal para elementos en la parte inferior del pie de página. Esto informa al visitante que no es algo en lo que deba concentrarse cada vez que ve la página.
Por ejemplo, la línea inferior con la información de derechos de autor puede tener el contraste más bajo para que no distraiga la atención del resto del pie de página. Sin embargo, el contraste del pie de página aún debe diseñarse teniendo en cuenta la facilidad de uso.
Puede probar sus colores con herramientas en línea como WebAIM Contrast Checker . Ingrese los colores que está usando y le dará una puntuación con consejos sobre por qué funciona o cómo mejorarlo.
5. Comprobar todos los tamaños de pantalla
Nuestro quinto consejo para crear un pie de página Divi fácil de usar es asegurarse de que responda. Al igual que el resto de su sitio web, el pie de página debe ser receptivo. Pruébelo en tantos dispositivos y tamaños de pantalla como sea posible. Cada elemento debe ser legible y utilizable desde cualquier dispositivo.
Divi Builder incluye configuraciones que facilitan el ajuste de tamaños según el tipo de dispositivo. Seleccione el icono del dispositivo para ajustar las versiones de escritorio, tableta y teléfono del sitio web de forma independiente. Ajuste el relleno, los tamaños de fuente, los tamaños de los iconos, etc., para cada dispositivo. Si no ajusta la tableta y el teléfono, seguirán los tamaños del escritorio.
Ese es nuestro análisis de 5 consejos para crear un pie de página fácil de usar con Divi. La clave para todo en el pie de página es mantenerlo simple. Use versiones simplificadas de los elementos de sus páginas, como formularios más pequeños, CTA más simples, etc. Use colores, fuentes y gráficos que coincidan con su sitio. Separe los elementos para darles suficiente espacio. Seguir estos consejos lo ayudará a crear un pie de página Divi fácil de usar que lo ayudará a alcanzar los objetivos de su sitio web.
Queremos escuchar de ti. ¿Tiene algún consejo para crear un pie de página Divi fácil de usar? Háganos saber en los comentarios.