Cómo personalizar el encabezado de mi sitio
El encabezado es la barra de navegación principal de tu sitio web. Es fundamental para destacar las páginas o secciones más importantes, facilitando el acceso a los visitantes.
En este breve tutorial, aprenderás a personalizar tu encabezado.
Cómo personalizar el contenido del encabezado
- Ve a Site Admin > Website Builder, y pulsa el botón Editar sitio web.
- Haz clic en el fondo del encabezado (no en el logotipo ni en el menú de navegación) y aparecerá el menú Editar encabezado a la derecha. Desde allí, puedes personalizar diferentes elementos y ajustes del área del encabezado.
En la pestaña General, puedes personalizar los siguientes ajustes:
- Formato del encabezado: elige una de las opciones de diseño disponibles. Las opciones Centro, Izquierda y Derecha controlan únicamente la posición del menú de navegación, mientras que Logotipo en la parte superior coloca el logotipo encima del menú. Si tienes un plan de Ecommerce, también verás la opción de diseño Búsqueda destacada, que muestra una barra de búsqueda prominente en el encabezado.
- Encabezado fijo: activa la opción Hacer encabezado fijo para que el encabezado permanezca fijo en la parte superior de la página mientras los visitantes se desplazan.
- Favicon: sube la imagen de tu favicon para mostrar el icono de tu marca en las pestañas del navegador y los marcadores.
Para personalizar los componentes que aparecen en el encabezado, selecciona la pestaña Componentes. Puedes activar o desactivar:
- Mostrar barra superior para revelar una barra sobre el encabezado donde puedes colocar un anuncio, varias llamadas a la acción e iconos de redes sociales.
- Mostrar logotipo para determinar si tu logotipo aparece o no.
Para personalizar el color del encabezado, selecciona la pestaña Diseño y elige uno de los colores de la paleta predefinida.
También puedes activar la opción Encabezado transparente para que el fondo del encabezado sea transparente, permitiendo que la sección principal o el contenido superior se vean a través de él.
Cómo personalizar el logotipo del encabezado
Selecciona el logotipo. Aparecerá un menú con los ajustes del logotipo donde puedes:
- Elegir si deseas mostrar tu logotipo como Imagen o como Texto.
- Si eliges que se muestre como una Imagen, puedes subir el logotipo de tu sitio web y ajustar su tamaño.
- También puede elegir que se muestre como Texto, en cuyo caso podrás especificar el título del sitio, así como elegir el estilo de fuente y el tamaño del logotipo.
Cómo personalizar el menú de navegación del encabezado
- Para editar el tipo de menú, haz clic en el fondo del menú (no en el logotipo ni en el encabezado) y aparecerá la ventana emergente Editar tipo de menú. Aquí puedes elegir entre un Menú mega, que ocupa todo el ancho de la pantalla, o un Menú desplegable, que muestra un menú desplegable simple debajo del elemento seleccionado. También puedes activar la opción Mostrar icono de expandir menú para que aparezca una flecha en los elementos que tengan menús desplegables disponibles.
- Para administrar el contenido del menú de tu sitio, abre la pestaña Menús en el menú de la izquierda. Aquí puede agregar, editar o eliminar elementos del menú, reordenarlos arrastrándolos y soltándolos, y anidarlos hasta tres niveles para crear menús desplegables.
- Para agregar un nuevo elemento al menú, haz clic en el botón + AÑADIR ELEMENTO.
- Para agregar el elemento al encabezado, selecciona Encabezado en el menú desplegable Ubicación.
- Selecciona un Tipo de enlace en el menú desplegable. Puede elegir entre Página, Enlace externo, Etiqueta, Producto, Categoría o Marca.
- Escribe la Etiqueta de menú que aparecerá en el encabezado.
- Confirma el elemento haciendo clic en Guardar.
- También puedes eliminar elementos de la lista de elementos del menú en Menús. Para eliminar un elemento del menú, coloca el cursor sobre él, selecciona ⋮ y luego pulsa Eliminar. En la ventana emergente que aparece, presiona Confirmar.
- Puedes reorganizar los elementos del menú arrastrándolos y soltándolos en la posición deseada. También puedes anidar elementos hasta tres niveles para crear menús desplegables y organizar mejor la navegación.
Cómo personalizar el encabezado en SiteGround Ecommerce
Personalizar el encabezado de un sitio web Ecommerce es idéntico a hacerlo con el Website Builder, con la única diferencia de que incluye algunas funciones adicionales específicas para tiendas online.
Cómo personalizar el contenido del encabezado
Los sitios Ecommerce cuentan con algunas opciones de Componentes adicionales que no están disponibles en los sitios creados con el Website Builder. Algunas de ellas son exclusivas de los planes Grow y Scale.Los sitios Ecommerce cuentan con algunas opciones de componentes adicionales que no están disponibles en los sitios creados con el Website Builder. Algunas de ellas son exclusivas de los planes Grow y Scale.
- Mostrar icono de búsqueda para mostrar un icono de búsqueda en el encabezado, lo que permite a los visitantes buscar rápidamente en tu sitio.
- Ocultar lista de deseos cuando esté vacía para ocultar automáticamente el icono de la lista de deseos cuando no se hayan añadido artículos.
- Ocultar carrito cuando esté vacío para ocultar automáticamente el icono del carrito cuando no se hayan añadido artículos.
- Mostrar cuenta para mostrar el icono de cuenta/inicio de sesión en el encabezado, permitiendo a los clientes iniciar sesión o acceder a sus cuentas.
Cómo personalizar el menú de navegación del encabezado
Personalizar el menú del encabezado de un sitio Ecommerce también es prácticamente idéntico a hacerlo con el Website Builder, pero dispones de algunas opciones adicionales de Tipo de enlace para mostrar los productos de tu tienda: Producto individual, Categoría y Marca.
