Crear una Navegación Personalizada en Shopify

Acerca de la Navegación Personalizada de Shopify

Un menú de navegación web claro e intuitivo web claro e intuitivo ayuda a los clientes a encontrar lo que necesitan más rápidamente, lo que mejora la experiencia de navegación y aumenta las conversiones.

En Shopify, la barra de navegación (a menudo ubicada en la barra de título o encabezado de su tienda) barra de título o encabezadose construye a partir de menús que usted crea en el panel de administración. Puede agregar múltiples elementos de menú y organizarlos según la estructura de su tienda.

Para crear un menú desplegable en el encabezado, simplemente anide uno o más elementos de menú bajo un elemento principal. Shopify mostrará automáticamente los elementos anidados como un menú desplegable en el encabezado, siempre que su tema admita navegación multinivel.

Esto le permite agrupar colecciones, productos o páginas relacionadas en categorías claras para una navegación más fluida.

Crear Elementos de Menú en Shopify

• Vaya a su Panel de Administración de Shopify > Contenido > Menús > Menú Principal.

• Ingrese el nombre del menú en el cuadro de nombre (por ejemplo, "Menú principal de prueba")
• Cuando haya terminado, haga clic en Agregar elementos de menú en el elementos del menú agregar elementos que se mostrarán en el menú de navegación.

• Ingrese la etiqueta para el elemento y elija la página de destino del menú desplegable en el enlace .

• Haga clic en el icono de “marca de verificación” junto a cuadro Enlace para guardar el elemento y continuar agregando otros. 
• Cuando haya terminado, pulse el botón Guardar para guardar los cambios.

Puede editar los elementos existentes colocando el cursor sobre el elemento y haciendo clic Editar junto al elemento o pulsar el icono de la papelera para eliminarlo. También, haga clic y arrastre el ⠿ icono de manija al lado de cada elemento para cambiar su posición.

Para crear un menú desplegable en el encabezado, anide uno o más elementos bajo un elemento de menú principal en el panel de administración de Shopify. Esta estructura es la que le indica a Shopify que debe mostrar un menú desplegable en su encabezado.

Si su tema lo admite, el menú desplegable aparecerá automáticamente.

Mostrar el Menú en su Tienda en Línea

Para mostrar su menú en su tienda activa, asígnelo al encabezado o pie de página de su tema:

• Volver Tienda en línea > Temas > haga clic Personalizar en su tema activo.

• En el editor de temas, seleccione el Encabezado or Pie de página .
• Busque la configuración del Menú y seleccione el menú deseado en el menú desplegable.

• Haga clic en Guardar en la esquina superior derecha.

¿Puedo Usar GemPages para Crear un Menú de Navegación?

GemPages actualmente no admite la construcción de un menú de navegación completo directamente en el Editor. Los elementos de texto y botones solo pueden desplazarse a secciones dentro de la misma página, no enlazar a otras páginas de su tienda.

Sin embargo, aún puede mostrar su menú de navegación de Shopify (incluyendo menús desplegables) en cualquier página construida con GemPages, siempre que el encabezado de Shopify esté habilitado.

Siga estos pasos para mostrar la barra de navegación en una página de GemPages:

• Acceda a la aplicación GemPages en su Shopify y abra la página en el Editor de GemPages.
• Haga clic en la pestaña Configuración en la esquina superior derecha de la barra superior.

• Active la opción para mostrar el encabezado y pie de página del tema de Shopify y luego presione Aplicar configuración.

• Guarda y publica tu página.

Mejores Prácticas para la Personalización de la Navegación

• Limite los elementos de nivel superior a 5–7 para evitar el desorden.
• Utilice menús desplegables para agrupar contenido relacionado (por ejemplo, categorías de productos).
• Verifique nuevamente que todos los enlaces funcionen y conduzcan a páginas activas.
• Utilice etiquetas simples y claras como “Comprar todo”, “Acerca de nosotros” o “Seguimiento del pedido”.

Preguntas Frecuentes sobre Navegación Personalizada en Shopify

¿Cómo puedo agregar un menú desplegable a la barra de título en Shopify?

Cree elementos de menú anidados en el panel de administración de Shopify. Shopify convierte automáticamente los elementos anidados en un menú desplegable de encabezado si su tema admite navegación multinivel.

¿Puedo reordenar los elementos del menú de navegación?

Sí. En el administrador de Shopify, arrastre y suelte elementos usando el ⠿ controlador ⠿ para reorganizar su orden.

¿Por qué no aparece mi menú desplegable?

Verifique si su tema admite menús desplegables y asegúrese de haber habilitado el encabezado en su tema de Shopify o en la configuración de GemPages.

¿Puedo usar GemPages para crear menús de navegación con listas desplegables?

No directamente. GemPages muestra la barra de navegación de su tema de Shopify cuando el encabezado está habilitado. Primero deberá construir el menú en el panel de administración de Shopify.

¿Cuál es la diferencia entre la navegación del encabezado y la navegación del pie de página?

La navegación del encabezado generalmente aparece en la barra de título en la parte superior de su sitio, mientras que la navegación del pie de página muestra enlaces en la parte inferior. Ambas se administran a través del panel de administración de Shopify.

¿Por qué no aparece el menú desplegable de mi encabezado de Shopify en las páginas de GemPages?

GemPages depende de su tema de Shopify para renderizar el encabezado. Si el encabezado de Shopify está deshabilitado en el Editor de GemPages, el menú desplegable no se mostrará. Asegúrese de que "Mostrar encabezado y pie de página de Shopify" está prendido.