Ir al contenido principal

Agregar un bloque Menu o User Menu a un encabezado

Agreguen un bloque Menu para la navegación del sitio o un bloque User Menu para el acceso a la cuenta en el encabezado de su página, y personalicen la alineación de cada bloque.

El encabezado de su página puede incluir un bloque Menu, un bloque User Menu o ambos. Un bloque Menu muestra un menú de navegación que ya hayan creado para que los visitantes puedan explorar su sitio. Un bloque User Menu les ofrece a los clientes con sesión iniciada una forma rápida de iniciar y cerrar sesión, y de acceder a su Library y a la configuración de su cuenta; su propio panel de ajustes lo identifica como User Dropdown.

Nota: No confundan el bloque User Menu con el bloque Dropdown Menu, que es independiente y muestra un menú desplegable de navegación personalizado en lugar de opciones de cuenta del cliente.

Agregar un bloque Menu

  1. Desde su Dashboard, hagan clic en la pestaña Website.

  2. Seleccionen la pestaña Website Pages o Landing Pages.

  3. Abran el editor de páginas de su página.

  4. Vayan al panel lateral y hagan clic en Header.

  5. Hagan clic en Add Block.

  6. Seleccionen Menu.

  7. Abran el menú desplegable Menu.

  8. Seleccionen el menú que quieran agregar a su encabezado.

Nota: Para crear o editar los enlaces de su menú, hagan clic en Edit link lists debajo del encabezado del bloque Menu en el editor de la barra lateral. Aprendan a crear menús de navegación.

Agregar un bloque User Menu

El bloque User Menu se muestra como el avatar de su visitante. Cuando un visitante de su página hace clic en su avatar, se abre el menú desplegable para que pueda:

Si un visitante todavía no ha iniciado sesión, el bloque muestra un enlace Log In en lugar del avatar.

Nota: Al previsualizar su página como administrador con sesión iniciada, se mostrará su avatar subido (si subieron uno en sus Account Details) o un avatar predeterminado. Los clientes con sesión iniciada en su sitio verán su propio avatar subido (si subieron uno en su configuración de cliente) o un avatar predeterminado.

  1. Desde su Dashboard, hagan clic en la pestaña Website.

  2. Seleccionen la pestaña Website Pages o Landing Pages.

  3. Abran el editor de páginas de su página.

  4. Vayan al panel lateral y hagan clic en Header.

  5. Hagan clic en Add Block.

  6. Seleccionen User Menu. Su encabezado ahora muestra el bloque User Menu como el avatar de su visitante.

User Dropdown


Personalizar los bloques de su encabezado

Estirar bloque

Nota: Solo disponible con las páginas de Website Builder. Aprendan más

Activen Stretch Block para llenar el espacio restante de la sección de encabezado.

Una buena regla para usar Stretch Block es activarlo para el bloque ubicado más a la izquierda de su encabezado. Por ejemplo, si quieren un logo en el extremo izquierdo y un bloque Menu y un bloque User Menu a la derecha, seleccionen Stretch Block para su logo:

Controlen la alineación y posición de sus bloques ajustando Stretch Block y Block Alignment para los bloques de su encabezado.

Alineación de bloques del encabezado

Ajusten la alineación horizontal de un bloque en el encabezado para que aparezca más a la izquierda, centrado o alineado a la derecha. Este ajuste se ve afectado por la posición y alineación de los bloques circundantes.

Alineación del menú desplegable de User Menu

Personalicen la alineación del texto de los elementos que se muestran en el menú desplegable de su User Menu.

Consejo: Seleccionen y guarden la alineación de menú que deseen. Luego, previsualicen su página para confirmar que se ajuste a su visión.

Preguntas frecuentes

¿Puedo agregar un bloque Menu y un bloque User Menu al mismo encabezado?

Sí. Agreguen cada bloque por separado siguiendo los pasos anteriores y, luego, usen Stretch Block y la alineación de texto para organizarlos juntos en su encabezado; por ejemplo, un logo a la izquierda con un Menu y un User Menu a la derecha.

¿Por qué veo dos botones Log In en mi encabezado?

El bloque User Menu muestra su propio texto "Log In" cuando un visitante de la página todavía no ha iniciado sesión. Si su menú de navegación ya incluye un enlace a su página de inicio de sesión, su encabezado mostrará dos botones "Log In":

Cómo mostrar un solo botón Log In

¿Cómo muestro un solo botón Log In?

Eliminen el enlace a su página de inicio de sesión de su menú de navegación y asegúrense de que su encabezado incluya un bloque User Menu.

El bloque User Menu muestra "Log In" hasta que un visitante inicia sesión y, luego, cambia a su avatar. Al eliminar el enlace de inicio de sesión de su menú de navegación e incluir un bloque User Menu en su encabezado, su encabezado mostrará un solo botón Log In:

Ejemplo de un solo botón de login
¿Ha quedado contestada tu pregunta?