Tabla de contenidos
Una plantilla de pie de página de Elementor es la sección inferior de un sitio web guardada como un diseño ya hecho. Contiene el logotipo, los enlaces de la página principal, los datos de contacto, los enlaces sociales y la línea de derechos de autor, y un creador de temas lo muestra en cada página.
A continuación se muestran las 34 plantillas de pies de página de Elementor en la biblioteca Master Addons, agrupadas por el tipo de sitio que se adaptan. Cada uno tiene una captura de pantalla y una demostración en vivo que se abre en una nueva pestaña. Los insertas desde la pestaña Pie de página del Biblioteca de plantillas de complementos maestros. El constructor de pies de página en el Creador de temas de complementos maestros es gratuito y una importación coloca el pie de página en cada página sin Elementor Pro.
¿Buscas la parte superior de la página? Nuestro Plantillas de encabezado de Elementor post tiene 43 encabezados y muchos de los pies de página aquí provienen de los mismos kits.
Salta a lo que viniste:
- Plantillas de 34 pies por tipo de sitio: SaaS, CTA, negocio local, tienda y mínimo
- Qué poner en el pie de página de un sitio web: una lista de verificación de siete elementos
- Consejos para el diseño de pies de página de sitios web: qué funciona, errores comunes y pies de página móviles
- Cómo agregar una plantilla de pie de página de Elementor: cinco pasos con Theme Builder
- Preguntas frecuentes
34 plantillas de pie de página de Elementor por tipo de sitio
Los 34 pies se dividen en cinco grupos. Elija el más cercano a su sitio y abra dos o tres demostraciones una al lado de la otra antes de decidirse.
| Tipo pie de página | Diseños | Lo que comparten | Dónde |
|---|---|---|---|
| SaaS y puesta en marcha | 8 | Logotipo e introducción más tres o cuatro columnas de enlaces | Saltar |
| CTA y boletín | 6 | Un titular, formulario de prueba o registro encima de los enlaces | Saltar |
| Negocios y servicios locales | 9 | Teléfono, dirección y horario de atención | Saltar |
| Compra y blog | 4 | Iconos de pago, publicaciones o muchos enlaces de categorías | Saltar |
| Clásico y minimalista | 7 | Cuatro columnas, o un logo centrado con enlaces sociales | Saltar |
Plantillas de pie de página de SaaS y de inicio Elementor
Pie de página de SaaS y kits tecnológicos. La mayoría sigue un patrón: el logotipo y una introducción de una línea a la izquierda y tres o cuatro columnas de enlaces a la derecha. Finix y Optivue agregan un mensaje de prueba encima de los enlaces.
1. Craftova: Plantilla de pie de página SaaS compacta Elementor
Un pie de página corto: introducción de marca a la izquierda, enlaces de empresa, producto y recursos a la derecha. Úselo cuando las páginas anteriores ya sean largas.
2. Finix: plantilla de pie de página SaaS oscura de Elementor
Una banda violeta inclinada que dice “prueba finix gratis” cruza el borde superior. Debajo, el pie de página negro sostiene el logo, una breve introducción y cuatro columnas de enlaces. Esa banda es el último llamado a la acción en la página.
3. Klyro: plantilla de pie de página del boletín técnico de Elementor
Un botón Solicitar demostración gratuita, enlaces rápidos, enlaces de soporte y un campo de boletín compartido de un pie de página. Se adapta a software que se vende a través de llamadas de demostración y también desea una lista de correo.
4. Lead Lift: plantilla de pie de página Elementor SaaS
Páginas, recursos y columnas de la empresa en la parte superior, luego una barra inferior que repite algunos enlaces rápidos al lado de la línea de derechos de autor.
5. Nexis: Plantilla de pie de página SaaS de Elementor Light
Un pie de página blanco con una breve introducción de marca, tres columnas de enlaces e íconos sociales, cerrado por una barra de derechos de autor. El diseño es sencillo, por lo que se adapta a la mayoría de marcas.
6. Optivue: plantilla de pie de página de prueba Elementor SaaS
La fila superior dice “Comencemos durante 14 días” junto a un botón de prueba amarillo. A continuación se muestra una introducción de producto de una línea y columnas de Empresa y Sociales en negro.
7. Sempla: plantilla de pie de página SaaS de cuatro columnas de Elementor
Las páginas, utilidades, recursos y ayuda obtienen una columna cada una, y el logotipo y los derechos de autor descienden a una barra inferior. Tiene la mayor cantidad de enlaces del grupo SaaS.
8. Zaplyte: plantilla de pie de página Elementor SaaS
Los íconos sociales se encuentran debajo del logotipo y las columnas Empresa, Ayuda y Recursos llenan el lado derecho de un diseño blanco limpio.
Plantillas de pie de página con CTA o boletín informativo
Estos pies de página se abren con un llamado a la acción: una gran tarjeta de titular, un formulario de prueba o una barra de boletines. Les dan a los visitantes que se desplazaron hasta el fondo algo que hacer además de irse.
9. Agencia CTA Box: plantilla de pie de página de la caja de contacto de la agencia Elementor
Un cuadro de Contáctenos delineado se encuentra encima de cuatro columnas oscuras: una introducción, servicios, estudios de casos y un registro en un boletín.
10. Barra de boletines: plantilla de pie de página del boletín Elementor
Una barra de boletines con un campo de correo electrónico y un botón Suscribirse se encuentra en la parte superior. A continuación se encuentran columnas Productos, Empresa y Soporte y una columna de contacto.
11. Techbyte: plantilla de pie de página CTA de la agencia Elementor
Una tarjeta oscura y redondeada pregunta “¿Tienes un proyecto increíble?” con un botón Comenzar a comenzar al lado. Bajo una línea delgada se encuentran el nombre Techbyte, una introducción de dos líneas y enlaces sociales de texto.
12. Clowdify: plantilla de pie de página de tarjeta Elementor CTA
El pie de página se abre con una tarjeta violeta redondeada, un titular grande y un botón Pruebe la nube gratis. Los enlaces vienen después.
13. Sabrion: plantilla de pie de página de registro de prueba de Elementor
En morado, un campo de correo electrónico inicia una prueba de 14 días y las columnas siguientes contienen enlaces de la empresa, más enlaces y datos de contacto. El formulario hace el trabajo que hace un botón en otros pies de página.
14. Shiftflow: plantilla de pie de página de la bolsa de trabajo Elementor
Enlaces de categorías de trabajo por un lado y un registro de alerta de trabajo con un botón Notificarme por el otro. Los visitantes que no encontraron trabajo hoy pueden solicitar saber sobre el siguiente.
Plantillas de pie de página de servicios y empresas locales
Pie de página para empresas de limpieza, dentistas, fontaneros, una clínica de terapia, un restaurante, una agencia inmobiliaria y una empresa de TI. La mayoría pone el número de teléfono, dirección y horario de atención donde el cliente los espera.
15. HomeAxis: plantilla de pie de página de bienes raíces de Elementor
La ubicación del teléfono, el correo electrónico y la oficina se encuentran junto a los enlaces de navegación y recursos. Un comprador en cualquier página de listado puede comunicarse con un agente desde aquí.
16. Tecpart: plantilla de pie de página de la empresa Elementor IT
Una lista de dos columnas de cada página más enlaces Síguenos, en el mismo ancho que el encabezado Tecpart.
17. Balanciq: Plantilla de pie de página de la clínica de terapia Elementor
Una fila de menú recorre la parte superior, con datos de contacto y la ubicación de la clínica debajo en azul marino. Mantiene el espacio tranquilo del kit Balanciq.
18. Limpiador: Plantilla de pie de página del servicio de limpieza Elementor
Un pie de página blanco con una lista de servicios, enlaces rápidos y líneas de teléfono, correo electrónico y dirección etiquetadas.
19. Limpieza: plantilla de pie de página de la empresa de limpieza Elementor
Un pie de página azul intenso con un eslogan de una línea y columnas Empresa, Servicios y Sociales. Utiliza el mismo azul que el encabezado Limpieza.
20. Culinario: plantilla de pie de página de restaurante Elementor
Los enlaces de páginas se encuentran junto a una cuadrícula de Instagram de cuatro fotos. Para un restaurante, las fotos de comida en el pie de página hacen más que otra columna de enlaces.
21. Dental: plantilla de pie de página de la clínica dental Elementor
Servicios, horario de apertura, dirección de la clínica, teléfono y correo electrónico en marina. Los pacientes pueden consultar su horario desde cualquier página.
22. Agarre: plantilla de pie de página de la agencia Elementor
Un logotipo muy grande y un eslogan ocupan la mitad superior sobre un fondo oliva oscuro. Dirección, teléfono y correo electrónico, enlaces de dos páginas y cuatro enlaces sociales se encuentran en fila debajo.
23. Plumbiq: plantilla de pie de página del servicio de plomería Elementor
Un pie de página oscuro con enlaces a páginas, detalles de llamadas y correos electrónicos, área de servicio y horarios de apertura. Esas son las cosas que la gente comprueba antes de llamar a un plomero.
Plantillas de pie de página de tienda y blog
Pie de página para tiendas y blogs: iconos de pago, últimas publicaciones, horarios comerciales y muchas columnas de enlaces para categorías.
24. Horario de blog y negocios: plantilla de pie de página del blog Elementor
Un pie de página negro con las últimas publicaciones, una nube de categorías y una tabla de horarios comerciales. Funciona para un blog que también gestiona una tienda o estudio.
25. Tarjeta de horario comercial: plantilla de pie de página de horario comercial de Elementor
Dirección, teléfono y correo electrónico a la izquierda y una tarjeta azul de horario comercial a la derecha.
26. Tienda de iconos de pago: plantilla de pie de página de la tienda Elementor
Enlaces de productos, empresas y soporte con íconos de Visa, Mastercard y PayPal debajo de ellos. Los compradores ven qué tarjetas toma antes de pagar.
27. Sartivo: plantilla de pie de página de la tienda de moda Elementor
Cinco columnas de enlaces para colecciones, páginas de ayuda y de empresa, con iconos de pago y un bloque de newsletter. Se adapta a una tienda con muchas categorías.
Plantillas de pie de página clásicas y mínimas
Pie de página de cuatro columnas y mínimos centrados. Se adaptan a casi cualquier sitio, y varios son sólo un logotipo, un menú y enlaces sociales.
28. Contacto oscuro centrado: plantilla de pie de página de contacto centrada en Elementor
El logo, una breve introducción, la dirección, el teléfono, el fax y los íconos sociales, todos centrados en el negro.
29. Social centrado: plantilla de pie de página social centrada en el elementador
Un logotipo centrado, una fila de botones sociales de colores y un menú centrado. Es uno de los dos pies de página más pequeños aquí, junto a Minimal Blue Social.
30. Instagram oscuro: plantilla de pie de página de cuatro columnas oscura de Elementor
Detalles de contacto, enlaces útiles, una nota de suscripción y una cuadrícula de fotos de Instagram en cuatro columnas oscuras, con una barra de derechos de autor en la parte inferior.
31. Obtener direcciones: plantilla de pie de página de direcciones de Elementor
Un pie de página oscuro con un botón Obtener dirección, servicios y enlaces de empresa y un registro en un boletín.
32. Light Instagram: plantilla de pie de página de cuatro columnas con luz Elementor
El mismo diseño de cuatro columnas en blanco, con un enlace Ver más en la cuadrícula de Instagram.
33. Minimal Blue Social: plantilla de pie de página mínimo de Elementor
Un pie de página azul con un logotipo centrado y enlaces etiquetados de Facebook, Twitter, Dribbble, Behance e Instagram.
34. Cursos en línea: plantilla de pie de página del curso en línea Elementor
Un pie de página ligero con una lista de cursos, botones sociales de colores y un boletín informativo para suscribirse a anuncios de cursos.
¿qué plantilla de pie de página se adapta a su sitio?
| Tu sitio | Pie de página que suele funcionar | Empezar con |
|---|---|---|
| SaaS o aplicación | Mensaje de prueba encima de los enlaces, tres o cuatro columnas de enlaces | Finix, Optivue, Sempla |
| Agencia o autónomo | Tarjeta de titular grande con un botón de contacto | Techbyte, Clowdify, agarre |
| Negocio de servicios locales | Teléfono, dirección y horario de atención a plena vista | Dental, Plumbiq, Limpiador |
| Restaurante o cafetería | Enlaces de página y una cuadrícula de fotos | Culinario, Instagram oscuro |
| Tienda en línea | Columnas de categorías, iconos de pago, boletín informativo | Sartivo, Tienda de Iconos de Pago |
| Sitio de blog o curso | Últimas publicaciones o una lista de cursos con un registro | Blog y Horario Comercial, Cursos Online |
| Portafolio o sitio de una página | Logotipo centrado con enlaces sociales | Social centrado, Social azul mínimo |
Qué poner en el pie de página de un sitio web
Un pie de página de un sitio web debe contener las cosas que los visitantes buscan cuando no pueden encontrarlas en el menú. La mayoría de los buenos pies de página incluyen estos siete elementos:
- Su logotipo y una descripción de una sola línea, para que alguien que haya llegado a una página profunda sepa de quién es el sitio.
- Enlaces a las páginas que la gente busca más: precios, servicios, acerca de, contacto, carreras, ayuda o documentos.
- Datos de contacto: teléfono, correo electrónico y dirección, con el teléfono y el correo electrónico como enlaces en los que se puede hacer clic.
- Horario de apertura, si tiene una tienda, clínica u oficina, visita la gente.
- Enlaces de perfiles sociales que apuntan a sus cuentas reales.
- Enlaces legales: Política de privacidad, Términos y una página de cookies o accesibilidad si la necesita.
- Una línea de derechos de autor con el año en curso. Un año antiguo hace que un sitio parezca abandonado.
Dos extras opcionales valen la pena en la mayoría de los sitios: un formulario de boletín informativo o una breve llamada a la acción. Si recopila correos electrónicos, nuestra lista de los mejores complementos de boletines informativos de WordPress puede ayudarle a elegir la herramienta detrás del formulario. Para una empresa local, el Widget de horario comercial mantiene los horarios de apertura en una tabla que puedes actualizar.
Diseño de pie de página del sitio web: qué funciona y qué evitar
Verificamos los 34 pies de página en el ancho del escritorio y del teléfono antes de escribir esta publicación, y cada problema que encontramos se solucionó en las demostraciones en vivo. Esa auditoría es una lista útil de qué buscar en su propio pie de página.
Qué hacen los mejores pies de página de sitios web
- Dale un trabajo a cada columna. Sempla divide páginas, utilidades, recursos y ayuda, para que un visitante escanee los encabezados y sepa dónde buscar.
- Coloque una acción encima de los enlaces. Finix, Optivue y Clowdify solicitan una prueba antes de las columnas de enlaces, lo que capta a los visitantes que leen hasta el final.
- Haga clic en los datos de contacto. Los números de teléfono deben usarse
tel:enlaces y direcciones de correo electrónicomailto:, entonces, un toque en un teléfono inicia la llamada o abre la aplicación de correo. - Haga coincidir el encabezado. Los pies de página del kit como Cleanery, Tecpart y Balanciq reutilizan los colores y el ancho del encabezado, de modo que la parte superior e inferior de cada página coincidan.
- Mantenga el contraste alto en fondos oscuros. Los enlaces gris claro en azul marino o negro son fáciles de leer, mientras que las etiquetas de color gris medio no lo son.
Errores comunes en el diseño de pies de página
Estos surgieron una y otra vez en las plantillas originales. Todos ellos están arreglados ahora y vale la pena consultar cualquier pie de página que construyas o compres:
- Texto de marcador de posición dejado: diecisiete pies todavía tenían Lorem Ipsum o copia de muestra, y algunos nombraron la marca incorrecta, como el pie de página de Finix que decía “pruebe termix gratis”.
- Los mismos enlaces en cada columna: nueve pies de página repitieron los mismos enlaces bajo diferentes encabezados de columna. Cree un menú de WordPress separado para cada columna.
- Etiquetas que no coinciden con el valor, como “Teléfono:” encima de una dirección de correo electrónico.
- Botones y texto de bajo contraste: un botón de demostración tenía texto blanco sobre verde claro a las 2.0:1. WCAG solicita 4,5:1 para texto normal.
- Registre formularios sin botón de envío o con un código corto sin formato que se muestra porque faltaba el complemento del formulario.
- Iconos sociales sin enlace y un año de copyright que tiene varios años.
Consejos para los pies de página de sitios web móviles
En los teléfonos, un pie de página de cuatro columnas se convierte en una columna larga, por lo que el orden importa. Primero coloque los datos de contacto y los enlaces más utilizados y después el boletín. Haga enlaces y botones de al menos 44 px de altura y verifique que ningún elemento sobresalga más allá del borde de la pantalla, lo que provoca desplazamiento lateral. En Elementor, cambie a la vista móvil en el editor y establezca los anchos de las columnas al 100% si un contenedor no se apila por sí solo.
Para obtener más ideas de diseño, Nielsen Norman Group tiene una utilidad guía de patrones de diseño de pies de página con ejemplos de qué incluir para diferentes tipos de sitios.
Cómo agregar una plantilla de pie de página de Elementor a su sitio
Un pie de página es una plantilla de Theme Builder: la construye una vez y aparece en la parte inferior de cada página. El creador de pies de página en Master Addons es gratuito y funciona con Elementor central, por lo que no necesita Elementor Pro.
El siguiente vídeo lleva uno de estos pies de página de la biblioteca de plantillas a un sitio en vivo. Los mismos pasos están escritos debajo.
- En tu panel, ve a Complementos maestros → Creador de temas, clic Agregar nueva plantilla, establezca el tipo en Pie de página y haga clic Editar con Elementor.
- En el editor, haga clic en Plantillas de complementos maestros botón, abre el Pie de página pestaña, elige un diseño y haz clic Insertar.
- Reemplace el logotipo y el texto, apunte cada uno Widget de meniul Nav en su propio menú de WordPress y agregue las URL reales de su teléfono, correo electrónico y perfil social. Si el pie de página tiene un formulario, conéctelo al suyo Formulario de contacto 7 forma.
- Abre el Condiciones pestaña, conjunto Incluir → Sitio completo y publicar.
- Si su tema aún imprime su propio pie de página debajo del nuevo, desactive el pie de página del tema en su configuración o Personalizador.
El guía para crear temas de Footer muestra cada paso con una captura de pantalla. Si prefiere editar su pie de página existente en lugar de reemplazarlo, siga nuestro tutorial cómo editar el pie de página en WordPress con Elementor.
Pie de página, encabezado, sección o kit: ¿qué plantilla necesitas?
Una plantilla de pie de página cubre una parte del sitio. La misma biblioteca tiene plantillas de encabezado para la parte superior de la página, Plantillas de sección elementora para bandas individuales como precios o preguntas frecuentes, completo plantillas de página, y kits de plantillas que incluye un encabezado, un pie de página y cada página en un estilo coincidente.
Los pies de página marcados como Pro en la biblioteca necesitan un Licencia Master Addons Pro, que también desbloquea los kits completos de los que provienen la mayoría de estos pies de página. El creador de pies de página que los coloca en su sitio permanece libre en cualquier dirección.
Preguntas frecuentes
¿qué es una plantilla de pie de página de Elementor?
Un pie de página ya preparado guardado como plantilla de Elementor. Por lo general, contiene el logotipo, los enlaces de la página clave, los datos de contacto, los enlaces sociales y la línea de derechos de autor. Lo insertas en un pie de página de Theme Builder para que aparezca el mismo pie de página en la parte inferior de cada página.
¿cómo agrego un pie de página en Elementor?
Vaya a Master Addons → Theme Builder, agregue una nueva plantilla con el tipo Footer y ábrala en Elementor. Inserte un diseño de la pestaña Pie de página de la biblioteca de plantillas de Master Addons, edite el texto y los enlaces, establezca la condición en Incluir → Sitio completo y publique.
¿existe un generador de encabezado y pie de página en Elementor?
Elementor Pro tiene uno. Master Addons también tiene un creador de temas con plantillas de encabezado y pie de página, y sus creadores de encabezado y pie de página son gratuitos, por lo que puede crear un pie de página para todo el sitio solo con Elementor central y complementos maestros.
¿qué debo incluir en el pie de página de un sitio web?
Su logotipo y una descripción de una línea, enlaces a las páginas que la gente busca, datos de contacto, enlaces de perfiles sociales, páginas legales como Política de privacidad y una línea de derechos de autor con el año en curso. Agregue un formulario de boletín informativo o un llamado a la acción si desea un punto de conversión más.
¿qué hace que un pie de página sea bueno?
Un buen pie de página es fácil de escanear y contiene contenido real. Cada columna tiene su propio propósito, el texto del enlace tiene al menos un contraste de 4,5:1 con el fondo, se puede hacer clic en los datos de contacto y el diseño se acumula limpiamente en una columna en los teléfonos.
¿cuáles son los errores comunes en el diseño de pies de página?
Texto de marcador de posición dejado, los mismos enlaces repetidos en cada columna, íconos sociales sin enlace, un año de copyright que tiene años, texto de bajo contraste sobre fondos oscuros y formularios de registro sin botón de envío. Encontramos y solucionamos todo esto mientras preparábamos las plantillas en esta página.
¿dónde puedo encontrar plantillas de pie de página de Elementor?
Elementor Pro incluye algunos en su biblioteca. Esta página muestra los 34 pies de página en la biblioteca de plantillas de Master Addons, cada uno con una demostración en vivo, y los inserta desde la pestaña Pie de página dentro del editor Elementor.
Elige un pie de página y configúrelo una vez
Elija el grupo que coincida con su sitio, inserte el pie de página que se ajuste e intercambie sus propios datos. Si cambia de opinión más tarde, abra la misma plantilla de Theme Builder, elimine el diseño anterior e inserte otro. La condición de visualización permanece como está.
Lectura relacionada: cómo importar una plantilla de Elementor, Plantillas de encabezado de Elementor y La propia guía de Elementor para crear un pie de página.
