Cambiar el diseño del encabezado

Puedes seleccionar entre diferentes diseños de encabezado para tu tienda. Encuentra el que mejor se adapte a tus necesidades y cambia el aspecto de tu tienda, por ejemplo, mostrando de forma destacada el logotipo o nombre de la tienda.

Cómo cambiar el diseño de encabezado

  1. En la barra lateral de la administración, dirígete a Editor.
  2. Selecciona area del encabezado en la barra inferior.
  3. Selecciona la pestaña diseño del encabezado.
  4. Elige el diseño de encabezado que mejor se adapte a tus necesidades. Puedes pasar el ratón por encima de un diseño de encabezado o seleccionar su gráfico para obtener más información sobre la alineación y propiedades. Además, puedes obtener una vista previa del encabezado en la página en segundo plano cuando selecciones un diseño de encabezado.
    Puedes mantener presionado icono de arrastrar en la esquina superior derecha de la superposición del diseño de encabezado y mover la superposición para ver diferentes partes de la página en segundo plano.
  5. Selecciona Guardar una vez que hayas decidido qué diseño de encabezado deseas.

Los diferentes diseños de encabezado

En todos los encabezados, las ventajas diferenciales (USP) y/o la barra de anuncios de tu tienda (si están configuradas) se mostrarán en la parte superior de la tienda. Además, la cesta de la compra y el icono para el inicio de sesión del cliente siempre se mostrarán en la esquina superior derecha.

Por supuesto, no necesitas preocuparte por la optimización. Todos los encabezados están preparados para un diseño dinámico. Tu encabezado siempre se mostrará en una versión que está optimizada para el dispositivo utilizado por el visitante. Ten en cuenta que esto también significa que el encabezado puede verse ligeramente diferente en dispositivos pequeños.

¿No tienes claro qué diseño de encabezado se adapta mejor a tu negocio? Vamos a echar un vistazo a los diferentes tipos de encabezado y su disposición. Ten en cuenta que el orden de las opciones del tipo de encabezado en tu editor depende de la plantilla seleccionada actualmente.

Tú decides si deseas mostrar el logotipo o el nombre de la tienda en el encabezado. Ten en cuenta que tus ajustes de logotipo pueden afectar a la disposición del diseño de encabezado elegido. Puedes ajustar la alineación del logotipo en los ajustes del logotipo correspondientes. Para obtener más información, lee el artículo Logotipo.

Información

Para la mayoría de diseños de encabezado puedes elegir entre dos tipos de menú. Para obtener más información, consulta Escoger un tipo de menú.

Opción 1

imagen de la opción 1

Aspectos generales Marca Menú Búsqueda

El icono de búsqueda, el logotipo/nombre de la tienda y el menú principal se muestran en la misma línea.

El logotipo/nombre de la tienda está centrado y se muestra entre el menú y el icono de búsqueda. A la izquierda, el visitante puede seleccionar Abre el menú principal para abrir el menú. Este diseño de encabezado solo ofrece este tipo de menú. A la derecha, el visitante puede seleccionar un icono de búsqueda imagen del icono de búsqueda para abrir la barra de búsqueda.

Con este encabezado estrecho, puedes mostrar el logotipo/nombre de la tienda, el menú y el icono de búsqueda en una línea. Debido a que el menú se pliega, la atención de este diseño se centra en tu marca. Además, el menú plegado es una buena opción para grandes estructuras de menú, ya que solo es visible cuando se selecciona y, por lo tanto, permite a tus visitantes centrarse en el contenido de tu sitio web sin que se sientan abrumados por un gran número de elementos del menú.

Opción 2

imagen de la opción 2

Aspectos generales Marca Búsqueda
El logotipo/nombre de la tienda, el menú principal y el icono de búsqueda se muestran en la misma línea. El logotipo/nombre de la tienda se muestra en la parte izquierda. A la derecha, el visitante puede seleccionar un icono de búsqueda imagen del icono de búsqueda para abrir la barra de búsqueda.

Dado que este encabezado estrecho se centra en el menú principal, se recomienda para estructuras de menú pequeñas. Si usas este diseño para estructuras con un gran número de elementos en el menú principal, esto podría abrumar a tus visitantes y hacer que tu encabezado se vea demasiado lleno.

Opción 3

imagen de la opción 3

Aspectos generales Marca Búsqueda
El logotipo/nombre de la tienda y el icono de búsqueda se muestran en una línea. El menú principal se muestra en una línea separada debajo. El logotipo/nombre de la tienda está centrado. A la derecha, el visitante puede seleccionar un icono de búsqueda imagen del icono de búsqueda para abrir la barra de búsqueda.

Con este diseño de encabezado, puedes resaltar tu logotipo y el menú.

Dado que el menú principal se muestra en una línea separada, este diseño es adecuado para estructuras de menú pequeñas, medianas y grandes. Para estructuras de menú muy grandes, la opción 1 es la más adecuada, ya que si muestras un gran número de elementos del menú principal de forma prominente, esto podría abrumar a tus visitantes y hacer que tu encabezado se viese demasiado lleno.

Opción 4

imagen de la opción 4

Aspectos generales Marca Búsqueda
El logotipo/nombre de la tienda y la barra de búsqueda se muestran en una línea. El menú principal se muestra en una línea separada debajo. El logotipo/nombre de la tienda se muestra en la parte izquierda. La barra de búsqueda se muestra en la parte derecha.

Este encabezado alineado a la izquierda proporciona un campo de búsqueda ampliado, resaltando así tu marca y la funcionalidad de búsqueda. Esto podría ser útil si ofreces una amplia gama de productos, de este modo tus visitantes pueden utilizar fácilmente la funcionalidad de búsqueda para encontrar lo que buscan.

Como el menú principal se muestra en una línea separada, este diseño es adecuado para estructuras de menú pequeñas, medianas y grandes. Para estructuras de menú muy grandes, la opción 1 es la más adecuada, ya que si muestras un gran número de elementos del menú principal de forma prominente, esto podría abrumar a tus visitantes y hacer que tu encabezado se viese demasiado lleno.

Opción 5

imagen de la opción 5

Aspectos generales Marca Búsqueda
La barra de búsqueda, el logotipo/nombre de la tienda y el menú principal se muestran cada uno en una línea distinta. El logotipo/nombre de la tienda se muestra en la parte izquierda. Se encuentra debajo de la barra de búsqueda, pero encima del menú. La barra de búsqueda se muestra en la parte superior izquierda.

El encabezado ancho resalta tu marca y muestra el área del logotipo de forma visible. También destaca la funcionalidad de búsqueda. Esto podría ser útil si ofreces una amplia gama de productos, de este modo tus visitantes pueden encontrar y utilizar rápidamente la funcionalidad de búsqueda para encontrar lo que buscan.

Como el menú principal se muestra en una línea separada, este diseño es adecuado para estructuras de menú pequeñas, medianas y grandes. Para estructuras de menú muy grandes, la opción 1 es la más adecuada, ya que si muestras un gran número de elementos del menú principal de forma prominente, esto podría abrumar a tus visitantes y hacer que tu encabezado se viese demasiado lleno.

¿Fue útil este artículo?