La navegación en WooCommerce se construía sobre el flexible sistema de menús de WordPress: podías añadir cualquier combinación de páginas, categorías, enlaces personalizados y entradas a los menús, con anidamiento ilimitado y mejoras basadas en plugins (UberMenu para mega menús, Max Mega Menu, WP Nav Menus). Shopify tiene un sistema de menús nativo más sencillo (menús anidados hasta 2 niveles, tipos de enlace básicos) que cubre la mayoría de las necesidades de las tiendas, con soporte de mega menús a nivel de tema para tiendas más complejas. Esta guía cubre la migración completa de la navegación desde los menús de WooCommerce al sistema de menús de Shopify.

Visión general del sistema de menús de Shopify

Tienda online → Navegación — todos los menús se gestionan aquí
Menús predeterminados: "Menú principal" y "Menú de pie de página" — la mayoría de los temas los usan por defecto
Menús personalizados: crea menús adicionales para pies de página, barras laterales o áreas de navegación personalizadas
Elementos de menú: enlace a colecciones, productos, páginas, blog, blogs o URL personalizada
Anidamiento: los menús admiten hasta 2 niveles de anidamiento (elemento principal → elementos desplegables). Sin anidamiento más profundo de forma nativa.
Mega menús: requieren soporte del tema. La mayoría de los temas premium (Dawn basado en secciones, Prestige, etc.) admiten mega menús mediante la personalización del tema o secciones.

Tipos de enlace para elementos de menú

Tipo de enlace	Ejemplo	Notas
Colecciones	/collections/clothing	El más utilizado — se corresponde con las categorías de WooCommerce
Productos	/products/product-handle	Enlace directo al producto — úsalo con moderación en la navegación
Páginas	/pages/about-us	Páginas de contenido estático
Blog	/blogs/news	Página de índice del blog
Entradas de blog	/blogs/news/post-handle	Entrada de blog específica — raramente en la navegación
URL personalizada	/collections/all?sort_by=price-ascending	Cualquier URL incluyendo colecciones filtradas
Página principal	/	Enlace a inicio

Migración de la estructura de menús de WooCommerce

Correspondencia entre menús de WooCommerce y menús de Shopify

Páginas de WordPress → Páginas de Shopify: Sobre nosotros, Contacto, FAQ, etc. Crea primero las páginas equivalentes en Shopify, luego añádelas al menú.
Categorías de productos de WooCommerce → Colecciones de Shopify: Mapea cada categoría de WooCommerce a su colección de Shopify. El elemento de menú enlaza a /collections/handle.
Etiquetas de productos de WooCommerce → Colecciones de etiquetas de Shopify: Usa /collections/all?tag=tu-etiqueta como elemento de menú con URL personalizada para la navegación basada en etiquetas.
Categorías de blog de WooCommerce → Blog de Shopify: Shopify tiene un blog con entradas etiquetadas. Usa la URL personalizada /blogs/news/tagged/slug-categoria-blog para la navegación de blog específica por categoría.
Enlaces externos: Recréalos como elementos de URL personalizada en la navegación de Shopify.

Proceso de auditoría de menús

Captura de pantalla o exporta tu estructura de menús de WooCommerce (Apariencia → Menús en el panel de administración de WordPress)
Mapea cada elemento a su URL equivalente en Shopify
Reconstruye en la Navegación de Shopify con la misma jerarquía
Prueba la navegación en escritorio y móvil — compara con las capturas de WooCommerce

Mega menús

Las tiendas de moda, artículos para el hogar y catálogos grandes suelen necesitar mega menús (desplegable multi-columna con imágenes destacadas, grupos de enlaces, bloques promocionales):

Mega menús basados en tema: Muchos temas premium (Prestige, Expanse, Symmetry) incluyen funcionalidad de mega menú en su personalización. Configúralo a través de Tienda online → Personalizar → Cabecera → Configuración de menú.
Dawn (tema gratuito): Dawn admite desplegables de 2 niveles pero no mega menús de forma nativa. Para mega menús con Dawn, bien: (a) cambia a un tema premium, o (b) añade una aplicación de mega menú.
Aplicaciones de mega menú: Buddha Mega Menu, qikify Mega Menu — añaden una capa de mega menú a cualquier tema de Shopify. Incluyen bloques de imagen, banners promocionales y grupos de enlaces multi-columna.
UberMenu de WooCommerce → Shopify: no existe un equivalente directo; recrea la estructura del mega menú usando el tema o la aplicación elegida.

Navegación del pie de página

La mayoría de los temas de Shopify usan un "Menú de pie de página" para los enlaces de navegación inferior
Enlaces estándar del pie de página: Sobre nosotros, Contacto, FAQ, Política de devoluciones, Política de privacidad, Condiciones de servicio, Información de envío
Enlaces de políticas: Tienda online → Navegación → Menú de pie de página. Añade enlaces a /policies/refund-policy, /policies/privacy-policy, /policies/shipping-policy.
Pie de página multi-columna: algunos temas admiten múltiples menús de pie de página — crea menús separados para cada columna (Atención al cliente, Sobre nosotros, Social)
Enlaces de redes sociales: añade enlaces de redes sociales al menú de pie de página como elementos de URL personalizada. O usa la configuración de iconos sociales integrada del tema (Configuración → Redes sociales)

Navegación de rutas (migas de pan)

La mayoría de los temas de Shopify incluyen navegación de rutas en páginas de productos y colecciones de forma predeterminada
Estructura de rutas: Inicio → Colección → Nombre del producto
Las rutas de WooCommerce a menudo mostraban la jerarquía completa de categorías (Inicio → Mujer → Vestidos → Casual → Verano). Las rutas de Shopify muestran la colección desde la que el cliente navegó — si un producto está en múltiples colecciones, la ruta refleja la última ruta de colección en la que se hizo clic.
SEO: añade el esquema BreadcrumbList a tu tema para los resultados enriquecidos de rutas de Google
Verifica que las rutas funcionan correctamente tras la migración y muestran correctamente la ruta de navegación

Navegación móvil

Los temas de Shopify crean automáticamente un menú móvil deslizante o en cajón inferior a partir de tu menú principal
El menú móvil incluye: todos los elementos de navegación principal, enlace de cuenta, enlace al carrito, búsqueda
Menús profundos en móvil: los menús de más de 3 niveles resultan incómodos en móvil. Considera una navegación más plana para móvil — destaca categorías de nivel superior, no todas las subcategorías.
Pruebas de navegación móvil: navega por tu tienda Shopify en iPhone y Android tras configurar la navegación. La experiencia del menú móvil es donde suelen descubrirse los problemas de navegación.

Lista de verificación de migración de navegación

Captura de pantalla de todos los menús de WooCommerce (principal, pie de página, cualquier adicional)
Mapea cada elemento de menú de WooCommerce a la URL equivalente en Shopify
Crea primero todas las colecciones y páginas referenciadas en Shopify (antes de construir los menús)
Construye el menú principal en la Navegación de Shopify coincidiendo con la estructura de WooCommerce
Construye el menú de pie de página con enlaces de políticas y páginas de soporte
Si usas mega menús: configúralos a través de la configuración del tema o instala la aplicación de mega menú
Añade enlaces de redes sociales al pie de página (a través de la configuración social del tema o el menú de pie de página)
Prueba la navegación principal: haz clic en cada elemento de nivel superior y cada elemento desplegable
Prueba la navegación móvil: todos los elementos accesibles en pantallas de tamaño móvil
Verifica que las rutas se muestran correctamente en páginas de productos y colecciones
Comprueba que los redireccionamientos 301 están en su lugar para cualquier URL de categoría de WooCommerce usada en enlaces externos o marcadores

La migración de la navegación a menudo se subestima porque parece trivial — son "solo menús". Pero la estructura de la navegación afecta directamente a las tasas de conversión y al SEO. Las tiendas WooCommerce con menús de categorías muy anidados (5+ niveles) casi siempre han registrado que el 80% del tráfico pasa por las 3-4 rutas de navegación principales. Aprovecha la migración como una oportunidad para auditar tus análisis de navegación de WooCommerce (qué páginas se acceden desde qué elementos de menú) y simplificar — menos elementos de nivel superior, nombres de colección más claros, menos anidamiento. Una tienda WooCommerce que tenía "Mujer → Tops → Casual → Verano → Rebajas" ahora tiene "Tops → Novedades / Rebajas / Todos los tops". Una navegación más sencilla mejora la experiencia móvil, reduce la fatiga de decisión y hace que el menú funcione mejor con la restricción de anidamiento de 2 niveles de Shopify.

Configuración del menú de navegación de Shopify tras migrar desde WooCommerce (2026)