Cuéntame tu Proyecto: 881 914 641

Pagos con Apple Pay y Google Pay en WooCommerce

En el post de hoy te quiero contar una nueva funcionalidad que nos trae Stripe a WooCommerce y es la de hacer pedidos en 1 click gracias a las tecnologías de Google Pay y Apple Pay.

Te preguntar√°s: “¬Ņen qu√© consisten los pedidos en 1 click ?”. Pues bien, con ellos los clientes de nuestra tienda online no tendr√°n que rellenar sus datos de facturaci√≥n ni de pago, ya que WooCommerce los coger√° de su cuenta de Google Pay o Apple Pay en cada caso.

¬ŅNo es incre√≠ble ? Pues bien, de esto es de lo que te voy a hablar hoy en este post. Estate muy atento porque, en cuanto termines de leer este post, t√ļ s√≥lo¬†podr√°s integrarlo hoy mismo en tu tienda online para aumentar las conversiones ūüėČ

¬°Por fin! Pedidos en 1 Click en WooCommerce

Creo que esta novedad que te traigo hoy va a revolucionar el mercado de las pasarelas de pago en tiendas online y viene de la mano de Stripe.com, una pasarela de pagos de la que ya te hablé anteriormente en otro post sobre cómo configurar Stripe en WooCommerce.

Hoy lo que voy a hacer es ense√Īarte c√≥mo funciona Apple Pay y Google Pay en una tienda que tengo de pruebas, pero debes saber que esto es parte de la constante innovaci√≥n de la pasarela de pagos Stripe.

Stripe ha sacado una nueva funcionalidad en WooCommerce que se llama¬†Stripe Request Button. Se trata de¬†un bot√≥n que se a√Īade al carrito de tu tienda online para facilitar el proceso de compra y hacer pedidos en 1 click.

¬ŅQuieres probar t√ļ mismo esta funcionalidad ? Haz click aqu√≠ y vete a la DEMO de Stripe Request Button ūüėõ Si abres la tienda con Google Chrome ver√°s Google Pay y si la abres con Safari desde el iPhone o Mac, ver√°s Apple Pay.

¡Ojo! Si no te aparece nada en Chrome es porque no tienes introducidas las tarjetas de crédito en la función autocompletar del navegador y si no te aparece nada en Safari es porque no tienes configurado Apple Pay.

Qué es y Cómo Funciona Apple Pay

Apple Pay desde Safari en Mac

Apple Pay es la plataforma de pagos de Apple a la cual puedes tener asociada una tarjeta de crédito de tu banco para pagar con el móvil en cualquier establecimiento que tenga TPV con ContactLess.

Apple Pay cada vez está teniendo más implantación online y ya son muchas las tiendas que integran este método de pago porque, como ves, acelera mucho el proceso de compra. 

Si te fijas en las im√°genes, el cliente de la tienda online no tiene que rellenar ning√ļn dato al hacer un pedido, simplemente hace click en el bot√≥n de Apple Pay y realiza el pedido. Esto ser√° posible siempre que use Mac o iPhone y tenga Apple Pay configurado.

Apple Pay en el iPhone

Como puedes observar, tanto en iPhone como en Mac, el proceso de compra es increíblemente rápido. El cliente solo tendrá que tocar el botón de confirmar pago y listo, ya estará realizado el pedido en tu tienda online. ¡Así de fácil!

Qué es y Cómo Funciona Google Pay

Google Pay en Google Chrome

Pero si pensabas que esta funcionalidad de pedidos en 1 click s√≥lo iba a estar disponible para gente de Apple, estabas equivocado ;). Y es que Stripe tambi√©n ha a√Īadido compatibilidad con Google Pay, as√≠ que podr√°s ofrecer esta funcionalidad a la mayor√≠a de tus clientes.

Google Pay est√° integrado en el navegador Google Chrome que es el que utiliza la mayor√≠a de gente en Espa√Īa.

Por lo tanto, si la persona que va a comprar tiene las tarjetas y direcciones guardadas en el autocompletar de Google Chrome ya podr√° utilizar este sistema. A continuaci√≥n veremos c√≥mo configurar estos 2 m√©todos de pago es realmente sencillo ūüėČ

Configurando los Pedidos en 1 Click

Para configurar la funcionalidad de pedidos en 1 click en WooCommerce, lo primero que debes hacer es registrarte en Stripe.com ya que es la pasarela de pagos que ha publicado esta novedad.

Instalar Stripe

Como he dicho, el primer paso es registrarse en Stripe.com y después deberás instalar el plugin de Stripe para WooCommerce en tu página web.

Para ello, puedes echar mano de un tutorial que prepar√© anteriormente, y en el cual te ense√Īo paso a paso a configurar Stripe en WooCommerce. No lo dudes, te animo a que leas este videotutorial.

Enlace | Videotutorial configurando Stripe en WooCommerce

Configurando Stripe Request Button

Una vez tengas instalado Stripe, para dotar de esta funcionalidad a tu tienda online debes activar el Stripe Request Button a través de la opción de Botones de petición de pago con la cual se activará Apple Pay y Google Pay.

Cuando actives esa opción se te desplegarán 3 opciones más que paso a detallarte a continuación:

  1. Tipo de botón de petición de pago: En esta opción tendrás tres posibilidades: por Defecto te situará un botón de Pagar Ahora; otra opción es la de Comprar con la cual activarás un botón con el texto Comprar o bien podrás elegir la opción de Donar que te activará un botón con el texto Donar.
  2. Tema del bot√≥n de petici√≥n de pago:¬†En esta opci√≥n podr√°s elegir el dise√Īo del bot√≥n. Tienes 3 opciones: el oscuro que aparece en las capturas de este post, que es violeta, otro con fondo banco y un √ļltimo que tambi√©n es blanco pero con borde gris.
  3. Altura del botón de petición de pago: Con esta opción podrás elegir la altura del botón de petición de pago para darle mayor importancia si así lo deseas en tu tienda online.

Debes saber que una vez activada esa opci√≥n Google Pay ya funcionar√° autom√°ticamente, sin que tengas que hacer nada, pero para Apple Pay tendr√°s que hacer un paso m√°s que te detallo a continuaci√≥n ūüėČ

Cómo Configurar Apple Pay en Stripe

Para que Apple Pay funcione correctamente con tu tienda online de WooCommerce deberás configurarlo en Stripe haciendo unos simples pasos que te detallo a continuación.

Lo que debes hacer para configurar Apple Pay en Stripe y empezar a permitir a tus clientes usar este método de pago es lo siguiente:

  1. Entrar en Stripe.com e ir a Payments>Apple Pay
  2. Darle a Add new domain y escribir tu dominio en el lugar que indico en el paso 1
  3. Luego debes descargar el archivo de verificación que te indica.
  4. Y por √ļltimo debes subirlo a la carpeta /.well-known de tu hosting, que suele estar dentro de la carpeta /public_html. Si no tienes este directorio en tu hosting no pasa nada, debes crear una carpeta llamanda¬†.well-known¬†y si, debe llevar un punto delante del nombre. Ver imagen:

Quitando el Request Button de la P√°gina de Producto

Es importante que conozcas que al activar el Stripe Request Button, adem√°s de a√Īadirse el bot√≥n en el carrito de compra se a√Īadir√° en la p√°gina individual de TODOS los productos de tu tienda.

Por lo tanto si quieres eliminarlo de la p√°gina individual de producto y dejarlo s√≥lo en el carrito deber√°s a√Īadir en el archivo functions.php de tu Child Theme el siguiente c√≥digo:

add_filter( 'wc_stripe_hide_payment_request_on_product_page', '__return_true' );

Vídeo | Pagos con Apple Pay y Google Pay en WooCommerce

Conclusión

Creo que, a través de este post,  te has dado cuenta del tremendo potencial de esta novedad que ha sacado Stripe, así que si todavía no utilizabas esta pasarela de pago te animo a instalar ya mismo para simplificar tu proceso de compra y, con ello, aumentar las ventas.

El proceso de instalación es muy sencillo, pero si tienes alguna duda, ya sabes, puedes ver el videotutorial del post o bien contactarme. Estaré encantado de echarte una mano en todo aquello que necesites.

As√≠ que ya sabes, si te ha parecido interesante esta novedad cu√©ntasela a tus amigos y ay√ļdame a llegar a m√°s gente, muchas gracias! ūüėČ

Nos vemos en el siguiente.

Pagos con Apple Pay y Google Pay en WooCommerce
5 (100%) 1 voto

Masterclass: Los 7 elementos que debe tener la plantilla perfecta para WooCommerce

Los datos de carácter personal que nos facilite mediante este formulario quedarán registrados en un fichero de David Randulfe Lage, con la finalidad de atender tu solicitud e informarte de las promociones de productos y/o servicios y actualizaciones del blog. La legitimación se realiza a través del consentimiento del interesado. Si no se acepta no podré atender su solicitud. Puedes consultar mi política de privacidad. Los datos que me facilites serán ubicados en los servidores de Active Campaing (mi proveedor de email marketing), adherida al acuerdo de Privacy Shield, y cuya política de privacidad puedes consultar. Puede ejercitar los derechos de acceso, rectificación, cancelación y oposición en info@davidrl.com.

La mejor plantilla para WooCommerce

Los 7 elementos que no pueden faltar en tu tienda online.

√ó

Carrito