Apple Pay ofrece una experiencia de pago simplificada que permite finalizar compras sin introducir manualmente los datos de la tarjeta. El cliente puede autorizar el pago utilizando Face ID, Touch ID o el código de acceso de su dispositivo.
Con la integración de Apple Pay y Neopayment, los comercios pueden ofrecer una alternativa de pago digital diseñada para reducir la fricción durante el checkout y mejorar la experiencia de compra.
¿Qué es Apple Pay?
Apple Pay es una billetera digital que permite realizar pagos utilizando tarjetas de crédito o débito previamente agregadas a Apple Wallet.
Los clientes pueden utilizar Apple Pay para pagar en sitios web y aplicaciones compatibles desde dispositivos Apple. Dependiendo del navegador y del dispositivo utilizado, Apple Pay también puede permitir completar la compra escaneando un código con un iPhone compatible.
Durante una transacción, el comercio no recibe el número real de la tarjeta del cliente. En su lugar, Apple Pay utiliza información tokenizada y un código único para autorizar cada pago.
Beneficios de aceptar Apple Pay
La opción de página de pago alojada es la forma más sencilla de implementar Apple Pay, ya que Neopayment se encarga de todos los detalles de la integración.
- Checkout más rápido: Los clientes pueden completar el pago sin escribir manualmente el número de tarjeta, la fecha de vencimiento y otros datos financieros.
- Mayor seguridad: Cada pago debe ser autorizado mediante Face ID, Touch ID o el código de acceso del dispositivo.
- Protección de los datos de la tarjeta: Apple Pay no comparte con el comercio el número real de la tarjeta utilizada durante la transacción.
Menor fricción durante la compra: Una experiencia de pago más sencilla puede ayudar a reducir el abandono durante el proceso de checkout.
- Experiencia adaptada a dispositivos Apple: Los clientes pueden pagar utilizando las tarjetas que ya tienen configuradas en Apple Wallet.
Uso de marcas, botones y logotipos
Al incorporar Apple Pay en un sitio web o aplicación, se deben respetar las directrices oficiales de Apple.
- Utiliza únicamente los botones y recursos gráficos oficiales de Apple Pay.
- No recrees manualmente el logotipo de Apple Pay.
- No modifiques las proporciones, colores o apariencia de los recursos oficiales.
- No agregues sombras, animaciones, reflejos u otros efectos al logotipo.
- No utilices el logotipo de Apple como sustituto de la palabra “Apple”.
- Mantén el espacio libre requerido alrededor del botón y del distintivo de Apple Pay.
- Utiliza el distintivo de Apple Pay únicamente para comunicar que este método de pago está disponible.
- No utilices el distintivo de Apple Pay como botón de pago.
- Muestra el botón únicamente cuando Apple Pay esté disponible para el dispositivo y el navegador del cliente.
- Incluye una política de privacidad visible en el sitio web.
El botón oficial debe utilizarse para iniciar la transacción. Apple ofrece diferentes tipos de botones según la acción, como comprar, pagar, donar, reservar o suscribirse.
Implementación oficial del botón
Para iniciar una transacción debe utilizarse el botón oficial de Apple Pay.
<!-- Example of proper Apple Pay button implementation -->
<apple-pay-button buttonstyle="black" type="pay" locale="es"> </apple-pay-button>
La variante, el idioma y el estilo deben seleccionarse de acuerdo con las directrices de Apple y con el contexto del checkout. No debe utilizarse una imagen estática, un botón recreado manualmente o una versión modificada del logotipo como sustituto del botón oficial.
Opciones de Integración
Neopayment puede ofrecer dos modalidades para integrar Apple Pay.
Integración en página de pago alojada:
La opción más sencilla con una configuración mínima, donde Neopayment se encarga de mostrar el botón de Apple Pay y procesar la transacción.
Integración mediante API de servidor a servidor:
Opción avanzada que proporciona mayor control sobre la experiencia de pago, requiriendo la implementación directa de la API de Apple Pay.
La siguiente tabla compara estos métodos de integración:
Característica | Página de pago alojada | Integración mediante API Servidor a Servidor |
|---|---|---|
Complejidad de la implementación | Baja | Alta |
Alojamiento del checkout | Neopayment | Comercio |
Implementación del botón | Gestionada por Neopayment | Gestionada por el comercio |
Control visual | Limitado | Mayor control |
Configuración técnica de Apple Pay | Reducida | Requerida |
Merchant ID | Según configuración de Neopayment | Requerido |
Integración de página de pago alojada
La página de pago alojada es la opción más sencilla para habilitar Apple Pay. En esta modalidad, Neopayment administra la interfaz del checkout y muestra el botón de Apple Pay cuando el dispositivo, navegador y configuración del cliente sean compatibles.
Pasos de integración
- Solicita la activación de Apple Pay: Contáctanos para solicitar la habilitación del método de pago en tu comercio.
- Implementa el flujo de página de pago estándar: Utiliza la integración estándar de la página de pago de Neopayment. Debes solicitar la documentación de integración al personal de Neopayment asignado para tu proyecto.
- Configura las URL de respuesta: Define las direcciones a las que el cliente será enviado después de completar o cancelar el pago.
Realiza las pruebas: Verifica el comportamiento del botón, la autorización del cliente y la respuesta final de la transacción.
Solicita el paso a producción: Una vez aprobadas las pruebas, realiza la activación en el ambiente de producción.
Flujo de pago
- El cliente inicia una compra en el sitio web del comercio.
- El servidor del comercio crea la orden mediante la API de Neopayment.
- El cliente es dirigido a la página de pago alojada.
- Neopayment verifica la disponibilidad de Apple Pay.
- El botón aparece cuando el cliente utiliza un dispositivo y navegador compatibles.
- El cliente selecciona Apple Pay.
- El cliente revisa la información del pago.
- El cliente autoriza la compra mediante Face ID, Touch ID o su código de acceso.
- Neopayment procesa la transacción.
- El cliente regresa al sitio web del comercio.
- El comercio recibe el resultado mediante la respuesta de la API o un webhook.
Integración de API de servidor a servidor
La integración mediante API proporciona mayor control sobre el checkout, pero requiere una configuración técnica más avanzada. El comercio será responsable de mostrar correctamente el botón, crear la sesión de Apple Pay, validar el comercio, recibir el token y enviarlo de forma segura a Neopayment.
Requisitos previos
- Una cuenta activa del Apple Developer Program.
- Un Merchant ID de Apple Pay.
- Un Payment Processing Certificate.
- Un Merchant Identity Certificate, cuando corresponda.
- Un dominio registrado y validado.
- Un sitio web servido completamente mediante HTTPS.
- Acceso a las credenciales de integración de Neopayment.
- Un servidor capaz de comunicarse de forma segura con Apple y Neopayment.
- Una política de privacidad disponible públicamente.
- Cumplimiento de las directrices de uso aceptable de Apple Pay.
Configuración del Merchant ID
El Merchant ID identifica al comercio que acepta pagos mediante Apple Pay.
Ejemplo: merchant.com.empresa.nombre
El identificador debe crearse desde la cuenta de Apple Developer y asociarse con los certificados utilizados para procesar los pagos.
Un mismo Merchant ID puede utilizarse en diferentes aplicaciones o dominios, según la arquitectura y configuración aprobada.
Configuración de certificados
Apple Pay utiliza certificados para proteger la comunicación y el procesamiento de los pagos.
Payment Processing Certificate
Se utiliza para cifrar la información de pago asociada al Merchant ID. Este certificado debe mantenerse vigente y renovarse antes de su vencimiento.
Merchant Identity Certificate
Se utiliza para autenticar la comunicación entre el servidor del comercio y los servidores de Apple durante la validación de la sesión de pago en Internet.
Las claves privadas vinculadas a los certificados deben almacenarse de forma segura y nunca incluirse directamente en el código fuente o en repositorios públicos.
Registro y validación del dominio
Cada dominio que utilice Apple Pay debe registrarse y validarse desde Apple Developer.
El proceso normalmente requiere:
- Registrar el dominio asociado al checkout.
- Descargar el archivo de validación proporcionado por Apple.
- Publicarlo en la ruta indicada dentro del dominio.
- Verificar que el archivo sea accesible mediante HTTPS.
- Completar la validación desde Apple Developer.
Ruta de validación habitual:
https://tudominio.com/.well-known/apple-developer-merchantid-domain-associationEl archivo debe mantenerse disponible en la ruta definida para evitar problemas durante futuras verificaciones.
Verificar la disponibilidad de Apple Pay
Antes de mostrar el botón, la aplicación debe comprobar si Apple Pay está disponible para el dispositivo y navegador del cliente.
if ( window.ApplePaySession && ApplePaySession.canMakePayments() ) {
document .getElementById('apple-pay-container') .classList.remove('hidden');
}
La verificación evita mostrar el botón en dispositivos o navegadores que no pueden utilizar Apple Pay. También puede realizarse una comprobación adicional para determinar si el cliente tiene una tarjeta compatible configurada en Apple Wallet.
Crear la solicitud de pago
La solicitud debe incluir los datos de la compra, la moneda, el país del comercio y las redes de tarjetas admitidas.
const paymentRequest = { countryCode: 'PA', currencyCode: 'USD', supportedNetworks: [ 'visa', 'masterCard' ], merchantCapabilities: [ 'supports3DS' ], total: { label: 'Nombre del comercio', amount: '25.00' } };
Apple Pay y 3D Secure
Apple Pay utiliza credenciales tokenizadas y mecanismos criptográficos para autorizar las transacciones.
La información del pago puede incluir datos que permiten al procesador identificar que la transacción fue autenticada desde Apple Pay.
El comportamiento final de 3D Secure dependerá de:
- La tarjeta utilizada.
- El banco emisor.
- La red de la tarjeta.
- El país de la transacción.
- La configuración del adquirente.
- El procesador utilizado por Neopayment.
- Las reglas de riesgo aplicables.
Neopayment deberá confirmar si el comercio necesita realizar alguna acción adicional o si el manejo de la autenticación se realiza automáticamente.
Probando su integración
Antes de habilitar Apple Pay en producción, se debe probar completamente el flujo de pago.
Aspectos que deben validarse
- El botón aparece únicamente en dispositivos compatibles.
- El botón utiliza el diseño oficial.
- La validación del dominio funciona correctamente.
- La sesión del comercio se genera sin errores.
- El cliente puede abrir la hoja de pago.
- El token llega correctamente al servidor.
- Neopayment recibe el token.
- Los pagos aprobados se registran correctamente.
- Los pagos rechazados muestran un mensaje adecuado.
- Los webhooks actualizan el estado de la orden.
- Los reintentos no generan cobros duplicados.
- Las credenciales de prueba no se utilizan en producción.
Recursos adicionales
- Documentación de Apple Pay para desarrolladores.
- Apple Pay on the Web.
- Directrices de interfaz de Apple Pay.
- Directrices de marketing de Apple Pay.
- Lineamientos de uso aceptable.
- Configuración de Apple Pay en Apple Developer.
- Documentación técnica proporcionada por Neopayment.
Simplificamos tus cobros desde el primer día. Elige la solución ideal para tu negocio y empieza a recibir pagos sin complicaciones.
NUESTRAS SOLUCIONES
Otros Medios de Cobro
Nuestros medios de cobro integran todo en un solo ecosistema digital, para que cada transacción sea una oportunidad, no un riesgo.
Formulario de Pago Personalizado
Captura segura de datos de tarjeta con marca blanca y estilos propios.
Reembolsos y Reversos
Gestione reembolsos y reversos en segundos, con total control y validación antifraude.