---
updatedAt: 2025-09-25T12:37:55.000Z
agentTools:
  projectIndex: https://docs.deuna.com/llms.txt
---

# iOS SDK

Los SDK Web de DEUNA brindan funciones diseñadas para mejorar tus capacidades de procesamiento de pagos y brindar una experiencia de pago perfecta para tus clientes.

El SDK de iOS de DEUNA está diseñado para simplificar la integración de la funcionalidad de procesamiento de pagos en sus aplicaciones de iOS. Los desarrolladores pueden implementar funciones de manera más eficiente, lo que reduce la necesidad de un amplio conocimiento de los protocolos y la infraestructura de pago.

## Requerimientos

Antes de integrar el Web SDK, asegúrate de tener:

1. Cuenta activa en DEUNA
2. Credenciales válidas de DEUNA

> 📘 Si tienes alguna demora en obtener tus credenciales, comunicate con [support@deuna.com](support@deuna.com).

## Inizializa el iOS SDK

Comienza tu integración inicializando el iOS SDK en tu aplicación:

<HTMLBlock>{`
<style>
  .custom-container {
    display: flex; 
    justify-content: space-between; 
    column-gap: 3%;
  }
  .custom-item {
    height: 68px;
    width: 100%; 
    background-color: #f6f7fa;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    padding: 10px;
    text-decoration: none !important;
  }
  .custom-icon {
    color: #FF5500;
    height: 25px;
    width: 25px;
    margin-bottom: 1px;
  }
  .break {
    flex-basis: 100%;
    height: 0;
  }
  .custom-icon-name {
    color: #FF5500; 
    font-weight: 600;
  }
</style>
<div class="custom-container">
  <a class="custom-item" href="/docs/primeros-pasos-instalacion-ios-sdk">
      <div class="break"></div>
      <p class="custom-icon-name">First steps for iOS SDK</p>
  </a>
</div>
`}</HTMLBlock>

## Opciones de componente

Selecciona una de las opciones de componente para el SDK iOS:

<HTMLBlock>{`
<style>
  .custom-container {
    display: flex; 
    justify-content: space-between; 
    column-gap: 3%;
  }
  .custom-item {
    height: 68px;
    width: 100%; 
    background-color: #f6f7fa;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    padding: 10px;
    text-decoration: none !important;
  }
  .custom-icon {
    color: #FF5500;
    height: 25px;
    width: 25px;
    margin-bottom: 1px;
  }
  .break {
    flex-basis: 100%;
    height: 0;
  }
  .custom-icon-name {
    color: #FF5500; 
    font-weight: 600;
  }
</style>
<div class="custom-container">
  <a class="custom-item" href="/docs/integracion-payment-widget-ios">
      <div class="break"></div>
      <p class="custom-icon-name">Payment Widget iOS</p>
  </a>
  <a class="custom-item" href="/docs/integracion-checkout-widget-para-ios">
      <div class="break"></div>
      <p class="custom-icon-name">Checkout Widget iOS</p>
  </a>
  <a class="custom-item" href="/docs/integracion-vault-widget-ios">
      <div class="break"></div>
      <p class="custom-icon-name">Payment Vault iOS</p>
  </a>
</div>
`}</HTMLBlock>

## Personaliza tu integración

Personaliza tu integración iOS:

<HTMLBlock>{`
<style>
  .custom-container {
    display: flex; 
    justify-content: space-between; 
    column-gap: 3%;
  }
  .custom-item {
    height: 68px;
    width: 100%; 
    background-color: #f6f7fa;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    padding: 10px;
    text-decoration: none !important;
  }
  .custom-icon {
    color: #FF5500;
    height: 25px;
    width: 25px;
    margin-bottom: 1px;
  }
  .break {
    flex-basis: 100%;
    height: 0;
  }
  .custom-icon-name {
    color: #FF5500; 
    font-weight: 600;
  }
</style>
<div class="custom-container">
  <a class="custom-item" href="/docs/next-action-widget">
      <div class="break"></div>
      <p class="custom-icon-name">Next Action 3DS Widget</p>
  </a>
<a class="custom-item" href="/docs/reference-payment">
      <div class="break"></div>
      <p class="custom-icon-name">Reference payment</p>
  </a>
</div>
`}</HTMLBlock>

## Revisa la demo

Si tienes dudas o necesitas ver una implementación práctica, revisa el proyecto de ejemplo proporcionado por DEUNA.

Este proyecto ayuda  a entender la integración del SDK en tu aplicación iOS.

<HTMLBlock>{`
<style>
  .custom-container {
    display: flex; 
    justify-content: space-between; 
    column-gap: 3%;
  }
  .custom-item {
    height: 68px;
    width: 100%; 
    background-color: #f6f7fa;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    padding: 10px;
    text-decoration: none !important;
  }
  .custom-icon {
    color: #FF5500;
    height: 25px;
    width: 25px;
    margin-bottom: 1px;
  }
  .break {
    flex-basis: 100%;
    height: 0;
  }
  .custom-icon-name {
    color: #FF5500; 
    font-weight: 600;
  }
</style>
<div class="custom-container">
  <a class="custom-item" href="/docs/ejemplo-integracion-sdk-ios">
      <div class="break"></div>
      <p class="custom-icon-name">iOS Demo</p>
  </a>
</div>
`}</HTMLBlock>

<br />

<HTMLBlock>{`
<div style="width: 100%; display: flex;justify-content: center;">
  <a href="http://www.deuna.com">
    <img src="https://files.readme.io/aa0149d720aa2063f9d746cb8e255287824a61f3d78ebcc40f1348cc75b34a7d-DOC-Footer.png" style="width:1600px;"  />
  </a>
</div>
`}</HTMLBlock>