Mejoras en la plantilla de la tienda online para blogger (III)

Este es el tercer paso para configurar tu tienda online con blogspot.

Como hemos dicho en los anteriores pasos, la tienda tiene sus limitaciones, pero como proyecto inicial para ver si funcionan las ventas puede ser suficiente con esta tienda.

Para finalizar te recomiendo que investigues a lo que te enfrentas al crear una tienda online, y para esto este artículo te puede aclarar algunos términos:
Este es el último artículo de la serie, y están agrupadas las preguntas que me habéis planteado y las dudas que tenéis, por lo que he escrito este artículo con el siguiente objetivo:
  • Agrupar todas las preguntas y sugerencias para la plantilla
  • Tener actualizada la plantilla en un sitio único.
Aunque puede llegar a ser complicado montar la tienda online, con dedicarle algo de tiempo la tendrás lista sin darte cuenta.


Mejoras en la Plantilla

La tienda la vas a ver montada en este blog de blogger, con lo que solo sería necesario añadir los productos y esperar las ventas.

Lo difícil será saber aquellos productos que interesan a la gente, para eso este artículo de nichos de mercado te interesa.

Recuerda también que es importante conocer tu modelo de negocio para que la tienda sea sostenible en el tiempo.

Cómo incluir gastos de envío

En la plantilla no lo especifica como hacerlo, pero se puede gracias a SimpleCart. Para poder definir los gastos de envío hay que añadir el siguiente código en la parte de la plantilla donde va "Simple Cart Setting", de la siguiente manera:

<script type='text/javascript'>
//<![CDATA[ /* SIMPLE CART SETTING >>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = 'micorreo@gmail.com'; simpleCart.checkoutTo = PayPal;
simpleCart.currency = EUR;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
AQUÍ AÑADIREMOS EL CÓDIGO //]]>
</script>

Tenemos que añadir el siguiente código en la línea que he puesto en verde, según el sistema que queramos de gastos de envío:

Una cantidad fija para todo el pedido

simpleCart.shippingFlatRate = 15.00;

Los gastos de envío siempre serán 15€, hagamos el pedido que sea.

Un porcentaje sobre el total

simpleCart.shippingTotalRate = 0.06;

Los gastos de envío serán un porcentaje sobre el total del carrito. Para un carrito de 100€, gastos (6% de 100€) = 6€.

Una cantidad fija por cada producto en el carrito

simpleCart.shippingQuantityRate = 4.00;

Los gastos de envío serán fijos para cada producto. 3 productos en el carrito, gatos (4€ x 3 productos) = 12€.   También podemos utilizar combinaciones de los códigos anteriores para que se sumen en el carrito. Por ejemplo:

Coste fijo por pedido más un porcentaje sobre el importe total

simpleCart.shippingFlatRate = 9.00; 
simpleCart.shippingTotalRate = 0.06;

Los gastos de envío serán: 9€ + 6€ (6% de 100€) = 15€.

Coste fijo por producto más un porcentaje sobre el importe total

simpleCart.shippingQuantityRate = 4.00; 
simpleCart.shippingTotalRate = 0.06;

Los gastos de envío serán: 12€ (4€ x 3 productos) + 6€ (6% de 100€) = 18€.

Coste fijo solo para ciertos productos

También podemos incluir una cantidad extra en los gastos de envío para un producto en concreto. Esto tenemos que hacerlo en la descripción del producto, que vimos como se creaba la tienda online con blogger. Tenemos que insertar un input no visible con la clase item_shipping. Tendríamos que añadir el siguiente código:

<input type="hidden" class="item_shipping" value="6.00">

 Los gastos de envío serían: 12€ (4€ x 3 productos) + 6€ (6% de 100€) + 6€ (cuando uno de los tres es este) = 24€.

Coste por producto según tallas/tamaños

En este caso lo que haremos será usar una función, que tendremos que construir de manera personalizada. Por ejemplo como vimos en la construcción de un producto con distintas tallas (S, M, L y XL) usando los value de nuestro select, anidaremos condiciones con estos valores y multiplicaremos el coste fijo según la talla, por la cantidad de unidades pedidas. El código es el siguiente:

CartItem.prototype.shipping=function(){ 
if(this.size){ if( this.size == 'S' ){ 
return this.quantity*1.00; } 
else if( this.size == 'M') { 
return this.quantity*2.00; } 
else if( this.size == 'L') { 
return this.quantity*3.00; } 
else { return this.quantity*4.00; } } 
else { return this.quantity*0.00; } }

Podrás observar como el último else está multiplicado por 0, esto es para los casos en que no existiera talla, por lo que sería un sustituto del coste fijo por artículo que podíamos generar con shippingQuantityRate. Otra variante que puedes implementar para cargar gastos fijos dependiendo del importe total:

simpleCart.shipping = function(){ 
if (simpleCart.total){ 
if ( simpleCart.total < 10 ){ return 4; } 
else if ( simpleCart.total < 25){ return 4.50; } 
else if (simpleCart.total < 100){ return 8; } 
else {return 10;} } }



Recuerda que todas las variantes que hemos visto son ACUMULATIVAS, y que todas las que pongas se irán sumando por todos los conceptos. Ten cuidado como las combinas para luego no llevarte sorpresas en los gastos de envío.

Preguntas

A continuación te listo todas las preguntas que me han realizado sobre la plantilla, y las respuestas que he dado. También iré poniendo las mejoras que he añadido a la plantilla. Para finalizar podrás descargarte la plantilla realizando una acción social.

Pregunta 1 - ¿Hay alguna forma de modificar los colores del banner de tu plantilla y del background?

En esta plantilla puedes modificar algunas cosas, pero si conoces HTML seguro que podrás cambiar todo lo que quieras.

Pregunta 2 - Se puede cambiar la fuente de la letra siempre modificandola a partir de tu plantilla en html?

No lo he probado, pero supongo que si se puede. Es conocer algo de HTML para saber donde hay que tocar.

Pregunta 3 - Quisiera darle otro aspecto estético sin que cambie la característica del portal tipo tienda online de tu plantilla.

Para cambiar el aspecto estético de la plantilla como te he dicho antes, necesitas saber HTML y CSS para conseguir lo que quieres.

Pregunta 4 - No me actualiza los precios cuando añado precios al carrito. Me pone la cantidad de artículos pero se queda a 0. ¿Qué pasa?

En la plantilla actual seguramente no encontrarás estos problemas.

Pregunta 5 - ¿Se puede tener algún control de stock para no vender mas artículos de los que tenemos?

La plantilla no lo soporta..

Pregunta 6 - Donde tengo que poner el precio de los artículos, solo lo puse como texto en la entrada pero no me aparecen en ningún sitio.

Algo no habrás hecho bien, ya que el texto de la entrada indica el precio y ese debe ir contabilizado al carrito.

Pregunta 7 - No encuentro donde debo configurar los gastos de envío.

Lo tienes explicado al principio. Espero que esto resuelva tu duda.

Pregunta 8 - ¿Me podrías enviar una copia del código del artículo de la manga pastelera?

El código lo tienes a continuación:

<div class="item_image"> <a href="http://2.bp.blogspot.com/-PxmbcPyu8WI/Ua-BbitOjNI/AAAAAAAAB4E/pW7DUXnkk-k/s320/DSCF0343.JPG"><img border="0" class="item_thumb" src="http://2.bp.blogspot.com/-PxmbcPyu8WI/Ua-BbitOjNI/AAAAAAAAB4E/pW7DUXnkk-k/s320/DSCF0343.JPG" /></a> </div> <div class="item_Description"> <div style="text-align: justify;"> Manga pastelera con 6 boquillas con la que podrás realizar diversos dibujos. <br /> TEXTO DESCRIPTIVO DEL PRODUCTO <br /> <a href="http://4.bp.blogspot.com/-DeMRGMst-N4/Ua-SYNoUXdI/AAAAAAAAB4U/3PPslScFZlU/s1600/568599398_272.jpg" imageanchor="1"><img border="0" src="http://4.bp.blogspot.com/-DeMRGMst-N4/Ua-SYNoUXdI/AAAAAAAAB4U/3PPslScFZlU/s320/568599398_272.jpg" /></a> <a href="http://2.bp.blogspot.com/-PxmbcPyu8WI/Ua-BbitOjNI/AAAAAAAAB4E/pW7DUXnkk-k/s1600/DSCF0343.JPG" imageanchor="1"><img border="0" src="http://2.bp.blogspot.com/-PxmbcPyu8WI/Ua-BbitOjNI/AAAAAAAAB4E/pW7DUXnkk-k/s320/DSCF0343.JPG" /></a> </div> </div> <span class="item_price">6€</span>

Pregunta 9 - Me sale este error: Content is not allowed in prolog

Esto ocurre porque no se ha subido la plantilla adecuadamente. Descomprime el ZIP y sube el archivo XML sin editarlo ni nada. Así no te aparecerá este error.

Pregunta 10 - El tema de los gastos de envio en simplecart, ¿sabes alguna forma que cuando se hacen compras superiores a x euros los gastos de envio sea 0?

Esta plantilla no permite esa opción.

Pregunta 11 - Cuando selecciono un color o tamaño no sale el color o tamaño del item en la descripción de la factura de PayPal

Esta plantilla no permite esa opción. En paypal llega un pago global y ahí no se puede desglosar por producto.

Pregunta 12 - Cuando añades varios articulos al carrito, al pulsar en realizar pedido y llegar a la ventana de PayPal, no aparecen todos los articulos en la lista. Esto ocurre al pedir mas de 8 articulos, si pido menos, no hay problema.

En esta plantilla creo que se ha solucionado el problema. No lo he probado de forma precisa pero es cuestión de hacer pruebas.

Pregunta 13 - El caso es que ya tenemos un blog funcionando, en blogger, y nos gustaría añadirle la posibilidad de vender online. Con tu plantilla, si no entiendo mal, podemos crear la tienda online en blogger pero ¿habrá alguna manera de enlazarla con el blog existente? o a la inversa? ¿se puede enlazar la tienda al blog?

Esta plantilla es solo de tienda online, por lo que si quieres enlazarla con un blog existente, entonces tendrás que crear enlaces de tu blog a la tienda online.

Pregunta 14 - He creado una página: quienes somos, para enlazarlo al menú página de la tienda. Quiero desactivar la plantilla de entradas en esta entrada, pero no sé como hacerlo.

En vez de crear una entrada, crea una página y enlázala ahí, seguramente la plantilla de entradas desaparecerá.

NOTA: Los archivos de la plantilla están alojados en google code que pronto dejará de tener soporte, con lo que hay que buscar otro lugar.





 Espero que te haya gustado el artículo y si te es útil espero que lo compartas con los demás. ¡Descarga YA la plantilla e instala tu tienda online!

Los más demandados