Secciones compartidas y de páginas del sistema
Este artículo explica las secciones que puedes agregar a cualquier tipo de página, además de las secciones fijas que vienen con cada página del sistema. Para saber cómo agregar y organizar secciones, consulta Secciones y bloques.
Secciones que puedes agregar a cualquier página
Estas aparecen en el selector Agregar en todos los tipos de página.
Texto
Una sección de texto independiente para un encabezado o párrafo. Hasta 3 por página. Todas las opciones de tipografía están documentadas en Componentes de diseño.
Imagen
Una sección de imagen independiente. Hasta 3 por página. Configura el ancho (ajustar, rellenar o un porcentaje personalizado), alineación, relación de aspecto (auto, vertical, cuadrada u horizontal), ajuste (cubrir o contener), radio de borde, relleno y un enlace opcional al hacer clic.
Divisor
Una línea separadora. Hasta 10 por página. Configura el grosor, longitud (un porcentaje del contenedor), estilo de los extremos, alineación, esquema de color, ancho (ajustar o rellenar) y relleno. Consulta Componentes de diseño.
Iconos de redes sociales
Una fila independiente de iconos de plataformas sociales (uno por página). El aspecto puede ser Iconos (control total de forma y paleta) o Apps (cada plataforma como un círculo de color de marca). El modo puede ser En línea (flujo de la página) o Fijo (anclado al borde izquierdo o derecho de la ventana, siempre visible al hacer scroll), con opción de volver a en línea en móvil. Plataformas soportadas: Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp y Telegram, cada una ingresada como nombre de usuario (WhatsApp como número de teléfono). Configuraciones: tamaño del icono (12 a 64 px), espacio entre iconos (0 a 48 px), alineación, forma (ninguna, círculo, redondeado, cuadrado), estilo de relleno (plano o contorno), tamaño del contenedor (26 a 80 px), paleta (colores de marca, mono o un color hex personalizado) y efecto al pasar el cursor (ninguno, marca, escala, elevación, opacidad).
Código personalizado
Una sección para HTML, CSS y JavaScript sin procesar (hasta 5000 caracteres cada uno, máximo 2 por página). Tu HTML se muestra dentro de un contenedor único, tu CSS se aplica solo a ese contenedor para no afectar otras secciones y tu JavaScript se ejecuta en un entorno aislado con el contenedor como parámetro, cargado después de que la página esté lista. Útil para widgets y embebidos de terceros.
Preguntas frecuentes (FAQ)
Un acordeón de pares de preguntas y respuestas. Disponible en las páginas de inicio y producto. Configura el esquema de color, ancho (página o completo) y relleno.
Secciones de páginas del sistema
Cada página del sistema incluye una sección obligatoria que define su función principal. Estas no se pueden eliminar, solo configurar, aunque puedes agregar secciones de Texto, Imagen, Divisor y otras secciones de cualquier página a su alrededor.
- Productos de colección (página de colección): la cuadrícula de productos de una colección. Configura columnas en escritorio, columnas en móvil (1 o 2), espacio entre productos, ancho, esquema de color y el diseño de la tarjeta de producto.
- Productos de búsqueda (página de búsqueda): la cuadrícula de resultados, usando los mismos controles de cuadrícula y tarjeta de producto que Productos de colección.
- Contacto (página de contacto): un formulario con campos de nombre, correo electrónico, asunto y mensaje. Configura el espacio entre campos, la etiqueta del botón de enviar y su estilo (primario o secundario). Puedes colocar bloques de Texto y Grupo alrededor del formulario.
- Carrito (página de carrito): el carrito de compras con los artículos, totales y acceso al pago.
- Pago (página de pago): el flujo de pago con campos de cliente y de pago.
- Confirmación de pedido (página de agradecimiento): el resumen post-compra que muestra los detalles del pedido, información del cliente, totales y los métodos de envío y pago seleccionados.
- Política (página de políticas): muestra el contenido de tu página legal (título y cuerpo). El texto de la política se escribe en la configuración de la tienda; esta sección solo controla su apariencia.
- 404 (página 404): la sección de página no encontrada, con un encabezado, texto descriptivo y un botón para volver a la página de inicio.
Para las secciones de inicio, producto y página de aterrizaje, consulta Secciones de la página de inicio y Secciones de producto y página de aterrizaje. Para el encabezado, pie de página y barra de anuncios, consulta Secciones globales.