La cosa es simple. Se habilita la función de e-mail con su correspondiente PHP (tal y como vimos en el último post), dejamos la opción por defecto de PayPal y por último, añadimos un boton que vaya directamente a la nueva función incorporada. De esta manera el botón Checkout por defecto irá a PayPal y el nuevo botón enviará un correo con los datos del pedido.De la misma manera que creábamos el primero (y el de vaciar carro), este botón de e-mail será incorporado a la tienda, incorporando un div con una clase que tendremos que configurar. Pero a diferencia del anterior, incluiremos un evento onclick para que vaya directo a la función simpleCart.emailCheckout().
<a class="simpleCart_empty" href="javascript:void();">VACIAR CARRO</a> <a class="simpleCart_checkoutemail" onclick="simpleCart.emailCheckout();" href="javascript:void();">EMAIL</a> <a class="simpleCart_checkout" href="javascript:void();">CHECKOUT</a>
Para que quede mono, monísimo, sólo nos falta incorporar el estilo de boton. De paso, os doy el estilo de los otros dos, el Checkout por defecto y el de Vaciar Carro, ajustados para incorporar los tres a la vez. En verde el nuevo.
.simpleCart_empty{
clear:left;
float:right;
color:#999 !important;
font-size:11px;
text-decoration:none;
margin-right:10px;
position:relative;
top:25px;
padding:5px;
border:1px dashed #999;
background:#fff;
}
.simpleCart_empty:hover {
color:#666 !important;
}
.simpleCart_checkout{
float:right;
background:url(http://img146.imageshack.us/img146/2469/btncheckout.png) 0px 0px;
width:87px;
height:24px;
text-indent:-9999px;
overflow:hidden;
position:relative;
top:27px;
}
.simpleCart_checkout:hover {
background:url(http://img146.imageshack.us/img146/2469/btncheckout.png) -87px 0px;
}
.simpleCart_checkoutemail{
float:right;
background:url(http://img340.imageshack.us/img340/4472/btncheckoutemail.png) 0px 0px;
width:87px;
height:24px;
text-indent:-9999px;
overflow:hidden;
position:relative;
top:27px;
}
.simpleCart_checkoutemail:hover {
background:url(http://img340.imageshack.us/img340/4472/btncheckoutemail.png) -87px 0px;
}
clear:left;
float:right;
color:#999 !important;
font-size:11px;
text-decoration:none;
margin-right:10px;
position:relative;
top:25px;
padding:5px;
border:1px dashed #999;
background:#fff;
}
.simpleCart_empty:hover {
color:#666 !important;
}
.simpleCart_checkout{
float:right;
background:url(http://img146.imageshack.us/img146/2469/btncheckout.png) 0px 0px;
width:87px;
height:24px;
text-indent:-9999px;
overflow:hidden;
position:relative;
top:27px;
}
.simpleCart_checkout:hover {
background:url(http://img146.imageshack.us/img146/2469/btncheckout.png) -87px 0px;
}
.simpleCart_checkoutemail{
float:right;
background:url(http://img340.imageshack.us/img340/4472/btncheckoutemail.png) 0px 0px;
width:87px;
height:24px;
text-indent:-9999px;
overflow:hidden;
position:relative;
top:27px;
}
.simpleCart_checkoutemail:hover {
background:url(http://img340.imageshack.us/img340/4472/btncheckoutemail.png) -87px 0px;
}
¿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.
Y muchos más artículos interesantes si nos sigues en...
Hola, la verdad es que llevo varios días intentando incluir el simpleCart en mi web,y no consigo que funcione, trabajo con base de datos y rs para ver los artículos, pero ya no consigo seguir. Agradecería una orientación y mi muchas gracias por los aportes El que alguien aporte sus conocimientos libremente es digno de alabar.
ResponderEliminarUn saludo
Me parece que empezaste por el final. Comienza por este
ResponderEliminarSimpleCart Tienda Online
y sigue por este
SimpleCart - Enviar por e-mail
Y lo último, esta entrada.
De todas formas hay muchas tiendas disponibles para montar si tienes acceso a tu propia base de datos. Este script es bueno para NO tener que usarlas, aunque simple por ese mismo motivo.
Buenas Amigo esta muy Bueno el Post Pero lo cierto es que estoy enredado con todo esto me podrias enviar un comprimido con todos los archivos ya modificados? me interesa solo la parte de que envie el correo mas el paypal no lo necesito en estos momentos mi correo es s1moz@hotmail.com
ResponderEliminarEntre el primer enlace que se cita en esta entrada y la propia entrada está todo... explicado y desarrollado mejor (creo) que en un simple fichero que te pueda mandar.
ResponderEliminarBuenas..! pude conseguir insertar el simplecart en mi pagina.. pero a la hora de subirlo al servidor.. en INTERNET EXPLORER no me lanza los mensajes Script.. pero en FIREFOX si me los lanza.. cual seria el problema?
ResponderEliminarHola Oloman... ya resolvi el problema con internet explorer... la solucion era habilitar los mensajes generados por script en la configuracion del internet explorer..
ResponderEliminarMuy bueno tu blog de verdad bastante interezante y muy buena explicacion sobre el simplecart..!
Bueno anónimo, lo mejor que me puede pasar es que solucioneis vosotros mismos los problemas que os surjan y que los solucioneis. Eso me ahorra bastante tiempo y además ayuda a ir aportando datos para los que vengan detrás. Gracias.
ResponderEliminarHola Oloman!!
ResponderEliminarSabes ya implemente este sistema de simpleCart en mi web gracias a tu ayuda..!
Ahora necesito que me ayudes en esto..!
Quisiera que las cantidades de los productos
pueda introducirlos con el teclado... y con las flechas a la vez... Ya que con el teclado no puedo introducir la cantidad...
Si puedes ayudarme con esto te lo agradeceria mucho..!!
Mi correo es adrianlxl@hotmail.com
Gracias espero tu ayuda..!
Exitos!!
Elfather, no sabría cómo habilitar un formulario para introducir con el teclado el número de artículos, porque supongo que es eso lo que quieres. De todas formas, no sé si te habrás dado cuenta de que cada vez que pinchas en 'Añadir', se va sumando un artículo. También, cuando le das a las flechitas a la derecha del número de artículos que llevas en el carro, esta cantidad se puede aumentar o disminuir.
ResponderEliminarSi no te hace eso es que quizás no tengas bien instalado el código correspondiente.
Oloman, pues si si me funciona con las flechas.. el caso esta en que cuando la gente quiere poner un ejmplo.. 1000 articulos.. no tenga que precionar 1000 veces la flecha o el boton.. ;( lastima que no se pueda con el teclado
ResponderEliminar;( de todas formas Oloman.. si logras saber como hacerlo estare pendiente en la pag.. Muchisimas gracias!!
Elfather no es que no se pueda, es que habría que cambiar bastante el script. De todas formas, se me ocurre que podrías crear artículos que fueran "pack de 50", "pack de 100"... y cosas así. Quizás no es una solución óptima, pero te podría servir.
ResponderEliminarlolezno
ResponderEliminarhe conseguido que me funcione despues de leer y releer... Oloman mil gracias.
via mail cuando llega la informacion del pedido no viene ningun dato del cliente no?
saludos, seguire probando
Anónimo, sólo te llegará aquello que "el cliente" quiera que te llegue, como debe ser. En la modificación que he propuesto, sólo se pide el correo para contacto, pero podrías incluir algún dato más si te fuera necesario con algún Alert más.
ResponderEliminarHola, he repasado todo el post y me sigue fallando. Tengo en el blog ahora 2 casillas de paypal que no me funcionan ninguna y la casilla de email que tampoco funciona. No sé que estaré haciendo mal. Help...
ResponderEliminarMi blog es http://blogbonecadetrapo.blogspot.com/
Muchas gracias...Cintia
Boneca de Trapo no sé lo que pasaba pero durante un tiempo no funcionó esto. Ya expliqué en otro comentario que aparqué todas las consultas sobre este script y hoy que me puse a averiguar cosas, comprobé que ya funcionaba. Pienso que era algún problema de PayPal, no del código. Siento el retraso, pero por lo menos se arregló la cosa.
ResponderEliminarEscribí en otro post pero vi que este era mas actual, no logro implementar lo de enviar por correo en la plantilla http://www.downdemo.cahayabiru.com/2011/10/dm-blogger-store-v2.html si alguien pudiera ayudarme le estaría muy muy agradecido un saludo
ResponderEliminarJosiño, me he complicado la vida porque he visto algunas cosas más que explicar y que no puedo hacer aquí, así que estoy haciendo un tutorial. Te toca esperar algo más.
ResponderEliminarokey espero con impaciencia Oloman
ResponderEliminarJoSiÑo, espero que no tengas prisa porque ayer empecé a redactar y encontrado también algunos fallos en la plantilla. Unos no tienen mucha importancia, pero otros sí. Además he visto algunas mejoras fáciles de hacer.
ResponderEliminarTotal, que todavía no he llegado a la parte del correo y ya llevo escrito como para dos posts largos :S
Gracias Oloman por mirar esto sigo esperando con impaciencia el post sobre todo lo del correo
ResponderEliminarHola!
ResponderEliminarYo tambien ando en esa plantilla de Blogger store v2. La verdad se muy bien y si la he logrado modificar en algunos puntos.
Pero mi problema creo que es alojar el archivo php en la pagina host. Espero me puedas ayudar ya que no tengo idea de "hosting", "ftp", "php" y creo q es lo unico que me falta para hechar a andar la pagina y ponerle imagenes.
Muchas Gracias!
Hola Oloman!, estoy montando hoy una tiendita online local y te agradezco mucho por estos 3 Post relacionados con Blogger + Simplecart. Realmente ésta ultima plantilla V2 está muy practica, pero como JosiÑo yo también estoy tratando de hacer andar el check out con Email, ya que Paypal no admite la moneda de mi país por el control de cambio impuesto en Venezuela. Mi única opción es hacer llegar a los clientes una orden de pedido a sus correos y que ellos pueden pagarme a través de transferencia o deposito bancario local. Sería de gran ayuda escuchar tu opinión de como integrar el avance que hiciste del EMAIL, yo lo usaría en sustitución de Paypal, con esta planilla V2 es mas plug and play que instalar Simplecart desde cero en un template Blogger normal. Es un placer leer tu blog, gracias!
ResponderEliminarHola Oloman, nos tienes como locos esperando jajaja animo y no nos hagas esperar tanto.
ResponderEliminarSaludos y sigue asi que el blog es la caña
Josiño, Retrostock, lo siento mucho pero tardaré bastante en poder dar instrucciones detalladas porque ando muy muy liado. Fijaros que llevo un gran atraso en responder comentarios.
ResponderEliminarAunque no lo dice aquí Alex3691 ha logrado alojar el PHP en 000webhost.com y con eso solucionó todos sus problemas. Podéis intentarlo vosotros haciendo lo que se explica en el anterior post enlazado al principio de este, sobre cómo conseguir el envía por e-mail, porque probablemente voy a tardar más de lo que vuestra paciencia resista.
Pero comentantes que habías encontrado algunos fallos en la plantilla, a ver si es posible que nos ayudes, yo por lo menos te estaría muy agradecido.
ResponderEliminarSí, pero los fallos son menores. Es decir, lo importante funciona. Ocurre que comencé a redactar un tutorial y según veo encuentro más fallitos y mejoras que se le pueden hacer y tengo un borrador kilométrico. Voy a tenerlo que poner en varias entradas.
EliminarPrecisamente sólo me falta la parte del email, pero no creo que sea distinto a lo que expliqué en el post que menciono.
Si lo que dije de los problemas te frena, que no sea por eso. Son pequeñas cosas realmente. Un ejemplo. Cuando pinchas en More Info, no funciona, pero cuando pinchas en el título del artículo, sin problemas.
Gracias por la respuesta, no me frena los problemas pero no logro implementar la parte del correo, aun asi gracias de todas formas por tu tiempo, en cuanto lo tengas finalizado lo intentare integrar en la plantilla.
EliminarNo cambies y sigue asi que esto funciona gracias a personas como tu que comparten su conocimiento y ademas comparten su tiempo con los demas.
Solución para el error en el boton More Info que no funciona
ResponderEliminarViene el siguiente codigo.... como en lo comentarios no logro poner el codigo lo pongo a traves de pastebin
http://pastebin.com/embed_js.php?i=fhByVyND
Eso es :D. Te adelantaste a mi publicación ;)
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarFunciona pero pésimamente. Eso también lo he solucionado ya. Si me das un correo te mando lo que llevo descubierto y así lo vas probando. Por G+ privado si quieres.
Eliminar¡Ah! y no sé si no te diste cuenta, pero puedes responder dentro del mismo hilo con los nuevos y flamantes comentarios anidados :)
Eliminarya te enviado el mail por google+, confirmame que lo has recibido
EliminarUn saludo
Por favor una ayuda como activo la parte de More Info para que entren en la entradA? no me quiere funcionar el MORE INFO de la plantilla
ResponderEliminarSupongo que lo que comentas va referido no al script SimpleCart sino a la plantilla Blogger Store. Si es así, mira por aquí.
EliminarHola a todos.
ResponderEliminarOs encontre Googleando,pedazo de Foro !!!
Queria haceros una consulta, a ver si me podeis ayudar.
Estoy intentando utilizar Blogger para vender un producto y me encontre con un pequeño problema.
Necesito los datos de envio del futuro cliente, tengo una opcion en PaylPal, pero me sale cara de momento.
Lo logico seria que el comprador rellenara un formulario con sus datos de envio y en el mismo proceso pagase por Paypal.
Con el boton de Paypal ya he hecho pruebas y funciona perfecto, este paso lo tengo claro, solo necesito integrar los dos pasos que os comento.
Gracias de antemano por vuestra ayuda.
Un saludo.
Buenas. El sistema más fácil que se me ocurre es que en el botón del SUBMIT, además de enviar el formulario incluyas unas segunda instrucción como esta: simpleCart.emailCheckout();
EliminarEso hará que se ejecute el pago por PayPal.
Este comentario ha sido eliminado por el autor.
ResponderEliminarGracias por contestar tan rapido.
ResponderEliminarDonde tendria que poner la instruccion, a que lugar del Html, me refiero.
Tambien tendria que ocultar el boton PayPal me imagino.
Por ultimo, me podrias recomendar un formulario al cual le pueda poner un boton, porque entiendo que tengo que esconder el de PayPal y hacer visible el del formulario, no?
Espero sepas perdonar mi ignorancia, llevo muy poco con la informatica,los nuevos parados llenamos los foros de preguntas.
Un saludo.
Pues sí. No te puedo detallar mucho aquí, pero como me hablaste con tanta soltura de formularios, pensaba que los controlabas.
EliminarTienes que hacer un formulario pues eso es lo que quieres y ese código se pone dentro del código que forma el botón. Normalmente vendrá una instrucción (JavaScript, no HTML) para enviar el formulario y detrás es dónde debes añadir lo que te dije. Una instrucción haría una cosa y la otra pues eso, la otra.
Y evidentemente, si quieres hacer eso tendrás que ocultar el botón de Paypal para que no paguen sin pasar por el formulario.
Gracias Oloman.
ResponderEliminarTe hable de lo que voy aprendiendo Googleando, pero no se nada, jajajaja. Eso si, te aseguro que si me pongo a algo lo termino, esto no es como cuando yo era pequeño, habia menos informacion, aqui esta todo al alcance de la mano.
Voy a intentar lo que me dices, a ver si encuentro tambien la instruccion para ocultar el boton.
Un saludo.
Hola Oloman.
ResponderEliminarMe podrias señalar donde tengo que poner la orden.
Te pongo un enlace a una imagen, no me deja pegar el codigo.
http://s2.subirimagenes.com/imagen/previo/thump_7980243oloman-blog.png
Va a ser que con eso no lo vas a poder hacer. Tiene pinta de ser un formulario generado por algún servicio y para hacer lo que quieres tendrías que crear el formulario tú mismo/a con HTML.
EliminarSe me ocurre una chapucilla. Supongo que ese servicio te permite redirigir al usuario a la página que tú quieras tras enviar el formulario. Pues la cosa sería crear una página con el botón de PayPal y un texto diciendo algo así como "Para finalizar el proceso realice el pago accediendo a PayPal". Ya sé que no es lo mismo, pero el resultado sí que lo será.
Por cierto, menos mal que tengo buena vista, porque la letra de la captura era bien pequeña ;)
Gracias por contestar Oloman.
EliminarInvestigando creo que di con otra solucion, pero la tengo que pulir, si no funciona probare la tuya, que me parece buena.
Si! Oloman, la letra de la captura me salio pequeña, ya sabes que no es esto lo mio,pero siempre tendremos "Control +"
Tienes un seguidor mas.
Un saludo.
hola,
ResponderEliminarhe intentado pasar a euros esta plantilla, pero al pasar a paypal vuelve a euros :
http://servicios-eeconsultores.blogspot.com/
alguna solucion?
vuelve a dolares perdon
ResponderEliminarActualmente veo tanto el carro como el volcado de datos a PayPal en Euros, Eduardo.
Eliminar