Cómo crear un menú de navegación flotante en WordPress

Recientemente, uno de nuestros usuarios nos preguntó cómo crear un menú de navegación pegajosa para su sitio. Los menús de navegación pegajosa permanecen en la pantalla mientras los usuarios ejecutan la página hacia abajo. Esto hace que el menú anterior sea siempre visible, lo cual es bueno para la experiencia del usuario, ya que contiene enlaces a las secciones más importantes de su sitio web. En este artículo, le mostraremos cómo crear fácilmente un menú flotante pegajoso en WordPress.

¿Qué es un menú de navegación flotante? Un menú de navegación pegajoso o flotante es uno que “se adhiere” a la parte superior de la pantalla mientras un usuario se ejecuta. Esto hace que su menú sea constantemente visible para los usuarios.
Aquí hay un menú pegajoso en acción. Le mostraremos cómo crear un menú exactamente para su propio sitio:

¿Por qué y cuándo pueden ser útiles los menús pegajosos? Por lo general, el menú de navegación en la parte superior contiene enlaces a las secciones más importantes de un sitio web. Un menú flotante hace que estos enlaces siempre sean visibles, lo que ahorra a los usuarios para volver a la parte superior. También se ha demostrado que aumenta las conversiones. Si está ejecutando una tienda en línea, entonces su menú de navegación superior probablemente incluye enlaces al carrito, categorías de productos de productos. Al hacer este menú pegajoso, puede ayudarlo a reducir el abandono de la canasta y aumentar las ventas.
Algunos de los mejores temas de WordPress tienen soporte incorporado para un menú de navegación pegajosa. Simplemente vea la configuración sobre temas »personalizado para activar esta función. Si su tema no tiene esta opción, continúe leyendo y mostrándole cómo crear fácilmente un menú flotante pegajoso en cualquier tienda de WordPress o WooCommerce. Método 1: Agregue el menú de navegación adhesiva flotante utilizando un complemento Este es el método más ligero. Lo recomendamos para todos los usuarios de WordPress, especialmente para principiantes. Si aún no ha configurado el menú de navegación, continúe y haga esto utilizando nuestras instrucciones sobre cómo agregar un menú de navegación de WordPress. Después de eso, debe instalar y activar el menú pegajoso (¡o cualquier cosa!) En el complemento de desplazamiento. Para obtener más detalles, consulte nuestra guía paso por paso sobre cómo instalar un complemento de WordPress. Después de la activación, debe acceder a la página de configuración »Menú lípido (¡o cualquier cosa!) Para configurar la configuración del complemento.
Primero debe ingresar el código CSS del menú de navegación que desea hacer pegajoso. Deberá usar la herramienta de inspección del navegador para encontrar la ID CSS utilizada por el menú de navegación. Simplemente visite su sitio web y lleve el mouse al menú de navegación. Después de eso, debe hacer clic en la derecha y seleccionar inspeccionar el menú del navegador.

Dividirá la pantalla del navegador y podrá ver el código fuente para el menú de navegación. Debe encontrar una línea de código que se refiera a su navegación o encabezado que su sitio se verá así: