Blogger Store: Configurar gastos de envío e inclusión en pedidos email

En la documentación de SimpleCart está perfectamente explicado el tema de los gastos de envío, pero aún así he recibido muchas preguntas sobre cómo incluirlos. Quizás es porque no se explica exactamente dónde se debe poner el código que allí citan o quizás es simplemente porque algunos estáis peleados con el inglés.

Sea por la razón que fuere, vamos a intentar explicarlo a nuestra manera a ver si se terminan las dudas con este tema y de paso vamos a completar la función que hicimos anteriormente para los pedidos por e-mail, de manera que también se transmitan estos gastos.


La manera de incluir gastos de manejo/envío es incluyendo el recargo dentro de las opciones configurables del script. Esa parte está en la plantilla bajo el título "Simple Cart Setting". Estas son en concreto las líneas y el lugar dónde insertar lo que iremos viendo después.

<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Í AQUÍ AQUÍ
//]]>
</script>

Pues de la misma manera que ahí aparece la divisa (simpleCart.currency = EUR;), para configurar los gastos hay que añadir una línea con el sistema deseado. Las opciones son las siguientes y para los cálculos de ejemplo se han considerado 3 productos que suman un importe de 100€:

Una cantidad fija para todo el pedido

simpleCart.shippingFlatRate = 10.00;

Gastos: 10€

Un porcentaje sobre el importe total

simpleCart.shippingTotalRate = 0.05;

Gastos: 5€ (5% sobre 100€)

Una cantidad fija por cada producto en el carro

simpleCart.shippingQuantityRate = 3.00;

Gastos: 9€ (3€ x 3 productos)

---

No hay ningún problema en usar dos o incluso tres de estas tasas combinadas, aunque hay que tener en cuenta que los importes serán acumulativos:

Gasto fijo por pedido más porcentaje sobre el importe total

simpleCart.shippingFlatRate = 10.00;
simpleCart.shippingTotalRate = 0.05;

Gastos: 10€ + 5€ (5% sobre 100€) = 15€

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

simpleCart.shippingQuantityRate = 3.00;
simpleCart.shippingTotalRate = 0.05;

Gastos: 9€ (3€ x 3 productos) + 5€ (5% sobre 100€) = 14€

Gasto individual para ciertos productos

La combinación de estos tres tipos de gastos, simultáneamente y con los mismos porcentajes que se han puesto de ejemplo aquí, están actualmente en la web-demo que creamos hace tiempo. Si no os cuadran los números es porque seguro que habéis metido en vuestro carro el penúltimo artículo del panel (Camiseta hombre - Beisbol). Notaréis que hay 5€ de más.

El motivo es que también se puede incluir una cantidad concreta para un producto concreto. Esto se hace de manera distinta, insertando un input no visible con la clase item_shipping en el cuerpo de la entrada correspondiente al producto. En este caso pusimos:

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

Gastos: 9€ (3€ x 3 productos) + 5€ (5% sobre 100€)
+ 5€ (cuando uno de los 3 es este) = 19€

---

Gasto individual según tallas/tamaños

También es posible indicar para un mismo producto, distinto importe de gastos según la talla. Para ello previamente había que incluir un select con la estructura que vimos en Configuraciones desde el escritorio y Creando un producto (Blogger Store: Instalación, ajustes y crear productos).

Ahora lo que haremos será usar una función que pondremos también dentro de ese mismo apartado de configuración que vimos al principio y que tendremos que construir de manera personalizada según lo que queramos. Aquí hemos usado los value de nuestro select que eran S, M, L y XL. Como podéis ver sólo se trata de anidar condicionales con estos valores y multiplicar el coste fijo según la talla, por la cantidad de unidades solicitadas.

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;
}
}

Nótese que el último else sería para los casos en los 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 para cargar gastos no lineales en función del importe total:

simpleCart.shipping = function(){
if (simpleCart.total){
if ( simpleCart.total < 10 ){return 3;} else if ( simpleCart.total < 25){return 3.50;} else if (simpleCart.total < 100){return 7;} else {return 9;} } }

Creo importante volver a destacar que todas las variantes aquí vistas son ACUMULATIVAS y que de ponerlas todas, se generarían gastos por todos los conceptos. Por tanto, habrá que combinarlas con mucha lógica y mucho cuidado.

---

Aplicando gastos de envío al pago por email

Todo esto funciona perfectamente con PayPal y Google Checkout, pero no para los pedidos por correo electrónico. El motivo no es otro que cuando os presenté esa opción, no caí en esto de los gastos de envío. Por tanto habrá que modificar esa parte de la función para que los tome y los remita. Así es cómo quedaría:

me.emailCheckout = function() {
var remite = prompt("Introduzca correo de contacto: ");

if (remite != '' && remite != null) {

itemsString = "";
esubtotal = 0;
egastos = 0;
etotal = 0;
for( var current in this.items ){
var item = this.items[current];
esubtotal = item.quantity * item.price;
itemsString += item.name;
if (item.size) itemsString += "Talla " + item.size + "\n";
if (item.color) itemsString += "Color " + item.color + "\n";
itemsString += item.quantity + " x " + item.price + " = " + String(esubtotal) + me.currency + "\n";
etotal += esubtotal;
};
if (me.shippingCost){
itemsString += "\nSubtotal = " + etotal + "\n";
itemsString += "Gastos de envio = " + me.shippingCost + "\n";
etotal += me.shippingCost;
};
itemsString +="\nTotal: " + String(etotal) + me.currency + "\n" + "Remitente: " + remite;
var form = document.createElement("form");
form.style.display = "none";
form.method = "POST";
form.action = "http://singenio.com/email.php";
form.acceptCharset = "utf-8";
form.appendChild(this.createHiddenElement("jcitems", itemsString));
form.appendChild(this.createHiddenElement("jcremite", remite));

document.body.appendChild(form);
me.empty();
form.submit();
document.body.removeChild(form);
if (p == null || p=='');

}
return;
};
me.customCheckout = function() {
return;
};

Tengo que recordar que el fichero PHP que se incluye en el anterior código no os servirá mas que para pruebas. Ese PHP remite el pedido al correo que debe incluir el comprador como medio de contacto y lo que realmente tendría que hacer es enviarlo a vosotros, al vendedor. En esta entrada se explica como hay que construir ese PHP correctamente.

He actualizado el script simpleCart2email.js con esta última modificación para que podáis descargarlo y sustituirlo por el anterior que vimos. También he actualizado la plantilla y ahora se incluyen todos los supuestos de gastos simultáneamente. Creo que es más fácil que quitéis los que no necesitéis en lugar de indicaros dónde añadir vuestro caso concreto.


En otro arranque que me de, a ver si pienso en la manera más fácil de incluir los gastos de envío en el visor del contenido del carro y compruebo una solución que me parece haber encontrado para los artículos que desaparecen cuando se añaden muchos.

Nos hemos puesto a fondo con esta plantilla y hemos publicado también los siguientes artículos:

• Plantilla para tienda online: Blogger Store
• Blogger Store: Instalación, ajustes y crear productos
• Blogger Store: Personalización y solución de problemas
• Blogger Store: Buscador, paginación, opción email y otros
• Blogger Store: Configurar gastos de envío e inclusión en pedidos email
• Blogger Store: Slider en IE, gastos en carro, productos desaparecidos y otros flecos
• Blogger Store: Opción página para comprobación y solicitud de pedido con formulario
• Blogger Store: Demo incorporando todas las modificaciones propuestas

Noviembre 2015
Los comentarios de todas estas entradas han sido cerrados por su excesiva extensión y porque en los existentes se ha contestado ya a las dudas más comunes que han ido surgiendo durante más de tres años.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir

Twitter

Pinterest

Facebook

Linkedin

Copy URL

Compartir

Twitter

Pinterest

Facebook

Linkedin

Y muchos más artículos interesantes si nos sigues en...

• Google
• Facebook
• Twitter