Edición del Header en tu Tienda Comandia Cuida tu encabezado tanto para los buscadores como para tus visitas

Header Tienda Online Comandia

Es necesario que tu tienda online tenga un header atractivo y  coherente con tu marca. Ayudará no solo a situarla en la mente de tus clientes, sino que también se posicionará mejor en los motores de búsqueda. ¿Sabes como ajustar el logotipo de tu tienda? ¿Cambiar la posición de los elementos o añadir un banner? En este artículo te enseñamos varios trucos para crear un buen encabezado.

.

Header Comandia

Logotipo de tu tienda

En la sección Logotipo y Favicon de nuestra Guía de Ayuda, te explicamos detalladamente cómo subir el logotipo de tu tienda, pero queremos ayudarte con algunos detalles más a tener en cuenta:

– El tamaño ideal para tu logo debe ser una imagen de 300 x 150 píxeles.

– Según el diseño que quieras conseguir, puedes subir una imagen con fondo transparente (.png) o con fondo sólido (.jpg). Estos ajustes debes realizarlos con un programa de edición de imágenes (si buscas en Internet, encontrarás muchas opciones).

– El logotipo debe ser claro y escalable a menor tamaño, porque en pantallas de menor resolución y tamaño (móviles, tabletas) se va a reducir y deberá ser igualmente reconocible.

– Evita imágenes de fondo tras tu logotipo ya que pueden hacer que tu marca sea confusa.

.

Añadir otro elemento en tu header

Si lo que necesitas es añadir otro elemento a tu header, necesitas tener un plantilla personalizable (Diseño >> Plantillas >> Personalizar). Para acceder a la edición de tu plantilla y a todos sus archivos (si no tienes instalada y seleccionada una plantilla personalizable, puedes bajar una desde nuestro Theme Store).

Dentro de las carpetas de archivos: screens >> inc >> header.html podrás editar los cambios que desees en HTML / CSS (es importante que tengas conocimientos básicos de HTML / CSS. Si no los tienes, hazte asesorar por un desarrollador web o puedes contratar nuestro servicio de Comandia Design y un diseñador profesional se encargará de diseñar y poner en marcha tu tienda online).

 Header Comandia

.

Veamos un ejemplo de cómo poner un banner junto al logo de tu tienda.

Primero subimos el banner a los archivos de tu tienda en Contenidos >> Subida de archivos:

Comandia Header

 .

Copiamos la URL de la imagen para incluirlo en la etiqueta <img>

Comandia Header

.

De esta forma, añadiendo tres líneas a nuestro código podemos establecer un sencillo banner para alguna promoción u oferta.

El resultado sería éste:

Comandia Header

.

Cambiar la posición de los elementos

Es importante identificar cada bloque en nuestro header.html (recordamos que es necesario conocimientos en HTML / CSS).

Veremos un ejemplo sencillo centrando la barra del buscador y desplazando el banner a la derecha de la pantalla.
En el mismo archivo header.html, identificaremos los 3 bloques: logo, banner y buscador, e intercambiaremos las posiciones del banner y del buscador.

Header Comandia

.

El resultado sería:

Header Comandia

.

Como ves en estos simples ejemplos, podemos modificar nuestra cabecera de manera sencilla para darle personalidad a nuestra web. Todo dependerá de los conocimientos básicos de HTML que tengamos y de la plantilla que elijamos.

Te invitamos a personalizar tu plantilla y darle así un valor agregado al diseño de tu tienda.

Plantilla de ejemplo utilizada: Santiago Personalizable

.

.

¿Quieres tener una tienda online completamente adaptada a tu imagen de marca? El equipo de diseñadores profesionales de Comandia Design personaliza y pone en marcha tu tienda dejándola lista para vender.

El equipo de Comandia está formado por grupo de personas multidisciplinares especialistas en transformar las ideas de negocio de los clientes en tiendas online, páginas webs y aplicaciones únicas y personales. Además, damos la oportunidad de vender en cualquier parte del mundo a través de nuestra solución Vender en Marketplaces.

Formado por profesionales con más de 15 años de experiencia en el comercio electrónico, Comandia es una plataforma digital muy intuitiva para desarrollar tu negocio online y vender tus productos sin necesidad de conocimientos técnicos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *