Instalar Navi+
Paso 1 — Instalar
Shopify: Instala desde la Shopify App Store. La aplicación se abre automáticamente después de la instalación.
Otras plataformas (WordPress, WooCommerce, Wix, Webflow, Squarespace, o cualquier sitio web):
- Crea una cuenta gratuita en dash.naviplus.app
- Agrega el dominio de tu sitio web
- Copia tu fragmento de inserción — lo usarás en el Paso 2
Paso 2 — Comprender cómo se desplegará tu menú
Navi+ utiliza tres métodos de despliegue diferentes dependiendo del tipo de menú. Comprender esto de antemano ahorra tiempo durante la configuración.
1. Menús flotantes — Tab Bar & FAB
Tab Bar y FAB son menús adhesivos que flotan en la parte superior de tu página en una posición fija. Nunca se desplazan.
Parte superior, inferior, izquierda o derecha de la pantalla
Se oculta al desplazarse hacia abajo, reaparece al desplazarse hacia arriba
Oculto por defecto, aparece solo cuando el usuario se desplaza hacia abajo — ahorra espacio en la pantalla
Un caso de uso común: consolidar otros elementos flotantes — WhatsApp, Crisp, Messenger, widgets de chat en vivo — en elementos de menú de Navi+. Esto libera espacio en la pantalla y elimina el desorden de múltiples íconos flotantes apilados unos sobre otros.
2. Menús posicionados — Mega Menu & Grid Menu
Mega Menu y Grid Menu necesitan ser colocados en una ubicación específica en tu página. Hay varias formas de hacerlo:
Apunta a Navi+ a cualquier elemento en tu página. Inserta antes, después o reemplázalo completamente — así es como Mega Menu puede reemplazar completamente la navegación existente de tu tema.
Usa un Bloque de Aplicación dentro del Personalizador de Temas para colocar el menú en cualquier sección de tu diseño — no se necesita código.
Pega un fragmento corto directamente en el HTML de tu página en el lugar exacto donde debería aparecer el menú.
Selector CSS es una forma de identificar cualquier punto en una página web — es cómo los navegadores apuntan a elementos específicos. Navi+ lo utiliza para saber exactamente dónde inyectar tu menú. No necesitas escribir CSS tú mismo; Navi+ tiene un selector visual que encuentra el selector por ti.
3. Menús activados — Slide Menu
Slide Menu no aparece por sí solo. Se mantiene oculto hasta que algo lo activa:
Un usuario hace clic en algo que ya está en tu página — como el ícono de hamburguesa de tu tema
Cualquier elemento en tu página — designado por su Selector CSS
Un elemento de Tab Bar o FAB que abre el Slide Menu al hacer clic
Esto hace que Slide Menu sea flexible — puede reemplazar tu navegación existente sin agregar visualmente nada nuevo a la página.
Paso 3 — Crea tu primer menú
Una vez instalado, dirígete al panel y crea tu primer menú. → Tu primer menú (inicio rápido de 5 minutos)