¡Dale estilo único a tu Tienda en Línea!

Desde esta sección controlaremos la tipografía de nuestra tienda, la posición de títulos de productos, el estilo de la cabecera y los colores de la cabecera

Primero, elige la tipografía que tendrá tu Tienda en Línea, ¡Hay muchas opciones, trata de seleccionar la que más vaya acorde a tu negocio! En el «Texto de Prueba» verás cómo se ve la tipografía una vez que la selecciones.

 

 

Ahora, seleccionaremos la posición de los títulos de productos, si escogemos «Debajo de imágenes» se verá de la siguiente manera:

 

 

Si escogemos «Dentro de imágenes» se cargará un cuadro dentro de la imagen para el texto del título, se verá de la siguiente manera:

 

 

Selecciona el que más te guste.

Ahora, seleccionaremos el estilo de la cabecera, el Estilo 1, es un menú con «Inicio, Tienda, Nuevo, Categorías y Contacto» el logo hasta la izquierda y el carrito de compras hasta la derecha,  justo como la imágen de abajo:

Con el Estilo 2, nuestra barra de búsqueda será más grande y las categorías que tengamos dadas de alta, se convertirán en nuestro menú, así lucirá:

Selecciona la que más te guste.

Ahora, a esa cabecera, le podemos cambiar el color de fondo y el color de las letras. También le podemos poner textura, subiendo una imagen, dando clic en la carpeta  para abrir nuestro gestor de archivos, te sugerimos que esta imagen sea de 1350×124 pixeles.

¡Haz única tu Tienda en Línea!

¡Aquí empezamos con el diseño de nuestra Tienda en Línea!

Primero, debemos colocar nuestro logotipo, el tamaño sugerido es de 270 x 70 pixeles, quitarle el fondo blanco y guardarlo y en extensión «.png» para que tenga transparencia.

Ahora, subiremos el archivo a nuestro gestor de archivos, el cual abrimos dando clic en la carpeta 

Arrastramos nuestro archivo «.png» para subirlo al gestor de archivos, si nuestro archivo se subió correctamente aparecerá un check, ahora daremos clic en «regresar a la lista de archivos» y damos clic sobre la imagen que subimos para colocarla en el panel.

Se visualizará como una URL dentro del panel. «https://yosoyvendedor.com/source/4543684796843095/logo.png»

En nuestra Tienda en Línea se verá en la parte izquierda del header.

 

Ahora colocaremos el «Favicon», pero primero ¿Qué es un Favicon? Es también conocido como ícono de página, es una pequeña imagen asociada con una página. Los navegadores gráficos suelen mostrar el favicono de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente. Asimismo los utilizan para identificar más fácilmente las páginas, presentándolos junto a sus respectivos títulos, en las listas de marcadores o favoritos, en los historiales de páginas visitadas y de navegación reciente, y toda vez que deban hacer referencia a ellas.

El Favicon NO es tu logo, es únicamente un símbolo que distinga de tu empresa, tiene un tamaño de 16×16 pixeles, podemos quitarle el fondo blanco para dejarlo con trasparencia.

Este es un archivo «.ico» el cual no lo podemos generar en un programa de diseño, pero si lo podemos hacer desde esta página: https://www.favicon-generator.org/

Aquí vamos a seleccionar nuestro archivo «.png» de 16×16 pixeles y seleccionamos la casilla «Generar solo 16×16 favicon.ico» por último daremos clic en «Crear Favicon»

Nuestro archivo ya está listo para descargarse, lo guardamos y lo subimos a nuestro gestor de archivos del panel de YoSoyVendedor.com haciendo clic en la carpeta 

Y repetimos los mismos pasos para colocar el archivo

Empieza ¡YA! Haz que tu Sucursal Virtual se vea Genial.

Esta sección está conformada por un grupo de bloques que te permiten configurar elementos importantes de tu Sucursal Virtual, Es de vital importancia activarlos y configurarlos para poner en marcha todas las herramientas que la tecnología de YoSoyVendedor.com te ofrece.

• Mensaje.

Escribe un mensaje general que se vea en toda tu tienda, juega con la gama de colores y encuentra la combinación perfecta. Este se visualizará en la parte superior , úsalo como más te convenga, te recomendamos que promueva la venta o invite a usar algún código de descuento; por ejemplo.

Así es cómo se verá:

 

 

• Main Slider.

Este bloque es la vista principal de tu Sucursal Virtual. Se publica en la parte principal de tu sitio, justo abajo del logotipo, Sirve para promocionar tus productos/servicios etc. También tiene funciones estéticas y de dinamismo del tu Sucursal Virtual,  Es ampliamente recomendable que se utilicen estos espacios para promover un «Call to action» es decir que dirijan al cliente, por ejemplo,  a ver una promoción especial o a comprar un producto destacado.

• Cuadros de Información.

Este bloque parece debajo de los Main Sliders, en forma de pequeños rectángulos, su posición estratégica permite dar información de interés para cada Sucursal, por ejemplo servicio a domicilio, contacto,  etc., son completamente configurables y sólo se mostrarán si son llenados.

 

• Categorías Destacadas.

Este bloque es muy interesante ya que te permite configurar hasta 3 Categorías de productos que te interesen destacar ante las otras. Aparecerán estratégicamente en medio de tu Sucursal Virtual para promover que más visitantes den click en ellas.

• Banner de Mensaje.

Este bloque complementa el «Main Slider» es una imagen en la parte media de tu Sucursal Virtual. Se usa para poner diseños que promuevan tu imagen, algún código promocional, slogan etc. Carga un buen diseño y harás lucir tu Sucursal Virtual aún más espectacular y dinámica.

• Todos los Productos.

En este bloque puedes configurar la visualización de los productos en tu Sucursal Virtual, si tu catálogo es muy pequeño o muy extenso(Muchas o pocas Categorías) puedes jugar con estas configuraciones en ON/OFF para lograr

que tus productos se vea exhibidos de la mejor manera posible.

• Ofertas por tiempo Limitado.

En este bloque puedes cargar una imagen atractiva que sirva de fondo para destacar tus productos que actives como oferta.  Al momento de cargar un producto podrás dar click «Activar como oferta» y ese producto aparecerá en esta área.

• Sección de Contacto.

Es parte del Footer y es muy importante ingresar los datos de contacto correctos. Es la zona a donde tus Prospectos y Clientes interesados en contactarte se van a dirigir.

Da click en el siguiente enlace para conocer las medidas que deben tener tus diseños para que luzcan al máximo.

 

Medidas para las imágenes de tu Sucursal en Línea

¿No tienes diseños para decorar tu Sucursal Virtual?   Escríbenos  a contacto@yosoyvendedor.com

 

 

 

 

 

Una Sucursal Atractiva y bien Decorada ¡VENDE MÁS!

En esta sección puedes modificar la apariencia general de tu tienda, adecuarla a tus colores corporativos y hacer que luzca estética y atractiva para tus clientes, Juega con la gama de colores y elige la combinación que la haga ver mejor. Recuerda que en cualquier momento puedes dar click en «Vista Previa» y así apreciar los cambios que vas realizando.

• Color de Fondo General.

En este campo  puedes modificar el color de fondo  general de tu Sucursal Virtual y así adecuarlo a tus colores corporativos.

• Color de Fondo en Logotipo y Menú.

En este campo puedes modificar el color que bordea tu logotipo y el menú principal, sirve para que tu logotipo y el menú principal de tu Sucursal Virtual resalte y tenga mayor visualización. 

• Color de Texto Principal.

En este campo puedes modificar el color general del texto de tu Sucursal Virtual. Encuentra un color perfecto dentro de la gama de colores que, en combinación con el Color de Fondo General y Color Principal, haga resaltar la información escrita de tu Sucursal Virtual.

• Color Principal.

En este campo puedes modificar el color del footer y de los elementos de funcionalidad de tu Sucursal Virtual, es el complemento ideal de «Color de Fondo General».

• Color Secundario.

En este campo puedes modificar el color de fondo de la barra excedente que forma parte del footer, misma que tiene funciones meramente informativas de tus métodos de pago.

• Otro Color.

En este campo puedes modificar el color del texto de la  barra excedente que forma parte del footer.