¿Cómo configurar WooCommerce Apple Pay en su sitio de comercio electrónico?

Publicado: 2022-02-13

Tus pasarelas de pago impactan directamente en la decisión de compra de los clientes. Cuantos más métodos de pago se ofrezcan, más ventas se realizarán. En un mundo ideal, elegiría una opción que sea lo más simple posible para que la usen sus visitantes. Como resultado, eliminará los obstáculos entre su empresa y las ventas potenciales. La marca Apple es cada vez más popular debido a su alta calidad y seguridad. La integración de su tienda en línea le traerá potencialmente más beneficios. Para aprovechar al máximo esta tendencia, debe agregar una pasarela de pago Apple Pay a su tienda WooCommerce. Es por eso que, en este artículo, le presentaremos los antecedentes del pago de Apple Pay y le mostraremos cómo configurar el método de pago WooCommerce Apple Pay en su sitio de comercio electrónico.

Tabla de contenido
[Mostrar ocultar]
  1. ¿Qué es Apple Pay?
  2. ¿Qué requiere Apple Pay?
  3. ¿Cómo configurar una opción de pago de WooCommerce Apple Pay?
    1. Paso 1: Configurar Stripe para WooCommerce
      1. #1: Instale y active el complemento Stripe para WooCommerce
      2. #2: Habilitar Stripe en WooCommerce
      3. #3: crea una cuenta de Stripe
      4. #4: Obtener claves API de Stripe
      5. #5: Vincular Stripe usando las claves API
    2. Paso 2: habilite los pagos de Apple Pay dentro de Stripe
      1. #1: Activar un botón WooCommerce Apple Pay
      2. #2: Solución de problemas de los botones WooCommerce Apple Pay
    3. Paso 3: Prueba si Apple Pay está funcionando
  4. Pensamientos finales,

¿Qué es Apple Pay?

Apple Pay, una billetera digital y sistema de pago móvil, agrega otro método para que recibas pagos de tu tienda en línea. El sistema Apple Pay, al igual que otras pasarelas de pago móvil y aplicaciones de envío de dinero (como Venmo, Amazon Pay y Google Pay), brinda una forma más simple y conveniente para que los clientes paguen, lo que permite compras seguras directamente desde sus dispositivos.

woocommerce-apple-pay-1

En resumen, Apple Pay funciona de manera similar a una tarjeta de crédito, excepto que la información de pago se guarda dentro del dispositivo del usuario (generalmente un teléfono) para que no tengan que sacar su tarjeta de crédito para pagos en persona o en línea.

Los usuarios de Apple Pay conectan sus tarjetas de débito y crédito y las guardan en la aplicación Wallet de su iPhone. Los pagos se pueden procesar en segundos si una tienda en línea o física acepta Apple Pay.

Como resultado, Apple Pay es otro método para que sus clientes le paguen, por lo que es fundamental que proporcione esa funcionalidad en su sitio web, ya sea que tenga una tienda WooCommerce importante o una tienda afiliada.

¿Qué requiere Apple Pay?

Para aquellos que quieran elegir el método de pago Apple Pay en su tienda WooCommerce, deben:

  • Usa el navegador Safari
  • Use un dispositivo Apple (por ejemplo, iPhone, iPad, MacBook)
  • Tener Apple Pay habilitado en su dispositivo

Para ustedes, propietarios de tiendas que deseen aceptar el método de pago Apple Pay en su tienda, deben agregar los siguientes elementos además de un sitio de WordPress:

  • El complemento WooCommerce para que su sitio se convierta en una tienda de comercio electrónico.
  • El complemento Stripe for WooCommerce para agregar un método de pago.
  • Una cuenta de Stripe.

¿Cómo configurar una opción de pago de WooCommerce Apple Pay?

En este tutorial, nos aseguraremos de que tenga el complemento WooCommerce en su sitio de WordPress. Por lo tanto, para aceptar el pago de Apple Pay, puede comenzar con los pasos a continuación.

Paso 1: Configurar Stripe para WooCommerce

Hay muchos complementos compatibles con Apple Pay, como los complementos de pago para Stripe WooCommerce, Authorize.net, CyberSource, Moneris y Square. En este artículo, le mostraré cómo configurar el pago de Apple Pay en su tienda usando Stripe para WooCommerce porque ofrece paquetes razonables y un proceso de configuración intuitivo.

#1: Instale y active el complemento Stripe para WooCommerce

Desde el panel de WordPress, haga clic en Complementos > Agregar nuevo , busque el complemento Stripe para WooCommerce.

woocommerce-apple-pay-2

Luego, presione Instalar ahora> Activar

woocommerce-apple-pay-3
woocommerce-apple-pay-4

#2: Habilitar Stripe en WooCommerce

En su tablero de WordPress, haga clic en WooCommerce > Configuración > Pago .

woocommerce-apple-pay-6

Desplácese hasta la parte inferior de la página para encontrar la opción de pago con tarjetas de crédito Stripe. Puede notar algunos otros campos con Stripe en el título, pero ignórelos por ahora; primero debe habilitar la funcionalidad básica de Stripe Credit Cards.

Encienda el interruptor Tarjetas de crédito de Stripe . Luego, según el botón que le aparezca, haga clic en Configurar o Administrar.

woocommerce-apple-pay-7

#3: crea una cuenta de Stripe

Si aún no tiene una cuenta de Stripe, ahora debe crear una cuenta de Stripe. Para hacer esto, necesita una cuenta comercial para obtener sus claves API de Stripe.

woocommerce-apple-pay-8

Todo lo que necesita hacer es completar toda la información requerida, incluido el nombre de su empresa y la información de la cuenta bancaria, en el sitio web de la empresa.

#4: Obtener claves API de Stripe

En esta etapa, debe obtener las claves de su cuenta de Stripe. En el panel de control de Stripe, haga clic en Desarrolladores > Claves de API .

woocommerce-apple-pay-9

Luego, podrá ver sus claves publicables y secretas. Copie estos valores.

woocommerce-apple-pay-10

Después de eso, pegue estos valores en la sección de credenciales de la API. Guardar cambios .

A continuación, desde el panel de control de Stripe, haga clic en agregar punto final , copie el punto final del webhook en WooCommerce y pegue este valor en la URL del punto final en Stripe.

woocommerce-apple-pay-12

Finalmente, copie el secreto del webhook en Stripe y pegue este valor en WooCommerce.

woocommerce-apple-pay-13

Luego, recuerda hacer clic en Guardar cambios para actualizar todo en WooCommerce.

#5: Vincular Stripe usando las claves API

Vaya a la sección Configuración de la API en la nueva página.

woocommerce-apple-pay-14

Si está listo para aceptar pagos, cambie el Modo a En vivo . Si no, permanezca en modo de prueba .

En el campo Conectar cuenta de Stripe , haga clic en el botón Hacer clic para conectar . Esto lo lleva a una nueva página donde puede iniciar sesión en su cuenta de Stripe y conectarla a WordPress.

WordPress ahora lo lleva a la página de conexión de terceros, que muestra su cuenta de Stripe si ha iniciado sesión. Como resultado, si Stripe le solicita que lo haga, debe iniciar sesión en su cuenta.

Una vez que haya iniciado sesión, seleccione la cuenta de Stripe que desea vincular a su tienda WooCommerce.

Haga clic en el botón Conectar .

woocommerce-apple-pay-15

Ahora debería ver una marca de verificación verde y un mensaje que indica que su cuenta de Stripe se ha conectado correctamente.

Esto genera una clave publicable y una clave secreta, que luego se agregan a los campos apropiados en el tablero de WordPress.

Nota: La sección API de Stripe también muestra las claves correspondientes. Esto es importante porque puede obtener las claves desde el panel de control de Stripe si lo necesita. Si el proceso automatizado falla, también es un buen lugar para volver a generar claves.

woocommerce-apple-pay-16

Desplácese hacia abajo en la página Pagos de WooCommerce para hacer clic en el botón Guardar cambios .

Esto garantiza que sus claves de Stripe se almacenen en WordPress y estén listas para el procesamiento de pagos.

woocommerce-apple-pay-17

Paso 2: habilite los pagos de Apple Pay dentro de Stripe

#1: Activar un botón WooCommerce Apple Pay

Actualmente, la integración de Stripe con su sitio de WordPress permite el procesamiento de tarjetas de crédito cuando un cliente completa el proceso de pago de la tienda.

Y si bien este es un paso necesario para agregar el botón Apple Pay, aún quedan algunos pasos más por completar.

woocommerce-apple-pay-18

Ahora, debe asegurarse de que realmente posee este dominio. Normalmente, debe cargar un documento de verificación en una sección de los archivos de su sitio web alojado (debe ser un archivo de asociación de dominio de desarrollador de Apple ).

woocommerce-apple-pay-15

Sin embargo, casi nunca tienes que hacer esto manualmente. Simplemente vaya a la sección Apple Pay y haga clic en el botón Registrar dominio .

woocommerce-apple-pay-16

Después de eso, debería ver un mensaje que indica que el dominio se registró correctamente.

Ve al panel de control de Stripe y haz clic en Configuración > Métodos de pago > Apple Pay para asegurarte de que todo funcione correctamente.

woocommerce-apple-pay-17

Su nombre de dominio debería aparecer en la lista de dominios web.

woocommerce-apple-pay-18

Una vez verificado el nombre de dominio (ya sea de forma automática o manual), puedes comprobar si la pasarela de pago de Apple Pay funciona correctamente.

Cuando un cliente accede a su sitio web a través de un dispositivo móvil con su cuenta de Apple Pay configurada, ahora verá el botón Comprar con Apple Pay en la página del producto o en la página de pago.

woocommerce-apple-pay-19

#2: Solución de problemas de los botones WooCommerce Apple Pay

Si recibe errores o cree que el proceso se realizó sin problemas, pero aún no ve un botón de Apple Pay en su sitio, busque los siguientes problemas comunes para resolver su problema:

  • El usuario no está utilizando un dispositivo móvil habilitado para Apple Pay. Apple Pay solo se puede usar en un teléfono si el usuario tiene una cuenta de Apple Pay. Por lo tanto, recomendamos vincular una tarjeta de crédito a su aplicación Apple Pay en un iPhone para probar y ver cómo funciona el botón en su propio sitio.
  • El sitio aún no está activo: las claves de API para los sitios de prueba y activos se generan por separado. El botón Apple Pay no aparecerá si está en modo de prueba de Stripe, a pesar de que Stripe simula transacciones. Tienes que estar despierto.
  • Stripe bloquea la funcionalidad de pago (especialmente Apple Pay) si no tiene un certificado SSL y un "https://" (no un http://) antes del dominio. Para habilitar o instalar SSL, puede elegir cualquier SSL de diferentes opciones, como un certificado Sectigo Wildcard SSL (para múltiples subdominios) para detalles de pago y otra seguridad de datos en línea.
  • El complemento Stripe for WooCommerce no pudo generar las claves API de Stripe automáticamente. Aunque el complemento Stripe for WooCommerce generalmente funciona, es posible que deba procesarlas manualmente en la sección API de Stripe.
  • El complemento no puede confirmar la propiedad: si este es el caso, cargue un archivo de verificación en su sitio web siguiendo las instrucciones proporcionadas en el mensaje de error.

Paso 3: Prueba si Apple Pay está funcionando

Cuando haya terminado, debe verificar nuevamente la opción de pago Apple Pay para ver si funciona perfectamente en su tienda WooCommerce y en los dispositivos de los clientes. Para obtener los mejores resultados, debe:

  • Abra el navegador Safari tanto en el teléfono inteligente como en la computadora.
  • Visite su sitio web y coloque uno de sus productos en su carrito de compras.
  • Debería poder pagar con Apple Pay. ¿Apple Pay no aparece en su dispositivo?
  • Vaya a la página de pago.

Si este proceso es sencillo, puede creer que también funcionará bien en los dispositivos de sus clientes. De lo contrario, verifique todos los pasos nuevamente y corrija los pasos incorrectos hasta que obtenga los resultados esperados.

Pensamientos finales,

WooCommerce Apple Pay ciertamente lo beneficia a usted, al propietario de la tienda y a los clientes con seguridad, más opciones de pago y una mejor experiencia de usuario.

Agregar WooCommerce Apple Pay a su sitio web es una decisión inteligente. Este proceso parece fácil para los usuarios experimentados de WooCommerce, sin embargo, puede resultar complicado para los principiantes. Espero que este artículo le haya ayudado a configurar con éxito la pasarela de pago Apple Pay para su tienda WooCommerce. Si le resulta tan difícil comenzar, debe contratar a un desarrollador para que lo ayude a procesarlo.