Table of Contents
Modificar el ancho del encabezadoCambiar la ubicación de tu logoCambiar el color de fondo del encabezadoAjustar la visibilidad del encabezadoAgregar una barra de anuncioPersonalizar el encabezado de tu diseño te puede ayudar a mostrar la identidad de tu marca, así como a facilitar la navegación en tu tienda, para que tus clientes puedan encontrar la información y productos que están buscando.
El encabezado de tu tienda contiene el logo, el buscador, el carrito y el menú principal de navegación. Es lo primero que ven tus clientes cuando llegan a tu tienda. Por eso es importante que refleje el estilo de tu marca y sea claro.
Success
Las opciones para personalizar el encabezado varían según la 🎨plantilla de diseño que tengas seleccionada para tu tienda.
En este tutorial te contamos los diferentes aspectos del encabezado que puedes modificar.
Para configurar el encabezado de tu tienda, debes ingresar a Mi Tiendanube > Diseño dentro del Administrador. Haciendo clic en "Personalizar el diseño actual" y, luego, en la opción "Encabezado" vas a encontrar las opciones que te contamos a continuación.
Modificar el ancho del encabezado
Ver información
Success
Esta configuración está disponible únicamente para los diseños Simple, Material y Lifestyle.
Si quieres modificar el ancho del encabezado, es decir, el espacio que ocupan sus elementos en el ancho de la pantalla, puedes abrir el menú desplegable en "Seleccionar el ancho de columna" y elegir el tamaño que prefieras.
Te mostramos ejemplo de los diferentes anchos disponibles. Las opciones varían dependiendo del diseño de tu tienda.
Chico
Mediano
Completo
❗Si cambias el ancho de tu encabezado de "Chico" a "Mediano", vas a notar que los elementos de tu tienda (banners, carrusel de imágenes, productos) van a pasar a ocupar un mayor porcentaje de la pantalla. Sin embargo, si cambias el ancho de "Mediano" a "Completo", el espacio que ocupan estos elementos se va a mantener igual.
Cambiar la ubicación de tu logo
Ver información
Success
Esta configuración solo está disponible en el diseño Simple, eligiendo el tamaño "Mediano" o "Completo" para el ancho de tu encabezado.
Para el diseño Simple con ancho mediano o completo de encabezado, vas a ver la opción de "Ubicación del logo", con la que puedes elegir que se muestre en el centro o a la izquierda.
Delete
Te mostramos cómo se ve para cada caso:
Centrado
Izquierda
Al cambiar la ubicación de tu logo, su tamaño se modifica automáticamente.
Cambiar el color de fondo del encabezado
Ver información
Success
Esta configuración está disponible solo para los diseños Cubo, Simple, Amazonas, Idea, Base y Bahía.
Puedes cambiar el color del encabezado desde el menú desplegable en "Color de fondo del encabezado". Es importante que tengas en cuenta tu logo y la imagen de tu marca para elegir la opción que mejor se adapte.
❗Las opciones de color varían según cada una de las plantillas que tienen disponible esta configuración.
DeleteAjustar la visibilidad del encabezado
Ver información
Al marcar la casilla "Encabezado siempre visible al navegar por la tienda", tus clientes siempre van a ver el encabezado cuando recorran las diferentes secciones o deslicen hacia abajo en tu tienda.
Te mostramos un ejemplo de cómo se vería en el listado de productos:
Agregar una barra de anuncio
Ver información
Warning
Esta funcionalidad está disponible en todos nuestros diseños, a diferencia de las anteriores.
Agregar una barra de anuncio sirve para comunicar avisos importantes a tus clientes, como promociones, descuentos, fechas especiales, etc. Para incluirla en tu tienda, sigue el tutorial:
DeleteWarning
Recuerda hacer clic en "Publicar los cambios" (o en "Guardar borrador" si estás trabajando desde el diseño borrador) una vez que finalices las configuraciones del encabezado.
Ahora que conoces los cambios que puedes realizar en el encabezado de tu tienda, puedes comenzar a aplicarlos de la manera que más te guste. Te recomendamos probar distintas opciones hasta que encuentres la que mejor se adapte al estilo de tu marca.
Si, además, quieres configurar el menú de navegación, puedes seguir nuestro tutorial: