Blog

En un artículo anterior explicábamos como añadir un carrusel de promociones en las localizaciones disponibles en la configuración de GESIO®. A continuación vamos a vaer como podemos añadir varios banners en la columna de contenidos mostrándolos, a su vez, en columnas.

En el siguiente ejemplo vamos a colocar tres carruseles en una página inicial que hemos diseñado a una sola columna (con un ancho de 960px).

Si eres desarrollador, seguramente ya conozcas este complemento para firefox, una herramienta indispensable pàra el análisis y depuración del código de nuestras páginas web.

Algunas de sus principales funcionalidades son:

• Edición de HTML en tiempo real: Firebug nos permite ver el código fuente y editarlo mientras vemos como quedan los cambios, destacando las modificaciones realizadas. Tiene un buscador integrado y nos permite exportar los cambios fácilmente.
• Inspecciona tu hoja de estilos: podremos editar los estilos en tiempo real y autocompletar las propiedades. Además dispone de una interfaz muy intuitiva.
• Monitorea el tiempo de carga de las páginas: Esta extensión nos ayudará a averiguar el tiempo de carga mostrando cada petición realizada al sitio y los segundos de demora en obtenerla.
• Depurador de Javascript: Con Firebug podemos buscar los scripts fácilmente y pausarlos en cualquier momento. Detecta en qué linea de código existe un error y mide el tiempo de carga de cada función.

Podremos acceder a la ventana de firebug haciendo click en el icono de firebug que en las últimas versiones podemos encontrar en la zona superior derecha de la ventana de firefox. También podremos hacer click con el botón derecho sobre el elemento que queremos inspeccionar, lo que nos abrirá el inspector de código centrado en esta zona de la página web.

Hace tiempo escribimos un artítulo sobre google fonts y como integrarlas en nuestra web GESIO®. En este artículo traemos una web que nos muestra las famlilias tipográficas completas que podemos encontrar en google fonts.

Fuente: http://somadesign.ca/demos/better-google-fonts/

www.0to255.com es una herramienta muy útil para diseñadores web hecha por diseñadores. Muchas veces necesitamos conocer exactamente variaciones de la luminosidad de un color para plantear diferentes áreas de un interface, distintos estados de un botón,...

Esta herramienta nos permite introducir un valor hexadecimal de un color y nos mostrará la gama completa de variaciones de luminosidad, desde el blanco hasta el negro.

El formato que muestren los textos de nuestra web (en las descripciones de los productos o la páginas cms) puede ser clave para que el mensaje llegue correctamente a nuestros clientes y aumente el ratio de ventas y de satisfacción de nuestros visitantes. Para ello es muy importante que los textos estén bien estructurados estilísticamente, es decir, que se titulen correctamente los distintos bloques de contenido, en el caso de que los hubiese y que se destaque el contenido que nos interese correctamente; contrariamente a lo que, a algunos, pueda parecer es más efectivo un as sencillas lineas destacadas con un texto en negrita que estas mismas líneas en un color chillón y más grandes que el resto, lo que a menudo un primer vistazo del cliente puede interpretar como ruido y charlatanería y conseguir el efecto contrario al deseado.

En la edición de los productos de nuestra web podremos añadir estos textos:

Nombre del producto: Debe ser descriptivo, sencillo y corto (en la medida de lo posible) y, si puede ser, que contenga palabras clave que ayuden a posicionar el producto individualmente. Este texto será un título H2, por lo que googley otros buscadores lo tendrán muy en cuenta.

Las imagenes deberán tener un tamaño suficiente para adaptarse sin que deba agrandarse demasiado y, por lo tanto, aparecer deformadas. Poe ello proponemos que las imagenes elegidas tengan un ancho de al menos 1200px.

Para incluir las imágenes que se sucederán en nuestros carrusel de fondo deberemos ir a cualquier campo de inserción de texto avanzado. Para ilustrar este ejemplo hemos ido a "Configuración gráfica > General > 07. PIE" donde haremos click en el icono de añadir imagen  del campo de inserción de textos.

Existen ciertos aspectos que deberías tener en muy cuenta a la hora de diseñar tu tienda online para ofrecer una imagen sólida y profesional y lo más importante: aumentar tus ventas. En este post nos centraremos en las imágenes de tus productos, como hacer que estos sean más atractivos para tus clientes.

De la misma manera que no pondrías artículos en mal estado o rotos en las estanterías de tu tienda física, es muy importante que cuides la calidad y el formato de las imágenes de los productos de tu tienda online. Para ello hemos recopilado una serie de consejos que pueden resultarte de utilidad a la hora de optimizar las fotografías que mostrarán tus productos a tu clientela global:

• Procura mantener el ratio de proporción en todas tus imágenes. Por ejemplo, que todas las imágenes sean cuadradas en una proporción 1:1 hará que el listado se muestre de una manera mucho más ordenada que si las proporciones varían de una imagen a otra, produciendo chas de producto de distintas alturas y la inevitable sensación de "montaña de saldos".
• Cuida los fondos de tus imágenes. El producto puede estar "recortado" sobre un fondo liso o mostrar el fondo que  había al tomar la imagen, sea como sea debe resultar armónico con el diseño de la página y responder en todo momento a la estrategia de venta que hayamos planteado para nuestros productos. No es aconsejable alternar fotografías con distintos tipos de fondo ya que podríamos transmitir la sensación de que no hemos dedicado el suficiente tiempo, que no nos importa como queden nuestras "estanterías" virtuales.
• Vigila la resolución de tus imágenes. Fotografías demasiado pequeñas podrían acabar mostrándose pixeladas y distorsionadas en tu catálogo.
• Sé creativo. Si no tienes dinero para contratar un fotógrafo profesional, dedícale algo de tiempo a pensar cómo quieres mostrar tus productos y haz las fotografías tu mismo. Una propuesta original puede hacer que tu producto se desmarque de la competencia y haga ganar puntos a nuestros productos para acabar en la cesta de la compra.

GESIO® nos ofrece la posibilidad de listar nuestros productos adaptándolos a cuatro vistas diferentes. Esto no significa que debemos usarla todas en nuestra tienda online, dependerá del tipo de producto o de las dimensiones de nuestro catálogo el que nos decidamos por todas, algunas o incluso solo una de estas vistas. Estas son las vistas disponibles desde la gestión de GESIO®:

El siguiente tutorial te mostrará la manera de incluir el módulo de suscripción al boletín de noticias en el pié de la página de tu site en GESIO® en vez del módulo de columna lateral. Debes tener en cuenta que se requieren conocimientos medios de html y css.

En primer lugar deberemos asegurarnos de que no tenemos el módulo activado en ninguna de las columnas laterales para evitar duplicidades. Para insertar el módulo en el pié de la página incluiremos el código html que encontrarás en el archivo descargable de esta entrada, en “Configuración gráfica > GENERAL >pie” en el área “pie”, haciendo click en código fuente” en la caja de inserción de contenidos. Esta vista del editor de contenidos es la que utilizaremos para añadir código html.