Personalizar encabezado
El encabezado es la sección que se encuentra en la parte superior de la tienda y permanece visible en todas las páginas que visita el usuario. Se compone del logo o nombre del negocio, el carrito de compras, el buscador y el menú de navegación. Puede contener elementos extra como top bar, barra de anuncios o anuncios en el menú si es aplicado desde el diseño.
Tipos de encabezado
Tienes la posibilidad de elegir entre diversos tipos de encabezado: Clásico, Inline, Centrado PRO simple o PRO. Cada uno cuenta con una estructura única y la elección del mismo dependerá de las necesidades del negocio.
Clásico: se estructura con el logo centrado por encima del menú horizontal de categorías, el buscador a la izquierda del logo y el carrito a la derecha. Este encabezado es de los más utilizados, acepta un sólo menú de navegación y permite administrar correctamente entre 5 y 8 categorías principales.
Inline: se estructura con el menú de categorías al centro, y en la misma línea del lado derecho el logo y del izquierdo el carrito y buscador.
Este tipo de encabezado acepta un sólo menú de navegación, y será útil cuando la cantidad de categorías principales no excedan de ocho.
Centrado: se estructura con el logo en el centro, y en la misma línea el buscador y un menú del lado izquierdo, y otro menú y el carrito del derecho.
Este tipo de encabezado acepta dos menú, será útil cuando las categorías principales no sean mayores a cuatro. Suele utilizarse el primer menú, el de la izquierda para categorías de producto, y el segundo, el de la derecha, para incorporar información importante.
PRO simple: se estructura con el logo a la izquierda por encima del menú principal, buscador y carrito del lado derecho a la altura del logo.
Este tipo de encabezado, acepta un sólo menú de navegación y puede ser utilizado cuando hay varias categorías principales.
PRO dos menú: se estructura con el logo a la izquierda, por encima del menú principal, la caja de búsqueda siempre visible en el centro y el carrito a la derecha.
Por debajo permite incorporar un menú vertical y un menú horizontal.
Este tipo de encabezado acepta dos menú de navegación y suele usarse cuando las categorías principales son en gran cantidad. Destacando las principales en el horizontal y el resto se accede desde el menú vertical.
Personaliza un estilo de encabezado.
Para seleccionar un estilo de encabezado realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Selecciona el estilo de encabezado deseado.
Paso 5. Configura si ocupa todo el ancho y si está fijo al descender.
Paso 6. Personaliza el estilo.
Paso 7. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.
Personalizar las dimensiones del logo
El logo puede ser una imagen o estar basado en un texto. En ambos casos, en esta sección puede configurarse las dimensiones de su imagen o el diseño del formato texto.
Para configurar las dimensiones de la imagen del logo, realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Ingresa en la sección Logo.
Paso 5. Selecciona las dimensiones del logo y su espacio vertical.
Paso 6. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.
Personalizar el estilo de logo basado en texto
Para configurar el estilo de tu logo basado en texto, realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Ingresa en la sección Logo.
Paso 5. Presiona la opción Logo basado en texto.
Paso 6. Personaliza el estilo y dimensiones
Paso 7. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.
Personalizar la navegación
La navegación es un menú o grupo de menús que permite a los clientes visitar diversas secciones en la tienda online. Puede estar compuesto por categorías de producto, o también es posible generar experiencias de navegación a diversos destinos como páginas de contenido, formularios, enlaces externos, etc.
En esta sección se personaliza el menú de navegación principal, es decir el que se encuentra en el encabezado.
Para personalizar el menú de navegación, realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Ingresa en la sección Navegación.
Paso 5. Selecciona el menú o los menúes para encabezados que aceptan dos.
Paso 6. Personaliza el estilo del menú, submenú y títulos del megamenú.
Paso 7. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.
Personalizar el buscador
El buscador es una herramienta de la que disponen los usuarios en la página para encontrar un producto en particular. Se ubica en el encabezado y genera sugerencias de búsqueda.
Para personalizar el buscador, realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Ingresa en la sección Buscador.
Paso 5.Personaliza el estilo de la caja de búsqueda y sugerencias.
Paso 6. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.
Crear y personalizar la barra de anuncios
Dentro de la sección Encabezado, se encuentra la posibilidad de incorporar una barra de anuncios. La misma se ubica en la parte superior de la home y permite destacar una comunicación de manera ágil.
Para crear una barra de anuncios realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Ingresa en la sección Barra de anuncios.
Paso 5. Activa el botón Mostrar anuncio
Paso 6. Escribe el texto que deseas anunciar, por ejemplo "20% off en seleccionados" o "Envíos gratis desde $2500"
Paso 7. Personaliza el color.
Paso 8. Presiona Añadir link
Paso 9. En la ventana emergente, selecciona una de las opciones o pega un link.
Paso 10. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.
Crear y personalizar un top bar
Un top bar es una barra superior que permite incorporar menús adicionales al encabezado. Se posiciona por debajo de la barra de anuncios o en la parte superior en caso de no haber.
Para crear un top bar, realiza los siguientes pasos:
Paso 1. Desde el administrador ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón personalizar sobre el tema a editar.
Paso 3. Presiona la opción Encabezado.
Paso 4. Ingresa en la sección Top Bar.
Paso 5. Activa el botón Mostrar Top Bar.
Paso 6. Selecciona los links para la derecha y la izquierda. Estos deben estar previamente creados desde el módulo de navegación.
Paso 7. Personaliza el estilo y color.
Paso 8. Presiona el botón Guardar y luego Publicar que se encuentra en la parte superior a la derecha.