Estás leyendo la publicación: ¡Haga que la navegación sea fácil con la nueva aplicación “Mega Menu Builder” de Shift4Shop!
La navegación es el quid de la experiencia del usuario de su tienda en línea, con su calidad ya sea para hacer o romper una venta. Obviamente, desea asegurarse de que sea lo más fácil posible para los clientes navegar por su sitio para encontrar los productos exactos que buscan comprar. Para hacer bien el trabajo, un buen menú incluirá categorías y subcategorías que estén organizadas correctamente y de una manera agradable a la vista. Si su tienda tiene una cantidad decente de categorías, subcategorías y tipos de productos en general, un menú desplegable es probablemente su primera opción para organizarlo todo de manera resumida.
Pero los menús desplegables regulares no son perfectos. Por lo general, adoptan la forma de largas listas de categorías que a menudo obligan a los usuarios a desplazarse hacia abajo para ver todas las opciones que contiene. Tienden a verse poco atractivos y quitan la sensación general de su sitio que ha tardado tanto en perfeccionar y crear. En Shift4Shop, entendemos lo importante que es la navegación para los propietarios de tiendas en línea, por lo que nos complace anunciar que hemos desarrollado una aplicación para ayudarlo a crear un menú de navegación avanzado para su sitio web: El creador de mega menús.
Aplicación Mega Menu Builder de Shift4Shop
Los Mega Menús son un atractivo y funcional solución al problema de navegación del sitio web. Actuando como un menú desplegable mejorado, los Mega Menús se expanden y contienen una gama mucho más amplia de capacidades y posibilidades de navegación. En lugar de una larga lista de categorías basadas en texto, un Mega Menú es una dinámica y visual mapa vial de todo en su sitio, diseñado para que los clientes naveguen fácilmente. Al organizar categorías y subcategorías en un flujo visual en el que los clientes navegarán naturalmente sin esfuerzo e implementar elementos gráficos que faciliten la búsqueda, eliminará efectivamente cualquier desplazamiento frustrado o confusión al habilitar esto en su sitio.
Dado que Mega Menu puede mostrar todas sus categorías y subcategorías simultáneamente, todo es visible a la vez sin obligar a su cliente a desplazarse por largas listas. Los paneles de navegación extendidos aparecerán como vuelos de salida de las categorías principales, que se revelan cuando el mouse de su cliente hace clic o se desplaza sobre ellos. Esto hace que la navegación en su sitio sea fluida, lo que permite que sus clientes de alta intención encuentren fácilmente lo que buscan, lo que, a su vez, hace que sea más probable que sigan adelante con una compra.
Con el nuevo Mega Menu Builder de Shift4Shop, agregar un Mega Menú a su tienda en línea es tan sencillo como lo será para sus clientes navegar por su sitio una vez habilitado. Es tan fácil como hacer clic en algunos botones y listo: su Mega Menú totalmente personalizado está activo en su sitio. No se preocupe, no se necesita codificación avanzada; Mega Menu Builder está diseñado para hacer que el proceso sea simple y autoexplicativo para cualquier persona, sin importar su nivel de habilidad de codificación.
Tipos de Mega Menús
Con el nuevo Mega Menu Builder, tiene 3 opciones de menús de navegación para elegir: el menú de árbol, el menú de columnas y el menú con pestañas.
Menú de árbol
Con el menú de árbol, puede incluir árboles de categorías de menú personalizados que abren menús desplegables para revelar más opciones de menú anidadas cuando un cliente se desplaza sobre cada opción de menú. Un menú de árbol le permitirá anidar hasta 3 niveles de ramas de menú para su elección de subcategorías, productos, etc.
Menú de columna
Al habilitar el menú de columnas, puede incluir fotos grandes en las que se puede hacer clic que se pueden usar para indicar categorías, productos, los más vendidos o lo que quiera que se incluya en su navegación. Cada imagen tiene un encabezado en la parte inferior, indicando en texto cuál es la opción del menú; también puede optar por dejar esta sección de encabezado vacía si así lo desea.
Menú con pestañas
El menú con pestañas es definitivamente el punto culminante del grupo, combinando el menú de árbol y el menú de columna en un verdadero mega menú. A la izquierda, puede habilitar menús de árbol de categorías generales que actuarán como el tronco de las ramas de este menú. Al hacer clic, estas opciones de menú revelarán un menú de columna flotante a la derecha, donde tiene la opción de incluir una columna de imágenes más pequeñas para indicar productos, subcategorías o lo que necesite, así como una columna más grande. menú con imágenes de tamaño completo para realizar la misma función.
Cómo usar el generador de mega menús
En cuatro sencillos pasos, puede crear un Mega Menú y tenerlo en funcionamiento en su sitio. Aquí le mostramos cómo comenzar:
Paso 1: compre y habilite el módulo
Después de comprar la aplicación en el Tienda de aplicaciones Shift4Shop, puede habilitar el módulo Mega Menu Builder en la página de administración de su tienda Shift4Shop. Este paso es importante, porque es necesario para que el código del Mega Menú pueda ser inyectado en el archivo frame.HTML de tu sitio.
Paso 2: edite el módulo Mega Menu Builder
Una vez que el módulo está habilitado, puede ubicarlo buscando “Mega Menú” y luego haga clic en el botón de configuración.
Desde aquí, puede elegir el tema del Mega Menú (claro u oscuro), el código HEX del color de fondo de la navegación, el color del texto de la navegación a través del código HEX y el ancho de la barra de navegación del Mega Menú. Con respecto al ancho, puede elegir si desea o no que la barra de navegación abarque todo el ancho de la pantalla, o si desea que solo permanezca dentro del contenedor del encabezado. Esta opción es especialmente útil si tiene un encabezado de ancho completo.
Paso 3: agregue el código Mega Menu Builder al archivo de marco de su sitio
En este punto, deberá agregar el código del Mega Menú al código de su sitio. No se preocupe, aquí no se requiere ninguna codificación. Todo lo que tendrá que hacer es navegar a “¿Cómo usar el mega menú?” sección del módulo, copie el código y péguelo en su tema actual marco.HTML archivo. Hay un botón en esta sección en el que puede hacer clic para editar directamente su archivo frame.HTML, por lo que pegar este código es rápido y fácil para usted.
Paso 4: Inicie Mega Menu Builder
Una vez que haya terminado de personalizar la estética de su menú, ahora puede iniciar el generador de menús haciendo clic en el botón “Iniciar generador de menús” en la parte superior derecha de la página. Accederá al constructor, que reflejará la configuración de color y ancho que seleccionó anteriormente como una versión de vista previa de su menú. Desde aquí, puede editar fácilmente su menú pasando el cursor sobre los elementos del menú y haciendo clic en la opción de edición. Puede agregar opciones de menú haciendo clic en el botón “agregar +”.
A medida que edita su menú, el generador está diseñado para reflejar exactamente cómo se verá su menú en el front-end de su sitio en vivo una vez que se habilite el nuevo menú. De esta manera, no tendrá que quedarse atascado adivinando cómo se verá el producto final de sus personalizaciones al final.
La navegación no tiene por qué ser poco atractiva para ser efectiva, y los Mega Menús son prueba de ello. Con un nuevo Mega Menú personalizado habilitado en su tienda en línea, verá un aumento en las ventas y una experiencia de usuario mejorada en muy poco tiempo. Esta nueva aplicación se lanzará con nuestra última versión actualizada de Shift4Shop y estará disponible en nuestra tienda de aplicaciones para todos los comerciantes. Para poder habilitar la aplicación Mega Menu Builder en su sitio web, puede pagar $ 14.99 mensuales o pagar una tarifa única de $ 249. Revisar la Tienda de aplicaciones Shift4Shop para más información.
