¿Cómo usar?

Un FAB (Floating Action Button) es un menú simple que siempre flota en la parte inferior de la pantalla, típicamente utilizado para soporte. Los FABs a menudo proporcionan herramientas de chat como WhatsApp, mensajería, correo electrónico, así como enlaces a recursos de soporte y canales de redes sociales para promover tu sitio web.

Beneficios Clave:

  • Simple, generalmente utilizado para soporte.
  • Puede ser utilizado para agrupar botones flotantes de otras aplicaciones o para activar un Slide Menu.
  • Coloca enlaces importantes al alcance para un acceso rápido y conveniente
  • Centraliza la navegación clave, ayudando a los usuarios y motores de búsqueda a entender mejor tu sitio – excelente para SEO

FAQ:

1. No he decidido si usar la versión gratuita o de pago. ¿Puedo probar las plantillas de menú profesionales?

¡Absolutamente! Los grupos de menú son principalmente para ayudar a los principiantes a evitar sentirse abrumados por características avanzadas en Navi+ 😄. La mejor manera es probar los menús profesionales para explorar todas las características y opciones de diseño. Más tarde, puedes simplemente eliminar cualquier menú que no necesites o que encuentres inadecuado.

2. ¿Crear un menú aquí hace que aparezca en mi sitio web de inmediato?

Aún no. Necesitarás publicar el menú correcto para que aparezca en tu sitio web. ¡No te preocupes, es fácil!

3. ¿Qué pasa si elijo la plantilla incorrecta o cometo un error?

No hay problema en absoluto. Puedes eliminarlo y crear uno nuevo en cualquier momento. Si estás probando un menú y quieres intentar otra plantilla, puedes guardar la actual como un archivo de respaldo y volver a abrirlo más tarde. Puedes incluso copiar y pegar partes entre menús (abriendo dos pestañas del navegador) para mantener tu trabajo anterior. ¡Siéntete libre de experimentar!

4. ¿Debería crear solo un menú o múltiples?

Deberías crear múltiples menús. Solo el menú activo se mostrará en tu sitio, pero puedes preparar muchas versiones — seleccionando diferentes plantillas o clonando menús. Los menús pueden configurarse para mostrar/ocultar según el tipo de página (inicio, producto, colección...), dispositivo (móvil o de escritorio), o palabras clave de URL. ¡Así que adelante y construye menús que se adapten a cada situación!

Paso 1: Editar el árbol de menú

1.1. Entendiendo el Árbol de Menú

El árbol de menú es la parte más importante de cualquier menú—define la estructura.

Aquí hay un ejemplo de un árbol de menú:

Soporte  
- Banner  
- Chatea con nosotros (Mostrado como Grupo)  
- Whats App
- Telegram
- Facebook Messager
- ...

Este es un árbol de menú de 2 niveles. Puedes crear hasta 3 niveles en un FAB dependiendo de tu creatividad; sin embargo, para simplificar, 2 niveles son generalmente la opción óptima.

Pasarás la mayor parte de tu tiempo construyendo este árbol de menú para tu sitio web, ayudando a los clientes a encontrar el contenido que están buscando.

Catalog: A level 1 menu item, displayed as a tab on the tab bar. All-Mountain: Level 2 menu item that appears when you tap on Catalog.

1.2. Interacciones Básicas con el Árbol de Menú

Puedes arrastrar y soltar elementos del menú hacia arriba y hacia abajo o de izquierda a derecha para cambiar su posición y relaciones padre-hijo en el árbol de menú.

Cuando pases el cursor sobre cualquier elemento del menú, verás opciones adicionales: editar los detalles del elemento, eliminarlo del árbol de menú, o copiar y pegarlo en otro lugar.

Consejo: Puedes copiar un elemento del menú de un menú a otro abriendo la aplicación Navi+ en dos pestañas del navegador.

1.3. ¡IMPORTANTE! Elimina los elementos de menú de muestra y mantén solo la estructura que deseas.

Esta es una situación común al crear un menú con Navi+. Cuando creas un nuevo menú, incluimos un ejemplo completo con elementos de menú populares para mostrar ideas de diseño y permitirte copiar/pegar según sea necesario. Sin embargo, si eres nuevo en Navi+ y usas el plan Starter, verás muchas advertencias rojas (i) para características que no están disponibles, como subir imágenes o usar interacciones avanzadas.

Si te gustan estas características avanzadas, considera actualizar a un plan Business o Elite. Pero si deseas continuar con el plan Starter, por favor encuentra y elimina los elementos de menú con advertencias rojas (i).

Consejo Importante: Cuando aparezca la confirmación de eliminación, activa “No preguntar de nuevo la próxima vez” para eliminar más rápido.

1.4. Agregar elementos de menú al Árbol de Menú

Para agregar un elemento de menú, tienes dos opciones:

Opción 1 **(No recomendado si eres nuevo en Navi+)**: Haz clic en “Agregar menú” para insertar un elemento de menú en blanco al final del árbol de menú. Este método requiere un buen entendimiento de la configuración de los elementos del menú, que cubriremos a continuación. Puede parecer abrumador al principio, así que puedes explorar esto más tarde.

Opción 2 (Recomendada): Ya hemos preparado muchas plantillas de elementos de menú bien diseñadas para ti. Simplemente cópialas y pégalas en el lugar correcto. Después de terminar tu árbol de menú, solo elimina las plantillas no utilizadas.

Paso 2: (Shopify) Publicar el menú en tu sitio web.

2.1. Activar Navi+ en Integraciones de Aplicaciones

Paso 1: Haz clic en Tienda en Línea, luego haz clic en Temas. Consejos: Haz clic derecho en Tienda en Línea y selecciona “Abrir enlace en nueva pestaña” para ahorrar tiempo.

Paso 2: Selecciona el tema donde deseas publicar el menú.

Haz clic en: Personalizar

  • Si tu sitio web es nuevo y aún no tiene usuarios, siéntete libre de publicar el menú sin preocupaciones—puedes activarlo o desactivarlo fácilmente en cualquier momento sin afectar a los visitantes.
  • Si tu sitio web ya tiene tráfico regular, ten más cuidado. La mejor práctica es crear un Tema duplicado y probar Navi+ en esa versión primero.

Paso 3: Ve a Integraciones de Aplicaciones, encuentra “Navi+ en Todas las páginas”, y actívalo.

Paso 4: No olvides hacer clic en “Guardar” para aplicar los cambios.

Después de estos 4 pasos, Navi+ ha sido instalado en tu sitio web y está listo para mostrarse. Sin embargo, el proceso aún no está completo. Regresa a la pestaña de la aplicación Navi+ para activar realmente Publicar Menú.

2.2. Selecciona configuraciones de visualización y publica el menú.

Paso 1: Haz clic en el botón Publicar en el sitio web.

Paso 2: Elige configuraciones de visualización y luego PUBLICA EL MENÚ.