Pie de Página

El Pie de Página, al igual que el Encabezado, es una de las secciones más importantes de cualquier tienda de comercio electrónico y está ubicado al final de todos los temas de Jumpseller.

Su propósito principal es funcionar como la sección de cierre de un sitio web, proporcionando a los usuarios información esencial y elementos de navegación que mejoran su experiencia de navegación.

Un Pie de Página bien diseñado puede mejorar la interacción de los usuarios, generar confianza y garantizar que los visitantes puedan encontrar fácilmente recursos importantes incluso cuando llegan al final de una página.

Esta sección también está compuesta por subcomponentes, los cuales puedes mover y reordenar para definir la posición en la que deseas que se muestre la información.

Estos están organizados en columnas, donde la primera (Pie de página - Acerca de) tiene un ancho fijo de 4 columnas, mientras que las demás se adaptarán según el espacio disponible restante dentro de la sección. En dispositivos móviles se apilarán una debajo de la otra.

Configuración del Pie de Página

Al hacer clic en el nombre Pie de Página accederás a su configuración principal, que te permitirá personalizarlo para que se ajuste a las directrices de tu marca.

Ancho

Permite definir el ancho máximo que el componente se extenderá hasta la ventana del navegador.

Puedes leer más sobre cómo esta opción afectará al componente en esta página.

Pagos

Este grupo de opciones te permite agregar y mostrar los métodos de pago que se ofrecerán a los clientes para comprar en tu tienda.

Métodos de pago

Permite mostrar los distintivos o logos de los métodos de pago disponibles agregados en el panel de administración de tu tienda, en Configuración > Caja > Pagos.

Al habilitarlo, la opción Mostrar distintivos de opciones de pago también te permitirá mostrar los distintivos de las opciones de pago incluidas en los distintos métodos de pago. Por ejemplo:

• Un método de pago sería PayPal.
• Una opción de pago sería Visa, Mastercard, etc.

Lista de métodos de pago

Esta opción te permite agregar y mostrar manualmente métodos de pago, independientemente de si están agregados en Configuración > Caja > Pagos.

Enlace ‘Volver arriba’

El Volver arriba es una sección que incluye un enlace con el que los usuarios pueden ir rápidamente al inicio de la página. Al habilitar la opción Mostrar, las siguientes opciones estarán disponibles para personalizarlo:

Posición

Permite definir si esta sección se mostrará al inicio o al final del Pie de Página.

Ícono

Permite mostrar un ícono en el lado izquierdo del texto del enlace.

Texto

Texto que se muestra en el enlace de desplazamiento.

Todo en mayúsculas

Fuerza que el texto se muestre en mayúsculas, incluso cuando no fue escrito así: ej. VOLVER ARRIBA.

Apariencia

Este grupo contiene opciones enfocadas en el diseño y la apariencia del Pie de Página.

Alineación

Encontrarás dos opciones para definir la alineación de los menús del Pie de Página, para dispositivos de escritorio y móviles.

Títulos en mayúsculas

Te permite definir que los títulos de todos los menús dentro del Pie de Página se muestren en texto en mayúsculas, ej. TÍTULO DEL MENÚ.

Subrayar títulos

Te permite mostrar una línea o borde debajo de los títulos de los menús.

Colores del contenido

Te permite elegir el Paquete de colores para el Pie de Página.

Subcomponentes

A continuación, encontrarás todos los subcomponentes que se pueden usar dentro del Pie de Página.

Acerca de

Este subcomponente te permite mostrar información relevante de tu tienda, a través de las siguientes opciones:

Ancho de columna

Define el espacio que ocupará esta sección, considerando el ancho del Pie de Página y los demás elementos mostrados en él, basándose en las siguientes opciones:

• Automático: la sección se adaptará considerando todas las demás secciones dentro del Pie de Página e intentará presentarlas todas en una sola fila horizontal.
• Mitad del ancho: la sección se expandirá para ocupar la mitad del ancho del Pie de Página.
• Ancho completo: la sección se expandirá y ocupará todo el ancho del Pie de Página, por lo tanto, se apilarán verticalmente una debajo de la otra.

Logotipo

Te permite subir un logotipo personalizado solo para el Pie de Página.

Nota: Si no subes este logotipo, el Pie de Página mostrará el que puedes definir en tu panel de administración en Configuración > General > Marca. Si no subiste uno allí, se mostrará en su lugar el nombre de la tienda definido en Configuración > General > Preferencias.

Altura del logotipo

Te permite definir la altura de cualquier logotipo que se muestre en el Pie de Página.

Descripción

Te permite agregar un texto o descripción debajo del Logotipo (o nombre de la tienda). Sugerimos que agregues algo breve y que contenga palabras clave relevantes, con el fin de mejorar el SEO orgánico de tu tienda.

Habilitar enlaces de redes sociales

Te permite mostrar todos los enlaces (y sus íconos) que puedes agregar en el panel de administración de tu tienda en Configuración > General > Preferencias > Redes sociales.

Menús

Podrás usar y agregar dos subcomponentes de menú del Pie de Página.

Ambos tienen exactamente las mismas opciones dentro de su configuración y la única diferencia clave es que los ítems que puedes agregar dentro de ellos se gestionan a través de diferentes menús de Navegación, de la siguiente manera:

Menú del pie de página 1

Este se puede editar yendo a Personalización > Navegación > Menú del pie de página 1.

Menú del pie de página 2

Este se puede editar yendo a Personalización > Navegación > Menú del pie de página 2.

En cuanto a las opciones y configuraciones, encontrarás las siguientes:

Ancho de columna: Define el espacio que ocupará esta sección, considerando el ancho del Pie de Página y los demás elementos mostrados en él, basándose en las siguientes opciones:

• Automático: la sección se adaptará considerando todas las demás secciones dentro del Pie de Página e intentará presentarlas todas en una sola fila horizontal.
• Mitad del ancho: la sección se expandirá para ocupar la mitad del ancho del Pie de Página.
• Ancho completo: la sección se expandirá y ocupará todo el ancho del Pie de Página, por lo tanto, se apilarán verticalmente una debajo de la otra.
• Título: Te permite personalizar el título que se muestra antes de todos los ítems del menú dentro de la sección.
• Menús usados en este contexto: Proporciona un enlace directo a la configuración del menú de Navegación que cada subcomponente usa para mostrar los ítems.

Información de Contacto

Este subcomponente te permite mostrar los datos de contacto de tu tienda. Las opciones para personalizar este subcomponente son las siguientes:

Ancho de columna

Define el espacio que ocupará esta sección, considerando el ancho del Pie de Página y los demás elementos mostrados en él, basándose en las siguientes opciones:

• Automático: la sección se adaptará considerando todas las demás secciones dentro del Pie de Página e intentará presentarlas todas en una sola fila horizontal.
• Mitad del ancho: la sección se expandirá para ocupar la mitad del ancho del Pie de Página.
• Ancho completo: la sección se expandirá y ocupará todo el ancho del Pie de Página, por lo tanto, se apilarán verticalmente una debajo de la otra.

Título

Te permite cambiar el título, que por defecto es “Contáctanos”.

Información

Este grupo de opciones te permite definir qué datos de contacto se mostrarán:

• Mostrar email de contacto: Muestra un correo electrónico dentro del menú. Al habilitarlo, una opción llamada Tipo de email definirá la fuente y el contexto del mismo:
  1. Contacto: considerará el definido en el panel de administración de tu tienda en Configuración > General > Emails > Configuración.
  2. Ubicación: será el de tu Ubicación principal, dentro de la lista de ubicaciones en Configuración > Caja > Ubicaciones.
• Número de WhatsApp: Muestra el número de WhatsApp que se puede agregar en Configuración > General > Preferencias > Redes sociales.
• Teléfono: Muestra el teléfono agregado de la Ubicación principal.
• Dirección principal de la tienda: Muestra la dirección de la Ubicación principal.

Ubicaciones

Este subcomponente te permite mostrar la lista de Ubicaciones que has agregado en el panel de administración de tu tienda en Configuración > Caja > Ubicaciones.

Hay algunos aspectos que debes considerar antes de usarlo:

• Las ubicaciones se mostrarán todas juntas dentro de una sola sección independiente en el Pie de Página.
• Se organizarán en columnas, según lo que definas en la opción Ancho de columna.

Las opciones para personalizarlo son las siguientes:

Ubicaciones a mostrar

Define qué tipo de ubicaciones se mostrarán dentro del subcomponente, basándose en las siguientes opciones:

1. Todas las ubicaciones: Se mostrarán todas las ubicaciones que hayas agregado en el panel de administración de tu tienda.
2. Ubicaciones de retiro: Solo se mostrarán las ubicaciones marcadas como Retiro.

Si una ubicación está marcada como Retiro, se mostrará una etiqueta con el texto Punto de retiro en el lado derecho del nombre de la ubicación.

Ancho de columna

Define la cantidad de columnas que cada ubicación ocupará dentro de la sección, basándose en lo siguiente:

• Automático: las columnas se adaptarán automáticamente e intentarán presentarlas todas en una sola fila horizontal.
• Mitad del ancho: las columnas se expandirán para ocupar la mitad del ancho de la sección.
• Ancho completo: las columnas se expandirán y ocuparán todo el ancho de la sección, por lo tanto, se apilarán verticalmente una debajo de la otra.

Información

Este grupo de opciones permite definir qué detalles se mostrarán para todas las ubicaciones, basándose en lo siguiente:

• Email
• Teléfono: siempre que esté agregado.
• Dirección: funcionará como un enlace a Google Maps.
• Ventana emergente de detalles: muestra la dirección de la ubicación dentro de un mapa de Google, en una ventana emergente que estará disponible cuando se habilite la siguiente opción.
• Ventana emergente de detalles: muestra un enlace después de todos los detalles de la ubicación, que abrirá una ventana emergente con toda la información que hayas habilitado. Las siguientes opciones estarán disponibles cuando esto esté habilitado:
  • Texto del enlace: texto que se muestra en el enlace.
  • Mapa de la dirección: permite mostrar el Mapa de la dirección de cada ubicación dentro de la ventana emergente.

Otros detalles de las ubicaciones que también se mostrarán en la ventana emergente, si los campos correspondientes están completos, serán:

• Descripción del punto de retiro (opcional)
• Instrucciones de retiro (opcional)

Divisor

Este subcomponente te permite crear una división que puede separar columnas dentro del Pie de Página, para que puedas organizar las secciones de información de una manera diferente.

Las opciones para personalizarlo son las siguientes:

Mostrar en

Define en qué dispositivos será visible el subcomponente, basándose en las siguientes opciones:

• Todos los dispositivos: será visible en todos los dispositivos.
• Solo escritorio: será visible en dispositivos con un ancho igual o mayor a 768px.
• Solo móvil: será visible en dispositivos con un ancho igual o menor a 767px.

Ocultar línea

Por defecto, este subcomponente muestra una línea horizontal para hacer la división más clara.

Al habilitar esta opción, esa línea se ocultará, haciendo que el subcomponente sea simplemente un espacio divisorio.