Aceptar un pago
Acepta pagos en línea de forma segura.
Crea un formulario de pago o usa una página del proceso de compra prediseñada para comenzar a aceptar pagos en línea.

Utiliza la clase PaymentSheet para integrar la interfaz de usuario de pago prediseñada de Stripe al proceso de compra de tu aplicación de iOS. Consulta nuestro ejemplo de integración en GitHub.
Configurar StripeLado del servidorLado del cliente
Primero, necesitas una cuenta de Stripe. Regístrate ahora.
Lado del servidor
Esta integración necesita puntos de conexión de tu servidor que se comuniquen con la API de Stripe. Usa nuestras bibliotecas oficiales para acceder a la API de Stripe desde tu servidor:
Lado del cliente
El SDK para iOS de Stripe es de código abierto, está plenamente documentado y es compatible con aplicaciones que admiten iOS 13 o posterior.
Nota
Para obtener más información sobre la versión más reciente y sobre versiones anteriores del SDK, consulta la página Versiones en GitHub. Para recibir notificaciones cuando se publica una nueva versión, consulta las versiones del repositorio.
Habilitar los métodos de pago
Visualiza tu configuración de métodos de pago y habilita los que quieras aceptar. Se necesita al menos un método de pago habilitado para crear un PaymentIntent.
De forma predeterminada, Stripe habilita tarjetas y otros métodos de pago habituales que pueden ayudarte a llegar a más clientes, pero te recomendamos activar otros métodos de pago que sean relevantes para tu empresa y tus clientes. Consulta Compatibilidad con métodos de pago para obtener información sobre productos y métodos de pago y nuestra página de tarifas para conocer las comisiones.
Añadir un punto de conexiónLado del servidor
Nota
Para mostrar la PaymentSheet antes de crear un PaymentIntent, consulta Recolectar datos de pago antes de crear un Intent.
Esta integración usa tres objetos de la API de Stripe:
PaymentIntent: Stripe usa este dato para representar tu intención de cobrarle a un cliente y hacer el seguimiento de los intentos de cobro y de los cambios en el estado del pago a lo largo del proceso.
(Opcional) Customer: para configurar un método de pago para pagos futuros, debes vincularlo a un Customer. Crea el objeto Customer cuando tu cliente cree una cuenta en tu empresa. Si tu cliente hace un pago como invitado, puedes crear el objeto Customer antes del pago y asociarlo más tarde con tu propia representación interna de la cuenta del cliente.
(Opcional) Clave efímera del cliente: la información que contiene el objeto Customer es confidencial y no puede recuperarse directamente desde una aplicación. La clave efímera otorga al SDK acceso temporal al objeto Customer.
Nota
Si nunca guardas tarjetas en un objeto Customer y no permites que los clientes que vuelven reutilicen las tarjetas guardadas, puedes omitir los objetos Customer y Customer Ephemeral Key en tu integración.
Por motivos de seguridad, tu aplicación no puede crear estos objetos. En su lugar, añade un punto de conexión en tu servidor que:
- Recupere el objeto Customer o cree uno nuevo.
- Cree una clave efímera para el objeto Customer.
- Crea un PaymentIntent con el importe, la divisa y el cliente. También puedes incluir opcionalmente el parámetro
automatic_
. Stripe habilita sus funciones de forma predeterminada en la última versión de la API.payment_ methods - Devuelve a tu aplicación el secreto de cliente del Payment Intent, el
secret
de la clave efímera, el id del Customer y tu clave publicable.
Los métodos de pago que se muestran a los clientes durante el proceso de compra también se incluyen en el PaymentIntent. Puedes permitir que Stripe extraiga automáticamente los métodos de pago de la configuración de tu Dashboard o puedes enumerarlos de forma manual. Independientemente de la opción que elijas, debes saber que la divisa especificada en el PaymentIntent filtra los métodos de pago que se muestran al cliente. Por ejemplo, si especificas eur
en el PaymentIntent y tienes habilitado OXXO en el Dashboard, OXXO no se mostrará al cliente porque no acepta pagos en eur
.
A menos que tu integración requiera una opción basada en código para ofrecer métodos de pago, Stripe recomienda usar la opción automatizada. Esto se debe a que Stripe evalúa la divisa, las restricciones en cuanto a los métodos de pago y otros parámetros para determinar la lista de métodos de pago aceptados. Se da prioridad a los métodos de pago que aumentan la conversión y guardan mayor relación con la divisa y la ubicación del cliente.
Recopilar datos de pagoLado del cliente
Para mostrar el Mobile Payment Element en la pantalla del proceso de compra, asegúrate de lo siguiente:
- Muestra los productos que compra el cliente junto con el importe total.
- Usa el Address Element para recolectar la información de envío necesaria del cliente
- Añade un botón de finalización de compra para mostrar la interfaz de usuario de Stripe
Si el PaymentSheetResult
es .
, comunícaselo al usuario (por ejemplo, mostrándole una pantalla de confirmación del pedido).
Establecer allowsDelayedPaymentMethods
en true permite utilizar métodos de pago de notificación diferida como cuentas bancarias de EE. UU. Para estos métodos de pago, el estado final del pago no se conoce cuando se completa la PaymentSheet
, sino que se efectúa correctamente o con errores más tarde. Si aceptas este tipo de métodos de pago, infórmale al cliente de que su pedido está confirmado y solo complétalo (por ejemplo, envía el producto) cuando el pago se haya realizado correctamente.
Configurar una URL de retornoLado del cliente
Es posible que el cliente salga de tu aplicación para autenticarse (por ejemplo, en Safari o en su aplicación bancaria). Para permitirles volver automáticamente a tu aplicación después de la autenticación, configura un esquema de URL personalizado y configura el delegado de la aplicación para que envíe la URL al SDK. Stripe no admite enlaces universales.
Además, establece la returnURL en tu objeto PaymentSheet.Configuration en la URL de tu aplicación.
var configuration = PaymentSheet.Configuration() configuration.returnURL = "your-app://stripe-redirect"
Administrar eventos posteriores al pagoLado del servidor
Stripe envía un evento payment_intent.succeeded cuando se efectiviza el pago. Usa la herramienta webhook del Dashboard o sigue las indicaciones de la guía de webhooks para recibir estos eventos y acciones de ejecución, como enviar a tu cliente un correo electrónico de confirmación del pedido, registrar la venta en una base de datos o iniciar el flujo de trabajo de los envíos.
Escucha estos eventos en lugar de esperar una devolución de llamada del cliente. Por su parte, el cliente puede cerrar la ventana del navegador o salir de la aplicación antes de que se ejecute la devolución de llamada. Si configuras tu integración para escuchar eventos asincrónicos, podrás aceptar diferentes tipos de métodos de pago con una sola integración.
Además de administrar el evento payment_
, recomendamos administrar estos otros eventos si se cobran pagos con el Payment Element:
Evento | Descripción | Acción |
---|---|---|
payment_intent.succeeded | Se envía cuando un cliente completa correctamente un pago. | Envía al cliente una confirmación del pedido y completa el pedido. |
payment_intent.processing | Se envía cuando el cliente inicia el pago correctamente, pero este aún no se ha efectivizado. En la mayoría de los casos, este evento se envía cuando el cliente inicia un adeudo bancario. Más adelante, le seguirá el evento payment_ o payment_ . | Envía al cliente una confirmación del pedido que indique que su pago está pendiente. Para los productos digitales, es posible que desees completar el pedido antes de esperar a que se efectivice el pago. |
payment_intent.payment_failed | Se envía cuando el cliente intenta realizar un pago, pero este falla. | Si un pago pasa de processing a payment_ , ofrécele al cliente otro intento de pago. |
Probar la integración
Consulta Pruebas para obtener información adicional para probar tu integración.
OpcionalHabilita Link
Activa Link en tu configuración de método de pago para permitir que tus clientes guarden y reutilicen de forma segura su información de pago mediante el botón de proceso de compra rápida con un solo clic de Link.
Pasa el correo electrónico de tu cliente al Payment Element móvil
Link autentica a un cliente utilizando su dirección de correo electrónico. Stripe recomienda completar previamente la mayor cantidad de información posible para optimizar el proceso de compra.
Para completar previamente el nombre, la dirección de correo electrónico y el número de teléfono del cliente, proporciona a defaultBillingDetails
la información de tu cliente después de inicializar PaymentSheet.
.
var configuration = PaymentSheet.Configuration() configuration.defaultBillingDetails.name = "Jenny Rosen" configuration.defaultBillingDetails.email = "jenny.rosen@example.com" configuration.defaultBillingDetails.phone = "888-888-8888"
OpcionalHabilitar Apple Pay
Nota
Si la pantalla de tu proceso de compra tiene un botón de Apple Pay exclusivo, sigue la Guía de Apple Pay y utiliza ApplePayContext
para cobrar el pago desde ese botón. Puedes usar PaymentSheet
para gestionar otros tipos de métodos de pago.
Regístrate para obtener un ID de comerciante de Apple
Obtén un ID de comerciante Apple registrándote para obtener un nuevo identificador en el sitio web de Apple para desarrolladores.
Rellena el formulario incluyendo una descripción y el identificador. La descripción es solo para ti y podrás modificarla después. Stripe te recomienda que uses como identificador el nombre de tu aplicación (por ejemplo, merchant.
).
Crear un nuevo certificado de Apple Pay
Crea un certificado para que tu aplicación cifre los datos de pago.
Ve a Configuración de certificados de iOS en el Dashboard, haz clic en Añadir aplicación nueva y sigue las indicaciones.
Descarga un archivo de petición de firma de certificado (CSR) para obtener un certificado seguro de Apple que te permita utilizar Apple Pay.
Se debe usar un archivo CSR para emitir un certificado de manera exacta. Si cambias tu ID de comerciante de Apple, debes ir a la Configuración de certificados de iOS en el Dashboard para obtener un CSR y un certificado nuevos.
Integrar con Xcode
Añade la funcionalidad Apple Pay a tu aplicación. En Xcode, abre la configuración del proyecto, selecciona la pestaña Firma y funcionalidades y añade la funcionalidad Apple Pay. Aquí, es posible que se te pida que inicies sesión en tu cuenta de desarrollador. Selecciona el ID de comerciante que creaste antes, y tu aplicación estará lista para aceptar Apple Pay.

Habilita la funcionalidad Apple Pay en Xcode
Añadir Apple Pay
Seguimiento de pedidos
Para añadir información de seguimiento de pedidos en iOS 16 o versiones posteriores, configura un authorizationResultHandler en tu PaymentSheet.
. Stripe llama a tu implementación después de que se haya efectivizado el pago, pero antes de que iOS descarte la hoja de Apple Pay.
En la implementación de authorizationResultHandler
, obtén los detalles del pedido del servidor para el pedido completado. Añade los detalles al PKPaymentAuthorizationResult proporcionado y llama al controlador de finalización proporcionado.
Para obtener más información sobre el seguimiento de pedidos, consulta Documentación de Apple sobre los pedidos por monedero.
let customHandlers = PaymentSheet.ApplePayConfiguration.Handlers( authorizationResultHandler: { result, completion in // Fetch the order details from your service MyAPIClient.shared.fetchOrderDetails(orderID: orderID) { myOrderDetails result.orderDetails = PKPaymentOrderDetails( orderTypeIdentifier: myOrderDetails.orderTypeIdentifier, // "com.myapp.order" orderIdentifier: myOrderDetails.orderIdentifier, // "ABC123-AAAA-1111" webServiceURL: myOrderDetails.webServiceURL, // "https://my-backend.example.com/apple-order-tracking-backend" authenticationToken: myOrderDetails.authenticationToken) // "abc123" // Call the completion block on the main queue with your modified PKPaymentAuthorizationResult completion(result) } } ) var configuration = PaymentSheet.Configuration() configuration.applePay = .init(merchantId: "merchant.com.your_app_name", merchantCountryCode: "US", customHandlers: customHandlers)
OpcionalHabilitar escaneo de tarjetas
Para habilitar el soporte para el escáner de tarjetas, establece la NSCameraUsageDescription
(Privacidad - Descripción del uso de la cámara) en la Info.plist de tu aplicación, y proporciona un motivo para acceder a la cámara (por ejemplo, “Escanear tarjetas”). Los dispositivos con iOS 13 o superior pueden escanear tarjetas.
OpcionalHabilitar pagos ACH
Para habilitar los pagos con adeudo ACH, debes incluir StripeFinancialConnections
como dependencia a tu aplicación.
El SDK para iOS de Stripe es de código abierto, está plenamente documentado y es compatible con aplicaciones que admiten iOS 13 o posterior.
Nota
Para obtener más información sobre la versión más reciente y sobre versiones anteriores del SDK, consulta la página Versiones en GitHub. Para recibir notificaciones cuando se publica una nueva versión, consulta las versiones del repositorio.
OpcionalPersonalizar la hoja
Todo lo que se quieras personalizar se configura mediante el objeto PaymentSheet.Configuration.
Aspecto
Personaliza los colores y las fuentes, entre otros elementos, para que coincidan con el aspecto de tu aplicación mediante la API Appearance.
Diseño del método de pago
Configura el diseño de los métodos de pago en la hoja usando paymentMethodLayout. Puedes mostrarlos horizontalmente, verticalmente o dejar que Stripe optimice el diseño automáticamente.

var configuration = PaymentSheet.Configuration() configuration.paymentMethodLayout = .automatic
Recopilar direcciones de usuarios
Recolecta las direcciones de envío o facturación locales e internacionales de tus clientes usando el Address Element.
Nombre con el que aparecerá el comerciante
Configura merchantDisplayName para especificar el nombre de empresa que quieres que vea el cliente. De forma predeterminada, este es el nombre de tu aplicación.
var configuration = PaymentSheet.Configuration() configuration.merchantDisplayName = "My app, Inc."
Modo oscuro
PaymentSheet
se adapta automáticamente a la configuración de aspecto de todo el sistema del usuario (modo claro y modo oscuro). Si tu aplicación no acepta el modo oscuro, puedes establecer el estilo en modo alwaysLight
o alwaysDark
.
var configuration = PaymentSheet.Configuration() configuration.style = .alwaysLight
Datos de facturación predeterminados
Para establecer los valores predeterminados para los datos de facturación recopilados en la hoja de pago, configura la propiedad defaultBillingDetails
. Los campos de la PaymentSheet
se rellenan automáticamente con los valores que proporcionas.
var configuration = PaymentSheet.Configuration() configuration.defaultBillingDetails.address.country = "US" configuration.defaultBillingDetails.email = "foo@bar.com"
Recopilación de los datos de facturación
Utiliza billingDetailsCollectionConfiguration
para especificar cómo deseas recopilar los detalles de facturación en la hoja de pago.
Puedes recopilar el nombre, el correo electrónico, el número de teléfono y la dirección del cliente.
Si solo quieres los datos de facturación requeridos por el método de pago, establece billingDetailsCollectionConfiguration.
como verdadero. En ese caso, los PaymentSheet.
se establecen como los detalles de facturación del método de pago.
Si quieres recolectar detalles de facturación adicionales que no son necesariamente requeridos por el método de pago, establece billingDetailsCollectionConfiguration.
como falso. En ese caso, los detalles de facturación recolectados a través de la PaymentSheet
se establecen como los detalles de facturación del método de pago.
var configuration = PaymentSheet.Configuration() configuration.defaultBillingDetails.email = "foo@bar.com" configuration.billingDetailsCollectionConfiguration.name = .always configuration.billingDetailsCollectionConfiguration.email = .never configuration.billingDetailsCollectionConfiguration.address = .full configuration.billingDetailsCollectionConfiguration.attachDefaultsToPaymentMethod = true
Nota
Consulta a tu asesor legal sobre las leyes que se aplican a la recopilación de información. Recopila los números de teléfono solo si los necesitas para la transacción.
OpcionalGestiona el cierre de sesión de usuarios
PaymentSheet
almacena cierta información localmente para recordar si un usuario ha utilizado Link dentro de una aplicación. Para borrar el estado interno de PaymentSheet
, llama al método PaymentSheet.
cuando tu usuario cierra sesión.
import UIKit import StripePaymentSheet class MyViewController: UIViewController { @objc func didTapLogoutButton() { PaymentSheet.resetCustomer() // Other logout logic required by your app } }
OpcionalEfectiviza el pago en tu interfaz de usuario
Puedes presentar la hoja de pago para recopilar solo los datos del método de pago y después llamar al método confirm
para completar el pago en la interfaz de usuario de tu aplicación. Esto resulta útil si tienes un botón de compra personalizado o solicitas pasos adicionales después de que se recopilen los datos de pago.

Efectiviza el pago en la interfaz de usuario de tu aplicación
Establecer allowsDelayedPaymentMethods
en true permite utilizar métodos de pago de notificación diferida como cuentas bancarias de EE. UU. Para estos métodos de pago, el estado final del pago no se conoce cuando se completa la PaymentSheet
, sino que se efectúa correctamente o con errores más tarde. Si aceptas este tipo de métodos de pago, infórmale al cliente de que su pedido está confirmado y solo complétalo (por ejemplo, envía el producto) cuando el pago se haya realizado correctamente.
OpcionalHabilitar la recopilación de CVC en la confirmación
Las siguientes instrucciones para volver a recolectar el CVC de una tarjeta guardada durante la confirmación del PaymentIntent suponen que tu integración incluye lo siguiente:
- Crear PaymentIntents antes de recolectar los datos de pago
Actualizar parámetros de la creación de la intención
Para volver a recolectar el CVC al confirmar el pago, incluye require_
durante la creación del PaymentIntent.