Cargando...

Como crear una tienda online con blogspot (II)

En el artículo anterior hemos empezado a montar la tineda online con blogger (blogspot) y de que necesitas tener claro a quien te diriges para que la visita compre lo que te interese en tu tienda. Así que continuamos con la instalación.

Recuerda que la plantilla la puedes conseguir en el apartado "Más información sobre la Tienda" dandole al botón "PAY WITH A TWEET".

En este segundo artículo vamos a ver más características de esta tienda online y configurando aquellas cosas que nos falta para tener en muy poco tiempo una tienda online casi profesional. Las limitaciones de la tienda online serán:
  • Imposibilidad de gestionar un stock.
  • Desconocer la cantidad que vendemos de un golpe de vista.
  • La gestión de la facturación se hace en paypal.
Con estas limitaciones, para un volumen bajo de ventas esta tienda online será perfecta, pero cuando nuestro volumen crezca necesitaremos sistemas más profesionales. Sabiendo las limitaciones vamos a ver más características que tiene nuestra tienda online para que tenga un mejor aspecto y podamos aplicar algunas personalizaciones.
 

Personalizar los menús

Todos los menú que vienen en la plantilla no tienen configurado el enlace de destino y para poder crear submenus necesitas modificar unos datos de la estructura. En total hay que modificar tres referencias. Tenemos que buscar la primera referencia por id='top-nav'. Hay que localizar esta referencia y cambiar los enlaces vacíos (#) por los que os interesen más. Tenemos que cambiar Home, Category, Contact y About. Debajo de estos enlaces podremos poner los submenus que queramos.

 Vemos en la imágen como la opción de Category (en la plantilla que tendrás vendrá otra cosa) tiene un submenú de tres ocpiones: Category 1, Category 2 y Category 3. Podemos añadir los menús que sean necesarios creando una lista anidada y asignandole la clase sub-menú. Al final nos quedaría algo así:

Cambiando las opciones pertinentes también podemos enlazarlas a páginas internas de Blogger, y tendremos que poner /p/loquesea.html. En el menú principal (el que está en rojo), tenemos que buscar class='nav', y aquí también para crear los submenús los crearemos anidando nuevas listas, pero no será necesario aplicar ninguna clase. Una vez modificado nos quedaría algo así:


El último menú que enlaza a redes sociales (parte superior derecha), tienes que encontrarlo por id='top_social'. Una vez que localizamos estos enlaces ponemos nuestras redes sociales. Quedaría algo así:


 Cambiar colores y fuentes

Esta plantilla que estamos utilizando permite cambiar desde el diseñador de Blogspot en la pestaña avanzado, los siguientes elementos:
  • Color y fondo laterales.
  • Fuente y color de texto.
  • Color y descripción del blog.
  • Color de enlaces.
  • Color de fondo del menú.
  • Color de fondo del carro.
En la siguiente imagen vemos donde podemos cambiarlo:


Aquí tengo algún problema ya que no me permite cambiar colores. Espero que a vosotros sí.

Banner/logo

Existe una parte superior que está accesible como gadget que podemos acceder desde la sección diseño y que está vacío. En este hueco podemos poner una imagen de tamaño hasta 468x60px. Podemos poner un banner publicitario o podemos incluir un logo de la tienda, o cualquier cosa que nos parezca. Nos vamos a Diseño y editamos el bloque de la derecha HTML/Javascript y añadimos algo como esto:

<a href='http://tunegocioenlanube.net'><img src='http://2.bp.blogspot.com/-1iS6aSaITe4/UfEN9yxrhWI/AAAAAAAAB5w/mokCZ-EAsBo/s1600/logo+tunegocio+para+blogspot.png' title='TuNegocioEnLaNube'/></a>

También eliminamos un gadget que no va a ser necesario, y es el Blog Archive. Como la plantilla está pensada para tienda online, la parte del archivo no va a ser necesaria por lo que podemos eliminarla.   Esta plantilla para Blogger tiene muchas posibilidades y todavía las estamos mirando ya que se vuelve un poco lenta, me da algunos problemas y por ahora no me convence del todo. Cuando la tengamos totalmente testada y le añadamos unas funcionalidades extras os comunicaremos en la lista de correo donde podréis descargarla.



Los más demandados