La pestaña Navigation es donde creas los menús que guían a los visitantes por tu sitio. Kajabi incluye menús predeterminados, como el Main Menu y el Footer, que aparecen en tus páginas hasta que asignes un menú diferente.

Crea menús personalizados cuando distintas páginas necesiten enlaces distintos. Por ejemplo, en una página de ventas, un menú personalizado puede enlazar solo a las páginas que ayudan a vender tu Offer.

Agregar un menú de navegación

Tu menú aparece en la pestaña Custom Menus. Para usarlo en una página, consulta Asignar un menú de navegación a una página más adelante en este artículo.

Los enlaces permiten que los visitantes lleguen a páginas que no están en tu navegación predeterminada. Antes de empezar, copia la URL o anota el nombre del Module, la Lesson o la página que quieres enlazar.

Los enlaces a Modules, Lessons y páginas sin publicar muestran una etiqueta Draft en la pestaña Navigation. Los visitantes no los ven hasta que publiques el Module, la Lesson o la página.

Cambia un enlace, reordena tu menú, o renombra o elimina un menú desde la pestaña Navigation.

Para eliminar el enlace, haz clic en Delete en la misma ventana y confirma.

Para eliminar el menú, haz clic en Delete en la misma ventana y confirma.

Mantén las páginas exclusivas para miembros, el contenido de los Courses y otros recursos detrás de un inicio de sesión, ocultando su enlace a quienes no hayan iniciado sesión en tu sitio.

Después de crear tus menús, asígnalos a las páginas de tu sitio. De forma predeterminada, el Main Menu y el Footer se aplican a todas las páginas hasta que asignes un menú diferente.

Cuando asignas un mismo menú a varias páginas y luego actualizas un enlace de ese menú, todas las páginas que usan el menú se actualizan automáticamente.

Para asignar un menú, abre la sección Header o Footer en el editor de tus:

Agrega menús al encabezado y al pie de página de tus páginas del sitio web, landing pages y páginas de funnels con el bloque Menu:

Para mostrar enlaces de submenú bajo un elemento del menú, agrega un bloque Dropdown Menu como se describe en Agregar un Dropdown Menu a un encabezado más adelante en este artículo.

Agrega un menú al pie de página de tu página de checkout:

Agrega un menú al encabezado o al pie de página de las páginas de tu Course:

Un bloque Dropdown Menu convierte un enlace del encabezado en una lista de enlaces a Landing Pages, Offers y más, para que los visitantes vean un menú simplificado en lugar de una fila de enlaces.

Usa la configuración del bloque para que coincida con tu marca y controlar cómo se ve y se comporta el menú desplegable.

Configura el Dropdown text color y el Dropdown background color para complementar tu marca. Haz clic en el ícono Color para seleccionar un color de la paleta de colores de tu sitio.

Para usar un color personalizado, haz clic en la rueda de colores y luego ingresa tu código de color RGB o usa los controles deslizantes:

Cambia el texto que se muestra en tu encabezado para indicar el Dropdown Menu a tus visitantes.

Usa Show icon para mostrar u ocultar el ícono de flecha hacia abajo de tu Dropdown Menu. Esta opción solo está disponible en las páginas de Website Builder. Aprende sobre el Website Builder.

Selecciona el menú de navegación que usará el bloque en el campo Menu. Para crear o cambiar el menú, consulta Agregar un menú de navegación y Agregar enlaces a un menú de navegación más arriba en este artículo. Para ir a tus menús desde el bloque, haz clic en Edit your link lists debajo del campo Menu en el editor de la barra lateral.

Activa Open in new tab para abrir el elemento de menú seleccionado en una pestaña nueva del navegador de tu visitante.

Usa Dropdown menu alignment para alinear el texto de cada enlace de tu Dropdown Menu a la izquierda, al centro o a la derecha.

Activa Stretch block para que el bloque ocupe el espacio restante del encabezado. Actívalo en el bloque que está más a la izquierda de tu encabezado. Por ejemplo, para colocar tu Logo a la izquierda y un Menu y un User Menu a la derecha, selecciona Stretch block para tu Logo. Ajusta Stretch block junto con la configuración de alineación para controlar la posición de cada bloque en tu encabezado.

Usa Text alignment para colocar tu bloque hacia la izquierda, el centro o la derecha del encabezado. Los bloques cercanos y su alineación también afectan esta configuración.