El pie de página o footer es el área ubicada al final de cada página de tu tienda. Es un espacio esencial para transmitir confianza al cliente, organizar la navegación secundaria y mostrar información legal, contactos institucionales y formularios de newsletter.
Secciones adicionales
En la configuración del pie de página, podés organizar los bloques de links en formato de columnas. Consultá la tabla a continuación para ver todas las secciones disponibles que podés agregar al pie de página de tu tienda utilizando el diseño Ipanema, así como la finalidad de cada sección y cómo utilizarlas:
| Sección | ¿Cuándo usarla? | ¿Qué configurar? |
|---|---|---|
| Banners | Para mostrar bloques promocionales en formato de grilla o carrusel. | Banner: Configurá imágenes para computadora y celular, enlace opcional, superposición de color y posicionamiento de texto. |
| Editorial de texto | Para mostrar contenidos más largos y continuos, como la página "Quiénes somos". | Título, Texto, Botón, Imagen: Para armar contenido en formato de artículo. |
| Íconos informativos | Para destacar los beneficios y diferenciales de la tienda. | Ítem de ícono con texto: Cada ítem configura una línea de beneficio con un ícono, título, descripción y enlace opcional. |
| Newsletter | Para capturar contactos y promover descuentos, lanzamientos y campañas. | Formulario de Newsletter: Agrega el campo de captura de e-mail y el botón de envío. |
¡Vamos a los pasos!
1. Ingresar al administrador de tu Tiendanube.
2. Acceder a "Tienda online > Diseño" y hacer clic en "Editar diseño".
3. En el menú lateral izquierdo, desplazarse hasta el final y hacer clic en "Pie de página".
4. Luego, hacer clic en "Pie de página" para abrir las configuraciones completas de diseño y contenido.
5. Hacer clic a continuación en “Configuraciones del pie de página” para seguir los pasos para configurar los colores, el espaciado, los menús y los sellos de seguridad desde el menú lateral:
Configuraciones del pie de página
Colores
- Color de fondo: define el color de fondo del pie de página. La opción “Por defecto” mantiene el color definido en las configuraciones generales del diseño.
- Color de textos: define el color de los textos y enlaces que se muestran en el pie de página.
Diseño
- Ancho: seleccioná "Página" para alinearlo al contenido principal o "Completo" para que ocupe toda la pantalla.
- Espaciado superior e inferior: ajusta el espaciado vertical interno del pie de página, en píxeles (px).
- Espaciado izquierdo y derecho: ajusta el espaciado horizontal interno del pie de página, en píxeles (px). Habilitado solo para la opción de ancho “Completo”.
Menús
- Menús colapsables en celular: cuando está activado, los menús y columnas de enlaces aparecen colapsados en la versión móvil. El cliente puede expandirlos al tocar el título de cada columna.
Envíos y pagos
- Mostrar medios de pago: cuando está activado, muestra automáticamente en el pie de página los íconos de los métodos de pago aceptados por tu tienda.
- Mostrar medios de envío: cuando está activado, muestra en el pie de página los íconos de las empresas de envío y formas de entrega configuradas en tu tienda.
Sellos personalizados y CSS personalizado
- Imagen del sello personalizado: permite cargar un archivo de imagen para mostrar como un sello de confianza (como CACE, HotSale, Cybermonday, etc) en formatos JPEG, PNG, GIF, WebP con un peso máximo 20 MB
- Código del sello personalizado (JS/HTML): campo para insertar códigos de scripts externos para agregar sellos dinámicos.
- CSS personalizado: campo avanzado que permite agregar reglas de CSS propias para personalizar visualmente el pie de página más allá de las opciones estándar del editor.
5.1. También podés configurar los otros elementos del pie de página, como Institucional, Menú y Newsletter.
A continuación te explicamos y mostramos cómo configurar cada uno de estos elementos:
Institucional
Hacer clic en "Institucional" para abrir las configuraciones en el menú lateral, donde podés configurar el logo del pie de página, la altura, la descripción y si querés mostrar los íconos de redes sociales e información de contacto.
- Logo del pie de página: permite agregar una imagen de logo específica para el pie de página, que puede ser igual o diferente a la utilizada en el encabezado. Para subirla hacer clic en el ícono de lápiz.
- Altura: define la altura del logo que se muestra en el pie de página, en píxeles (px).
- Descripción: campo de texto libre para presentar una breve descripción de la tienda o la marca. Tiene opciones de formato como negrita, cursiva, subrayado, color del texto, listas y links.
- Mostrar redes sociales: cuando está activado, muestra en el pie de página los íconos de las redes sociales registradas.
- Mostrar contacto: cuando está activado, muestra en el pie de página la información de contacto de la tienda.
Menú
Hacer clic en "Menú" para abrir las configuraciones y elegir el título del menú del pie de página y seleccionar a qué menú de la tienda querés apuntar si tenés más de uno creado.
El campo de título tiene opciones de formato como negrita, cursiva, subrayado, color del texto, listas y links.
Newsletter
Hacer clic en "Newsletter" para abrir las configuraciones y elegir el título de la Newsletter en el pie de página e incluir una descripción para orientar a tus clientes.
5.2. Para agregar más menús al pie de página, hacer clic en "+ Agregar Menú".
6. Para agregar nuevas secciones al pie de página, hacer clic en “+ Agregar sección”, seleccionar las secciones que querés incluir (Banners, Editorial de texto, Íconos informativos o Newsletter) y hacer clic en el botón “Agregar”.
7. Hacer clic en "Guardar" para publicar los cambios.
¡Listo!
El pie de página de tu tienda está estructurado para transmitir más confianza y facilitar la navegación de tus clientes.