SimpleCart. Opción enviar por e-mail

Hace un tiempo vimos un sistema para instalar una tienda online, mediante el script SimpleCart. El sistema, aunque sencillo, sigue funcionando estupendamente, pero le faltaba una opción que era la de enviar los datos del pedido por correo, en lugar de acceder directamente a Paypal. Esto es útil, por ejemplo, cuando se trata de envíos contra-reembolso u otras opciones similares.

En un principio debería ser suficiente con modificar un parámetro para que esto funcionara bien. De los que hay al final de la parte de estilo, sería simpleCart.checkoutTo.

<script type="text/javascript">
simpleCart.email = "tupaypal@dominio.com";
simpleCart.checkoutTo = Email;
simpleCart.currency = EUR;
simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" , "increment", "decrement", "Total" ];
</script>

En teoría bastaría con cambiar PayPal por Email (ojo con las mayúsculas/minúsculas), tal como veis arriba, y el script se tendría que encargar de hacer el pedido por dicha vía, pero por razones que desconozco, la función que debería hacer esto (simpleCart.emailCheckout();) está sin construir. Esto ocurre tanto en el script original como en el adaptado que propuse en su momento.

Visto esto, si queremos que funcione para el correo, tendremos que redactar dicha función además de cambiar el parámetro mencionado. Así, emailCheckout recuperará los datos necesarios y los pasará a un pequeño fichero PHP que realmentes es el que envía los datos por e-mail. Si teneis hosting propio, alojar el PHP no debería ser ningún problema. Sin embargo, para los que sólo tenemos Blogger, habrá que recurrir a algún servicio como Byethost, que Vagabundia ya nos descubrió hace un tiempo.

Y ahora vamos a la parte práctica.

Como se ha dicho, lo primero es cambiar el valor del parámetro y pasarlo de PayPal a Email. A continuación, redactamos el contenido de la función editando el script allá dónde lo tengamos alojado y sustituimos la función vacía que tiene este aspecto...

this.emailCheckout = function() {
return;
};

... por...

this.emailCheckout = function() {
var remite = prompt("Introduzca correo de contacto: ");
itemsString = "";
esubtotal = 0;
etotal = 0;
for( var current in this.items ){
var item = this.items[current];
esubtotal = item.quantity * item.price;
itemsString += item.name + " " + item.quantity + " x " + item.price + "EUR = " + String(esubtotal) + "EUR" + "\n";
etotal+=esubtotal;
};
itemsString +="Total: " + String(etotal) + "EUR" + "\n" + "Remite: " + remite;
var form = document.createElement("form");
form.style.display = "none";
form.method = "POST";
form.action = "http://elsereno100.byethost15.com/php/email.php";
form.acceptCharset = "utf-8";
form.appendChild(this.createHiddenElement("jcitems", itemsString));
form.appendChild(this.createHiddenElement("jcremite", remite));

document.body.appendChild(form);
form.submit();
document.body.removeChild(form);

return;
};

Por Paypal, el propio usuario se identifica ante el sistema, pero con esta opción no. Así que he introducido un prompt que solicita la dirección de correo del comprador, para poder luego incluirla en el mensaje que recibamos. De otra manera nos sería imposible saber quién hizo el pedido.

Nos queda generar y alojar el fichero PHP. La URL que he puesto en la anterior función está operativa para que podais hacer pruebas. Pero cuidado... está programado de manera algo distinta para que envíe el correo a la dirección que se introduzca como de remite y que así podais ver el resultado. Si lo enviara al administrador (yo) como ocurre en el PHP de más abajo (el que teneis que usar cuando lo hagais en real) no lo veríais. Tarda un poco en que lo recibais, pero debe ser cosa del hosting gratuito.

Aquí, en la demo original, podeis ver ahora un nuevo enlace abajo a la izquierda botón con la palabra EMAIL, que es precisamente para este nuevo sistema.

Una vez que comprobeis que funciona, teneis que crear y alojar vuestro propio fichero con vuestra propia dirección, para que podais recibir los avisos. Luego sustituis en el código de antes la URL de prueba por la vuestra. El código es este:

<?php
$to = 'correo-vendedor@dominio.com';
$remite = $_POST['jcremite'];
$subject = 'Aviso de pedido';
$jcitems = $_POST['jcitems'];
$headers = 'X-Mailer: PHP/' . phpversion();
mail($to, $subject, $jcitems, $headers);
echo 'Su pedido ha sido enviado.<br/> Nos pondremos en contacto con Vd. mediante el correo facilitado: ';
echo $remite;
?>

Una mejora en este último fichero sería sustituir los dos últimos echo por un reenvío a una página construida por nosotros con un contenido más amigable:

Header('Location: http://pagina_recepcion.htm');

¿Se podría hacer sin PHP? Sí, utilizando JavaScript. Pero entonces el envío no sería tan directo como pulsar un botón. El script abriría el programa de correo del usuario con tu dirección (por otra parte, más visible para spammers), el asunto y el contenido, pero luego habría que enviar el correo. Un proceso más largo y menos elegante.

Si vais a utilizar este sistema, no olvideis cambiar la imagen de fondo del selector .simpleCart_checkout que forma el botón PAYPAL, por otro más adecuado ;)

Actualización. El script completo incluyendo ya la modificación: SimpleCartEmail.txt
No olvidad haced las personalizaciones correspondientes: moneda, forma de pago (PayPal/Email), dirección PayPal y dirección fichero email.php.

¿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