Resumen de bloques
Agrega a un mega menú o a una pestaña bloques como enlaces, imágenes, productos y cuentas atrás.
Un bloque es una pieza de contenido dentro de un mega menú o de una pestaña. Los bloques se colocan uno al lado del otro en una fila, y el Ancho de cada bloque define cuánto de la fila ocupa.
Enlaces y botones
Lista de enlacesUn encabezado y una columna de enlaces, con iconos, imágenes e insignias opcionales.
Hover image linksEnlaces junto a una imagen grande que cambia al pasar el cursor.
Feature listArgumentos de venta como el envío gratis, cada uno con un icono.
BotónUn botón de llamada a la acción, como “Ver todo”.
Imágenes y banners
ImagenUn banner o una imagen promocional con título y enlace.
Carrusel de imágenesVarias imágenes en un carrusel.Growth · Pro
Promo bannerUna imagen con encabezado, texto y botón.
Logotipos de marcasUna cuadrícula de logotipos de marcas, cada uno con su propio enlace.
Productos y colecciones
Lista de productosUna tarjeta de producto, o productos en cuadrícula, lista o carrusel.
Lookbook hotspotsUna foto con puntos clicables sobre los productos que aparecen en ella.
Lista de coleccionesColecciones con sus imágenes.Growth · Pro
Collection spotlightNombres de colecciones junto a una cuadrícula con sus productos.Growth · Pro
Contenido y promociones
Entradas de blogTus últimas entradas de blog, o las que elijas.Growth · Pro
Formulario de contactoUn formulario con el que los clientes te envían un mensaje.
NewsletterUn formulario de suscripción por correo.
Cuenta atrásUn temporizador que cuenta atrás hasta una fecha.Growth · Pro
Código de cupónUn código de descuento que los compradores copian con un clic.Growth · Pro
HTML personalizadoCualquier HTML: mapas, vídeos, contenido incrustado.Pro
¿Cuál debería usar?
| Bloque | Ideal para | Pestaña en Seleccionar bloque | Plan |
|---|---|---|---|
| Lista de enlaces | Categorías, marcas, tallas | Lista de enlaces | Todos los planes; la Insignia requiere Pro Navigation |
| Hover image links | Categorías con vista previa en imagen | Lista de enlaces | Todos los planes |
| Feature list | Envío gratis, devoluciones, pago seguro | Lista de enlaces | Todos los planes |
| Botón | Una llamada a la acción “Ver todo” | Lista de enlaces | Todos los planes |
| Imagen | Un banner o promoción de temporada | Agregar imagen personalizada | Todos los planes |
| Carrusel de imágenes | Varias campañas en un bloque | Agregar imagen personalizada | Growth Navigation, Pro Navigation |
| Promo banner | Una venta o una colección nueva, con un botón | Agregar imagen personalizada | Todos los planes |
| Logotipos de marcas | “Comprar por marca” | Agregar imagen personalizada | Todos los planes |
| Lista de productos | Un más vendido, novedades, una colección | Agregar producto | Producto único: todos los planes. Cuadrícula, lista, carrusel: Growth Navigation, Pro Navigation |
| Lookbook hotspots | “Compra el look” | Agregar producto | Todos los planes |
| Lista de colecciones | Mosaicos “Comprar por categoría” | Colecciones | Growth Navigation, Pro Navigation |
| Collection spotlight | Productos de varias colecciones | Colecciones | Growth Navigation, Pro Navigation |
| Entradas de blog | Guías, lookbooks, novedades | Blogs | Growth Navigation, Pro Navigation |
| Formulario de contacto | Preguntas sin salir de la página | Formulario de contacto | Todos los planes |
| Newsletter | Hacer crecer tu lista de correo | Formulario de contacto | Todos los planes |
| Cuenta atrás | Ventas flash y fechas límite | Cuenta atrás | Growth Navigation, Pro Navigation |
| Código de cupón | Un código de descuento para copiar | Coupon code | Growth Navigation, Pro Navigation |
| HTML personalizado | Mapas, vídeos, contenido incrustado | Agregar HTML al menú | Pro Navigation |
Dos pestañas más agregan estructura en lugar de un solo bloque:
- Multibloque agrega combinaciones prediseñadas, como 3 listas de enlaces + 1 imagen o Mapa + contacto + dirección, con un clic. El plan que necesitas depende de los bloques que incluya. Grupo de elementos (diseño Masonry) apila varios bloques en una columna; consulta Diseño Masonry (Pro Navigation).
- Pestaña agrega pestañas simples o anidadas con los títulos a la izquierda, arriba o a la derecha. Consulta Menú con pestañas (Pro Navigation).
Agregar un bloque
-
Abre el panel
En el editor de menús, haz clic en el elemento que tiene un mega menú para que se abra su panel. Haz clic en Agregar bloque.
Haz clic en Agregar bloque en el panel de mega menú abierto. -
Elige una pestaña y un diseño
En Seleccionar bloque, haz clic en una pestaña, como Multibloque, Lista de enlaces o Coupon code. Pasa el cursor sobre un diseño y haz clic en Seleccionar.
(1) Elige una pestaña, (2) pasa el cursor sobre un diseño y haz clic en Seleccionar. -
Configura el bloque
Sus ajustes se abren en Editar elemento. Rellena el contenido y elige el Ancho. Para editarlo más tarde, haz clic en el bloque en la vista previa.
(1) Haz clic en la cuenta atrás en la vista previa, (2) define su Ancho. -
Guarda y publica
Haz clic en Guardar y luego en Publicar.
Ajustes que tienen todos los bloques
- Ancho
- Cuánto de la fila ocupa el bloque: Automático, o de 8.33% a 100%. Los bloques cuyos anchos suman más del 100% pasan a una nueva fila. Para columnas iguales, usa 4 × 25%, 3 × 33.33% o 2 × 50%.
- Ocultar en el escritorio / Ocultar en el móvil
- En Visibilidad. Oculta el bloque en un tipo de dispositivo.
- Ocultar al iniciar sesión / Mostrar solo cuando se inicia sesión
- En Visibilidad. Muestra el bloque solo a los invitados, o solo a los clientes con sesión iniciada.
- Programar publicación
- En Visibilidad. Muestra el bloque solo entre una Fecha de inicio / Hora de inicio y una Fecha de fin / Hora de fin. Consulta Programar menús.
- Nombre de clase adicional
- En Avanzado. Agrega tu propia clase CSS para dar estilo al bloque con CSS personalizado.
¿Te ha sido útil?
¡Gracias por tu opinión! Cuéntanos qué faltaba
Informar de un problema