El Footer es la sección inferior de tu tienda. Suele contener la información de tu marca, enlaces, iconos sociales, logotipos de pago y el copyright. Lo construyes con bloques.
Dónde encontrarlo
En el constructor, haz clic en el pie de página en la vista previa o elige Footer en la pestaña Sections. Para añadir uno, elige Footer en el grupo Layout. Un pie de página por página, en cualquier página. Cada página guarda su propia copia, así que usa Apply to all pages cuando termines, consulta Secciones y bloques.
Ajustes del Footer
- Width: Page o Full.
- Color scheme, Gap (espacio entre bloques), Padding y la pestaña Custom CSS.
Los bloques colocados directamente en el pie de página se apilan de arriba abajo. Para ponerlos uno al lado del otro en columnas, colócalos dentro de un Group configurado en Horizontal.
Los bloques del pie de página
- About us: una zona de marca que contiene un Logo, hasta 2 bloques Text, Contact info y un grupo. Organízalos con Direction, Position, Alignment, Width y Gap. Sin imagen de logotipo, el nombre de tu tienda aparece como texto.
- Contact info (dentro de About us): E-mail, Phone y Second Phone. Los compradores pueden tocarlos para escribir o llamar. Los campos vacíos no se muestran.
- Menu: muestra uno de tus menús. Los elementos principales con subelementos se convierten en columnas con título: una columna en móviles y hasta cuatro en pantallas anchas. Los menús se crean en ¿Cómo creo menús de navegación y los añado al encabezado y al pie de página?.
- Social media icons: enlaces a tus perfiles, con los mismos ajustes de iconos que la sección Social media icons. Consulta ¿Cómo añado iconos de redes sociales a mi tienda (Instagram, TikTok, Facebook, WhatsApp)?.
- Payment icons: logotipos de los métodos de pago activados en tu tienda, añadidos automáticamente. Por ejemplo, Stripe añade los logotipos de las tarjetas. No hay nada que configurar. Consulta ¿Qué métodos de pago puedo ofrecer y cómo aparecen en el checkout?.
- Privacy links: enlaces a tus políticas publicadas, con Size y Case (Default o Uppercase). Solo aparecen las políticas publicadas, consulta ¿Cómo edito y publico las políticas de mi tienda (privacidad, términos, reembolso, envío, cookies)?.
- Copyright: el año actual y el nombre de tu tienda, que se actualiza solo cada año. Powered by añade un pequeño enlace a Storeep. Define Size y Case. El nombre viene de ¿Cómo cambio el nombre de mi tienda, la zona horaria y la unidad de peso?.
- Text (hasta 2) y Divider (hasta 2): consulta ¿Cómo uso las secciones y bloques Text, Image y Divider?.
- Group (hasta 3): un contenedor para crear columnas y filas. Consulta ¿Cómo uso los bloques Group para colocar contenido lado a lado o en columnas?.
Cada tipo de bloque se puede usar una vez, excepto Text, Divider y Group. Un pie de página admite hasta 9 bloques en el nivel principal.
Receta: un pie de página con columnas
- Añade un Group y pon Direction en Horizontal. Activa Stack vertically on mobile.
- Mueve About us, Menu y Social media icons dentro de él. Cada uno se convierte en una columna.
- Debajo del grupo, añade un Divider y luego un segundo grupo horizontal con Copyright y Payment icons. Pon su Alignment en Space between para llevarlos a los dos lados.
Bueno saberlo
- Texto dentro de un grupo: los grupos del pie de página no aceptan bloques Text. Pon tu texto en About us o directamente en el pie de página.
- Un bloque no aparece: Payment icons, Privacy links y Social media icons permanecen ocultos hasta que hay algo que mostrar (un método de pago, una política publicada o una cuenta).