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 😉

Contenidos del Artículo

¡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 Ahoraotra 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.