Agregar módulos al widget
Elija y configure los módulos de pago necesarios para el recorrido de su cliente.
En esta página
DEUNA ofrece una serie de módulos que puedes incorporar para optimizar la experiencia de compra.
Cada módulo resuelve una necesidad específica dentro del flujo de pago y puede activarse o desactivarse según los requisitos de su negocio.
DEUNA ofrece un control flexible y dinámico sobre cada módulo.
Cada módulo incluye diferentes funcionalidades. Decide qué módulos usar para tu widget y personalízalos.
Módulo de inicio de sesión#
El módulo de inicio de sesión se utiliza para reconocer a sus compradores después de su primera compra.
Con el registro podrás brindarles a tus clientes una experiencia de compra más rápida gracias a la verificación mediante OTP (contraseña de un solo uso).
Una vez que el usuario verifica, no necesita agregar sus datos nuevamente, ya que quedan guardados para futuras compras.
| Submódulo | Descripción |
|---|---|
| Patrón de inicio de sesión | Experiencia de autenticación clásica que permite a los usuarios iniciar sesión ingresando manualmente su correo electrónico. |
| Iniciar sesión con pedido Patrón de correo electrónico | Experiencia de autenticación basada en el correo electrónico incluido en el pedido tokenizado, con acceso a las tarjetas almacenadas. |
Módulo de contraseña de un solo uso#
Permite autenticar a los compradores enviando un código OTP (contraseña de un solo uso) a su correo electrónico o teléfono. Esto permite recuperar información de compras anteriores y reduce la fricción en el proceso de pago.
Módulo de dirección#
Facilita la recogida de direcciones de envío mediante entrada manual o geolocalización.
Disponible solo para el producto de pago completo.
En una segunda compra, los usuarios no tendrán que volver a ingresar su dirección.
| Submódulo | Descripción |
|---|---|
| DirecciónMapaConPatrón De Resumen | Permite a los usuarios agregar su dirección actual o ingresarla manualmente, aprovechando la funcionalidad del mapa. |
Módulo de datos personales#
Recoge la información personal del comprador necesaria para procesar el pedido.
El módulo de datos personales obtiene los datos personales de tus clientes e incrementa las transacciones.
| Submódulo | Descripción |
|---|---|
| Patrón de información de usuario | Formulario de datos personales clásico con reglas personalizables. |
| Patrón de resumen de información de usuario | Resumen del formulario en UserInfoPattern. |
Módulo de dirección de facturación#
Permite mostrar u ocultar campos de facturación según las necesidades del negocio. Puede presentarse en la pantalla de pago principal o como una vista secundaria.
En el código, esta configuración se controla a través del BillingPattern property.
Vistas disponibles
Puedes presentar el módulo de facturación de dos formas diferentes:
- Vista principal
- Vista independiente
Vista principal
Muestra un máximo de cuatro campos si decides incluir la facturación directamente en la misma pantalla principal de pago, para no afectar la experiencia del usuario.
- Si el pedido ya contiene información de facturación precargada, se muestra un resumen en lugar de campos editables.
- Si no hay datos disponibles, entonces se solicitan los campos definidos antes de continuar con el proceso de pago.
Vista independiente
El usuario accede a esta vista a través de un botón. Por ejemplo, "Agregar información de facturación".
Si hacen clic en Pagar sin completar la información requerida, el sistema muestra un mensaje de error en línea en el componente de facturación.
Personalización de campos
Elija qué campos de facturación mostrar y en qué orden.
Esto permite adaptar el formulario a las necesidades regulatorias o de experiencia de usuario de cada país o vertical.
Estos son los campos disponibles en orden predeterminado:
- nombre
- apellido
- Correo electrónico
- País
- Estado / Departamento / Municipio
- Ciudad
- Dirección
- código postal
- Número de teléfono
- Número de documento de identidad
Variaciones de campos y textos por país
Personalice los nombres y el comportamiento de los campos para que la experiencia siga siendo clara y familiar para sus usuarios.
La siguiente tabla muestra cómo algunos campos cambian según el país:
| Campo | Estados Unidos (EE.UU.) | México (MX) | Costa Rica (CR) | Guatemala (GT) | El Salvador (SV) | Colombia (CO) | Ecuador (CE) |
|---|---|---|---|---|---|---|---|
| nombre | nombre | nombre | nombre | nombre | nombre | nombre | nombre |
| apellido | apellido | Apellido | Apellido | Apellido | Apellido | Apellido | Apellido |
| Dirección | dirección postal | dirección | dirección | dirección | dirección | dirección | dirección |
| País | País | País | País | País | País | País | País |
| Estado | Estado | Estado | Provincia | Departamento | Departamento | Departamento | Provincia |
| Ciudad | Ciudad | Ciudad/Municipio | Cantón/Distrito | municipio | municipio | Ciudad/Municipio | ciudad |
| Código postal | código postal | Código Postal (CP) | N/A | N/A | N/D* | Código postal | Código postal |
| Correo electrónico | Correo electrónico | correo electronico | correo electronico | correo electronico | correo electronico | correo electronico | correo electronico |
| Número de teléfono | Número de teléfono | Teléfono | Teléfono | Teléfono | Teléfono | Teléfono/Celular | Teléfono/Celular |
Módulo de métodos de pago#
Este módulo es el componente principal de DEUNA y constituye el núcleo de todos los productos DEUNA.
Su función es orquestar la lógica de pago, las integraciones antifraude y las configuraciones de aceptación de manera centralizada y eficiente.
Este módulo permite Conexiones a métodos de pago con una única integración.
Solicitud de documento de identidad
Habilitar la recogida del documento de identidad del pagador durante el ingreso de datos de la tarjeta. Esto es útil en países donde las regulaciones locales lo requieren o cuando se busca implementar controles adicionales de seguridad y prevención de fraude.
| País | Nombre del documento | Abreviatura |
|---|---|---|
| colombia | Cédula de Ciudadanía | CC |
| colombia | Número de Identificación Tributaria | NIT |
| colombia | Cédula de Extranjería | CE |
| colombia | Tarjeta de Identidad | TI |
| colombia | Registro Civil | RC |
| colombia | Pasaporte | PP |
| brasil | Cadastro de Personas Físicas | CPF |
| brasil | Cadastro Nacional de la Persona Jurídica | CNPJ |
| brasil | Pasaporte | PP |
| México | Registro Federal de Contribuyentes | RFC |
| México | Clave Única de Registro de Población | CURP |
| México | Pasaporte | PP |
| Argentina | Documento Nacional de Identidad | DNI |
| Argentina | Clave Única de Identificación Tributaria | CUIT |
| Argentina | Código Único de Identificación Laboral | CUIL |
| Argentina | Pasaporte | PP |
| Chile | Rol Único Tributario | RUT |
| Chile | Pasaporte | PP |
| Ecuador | Cédula de Ciudadanía | CC |
| Ecuador | Registro Único de Contribuyentes | RUC |
| Ecuador | Pasaporte | PP |
| España | Documento Nacional de Identidad | DNI |
| España | Número de Identificación Fiscal | NIF |
| España | Número de Identidad de Extranjero | NIE |
| España | Certificado de Identificación Fiscal | CIF |
| España | Pasaporte | PP |
| Perú | Documento Nacional de Identidad | DNI |
| Uruguay | Cédula de Identidad | CI |
| Venezuela | Cédula de Identidad | CI |
| Costa Rica | Cédula de Identidad | CI |
| Honduras | Documento Nacional de Identificación | DNI |
Casilla de verificación para guardar tarjeta
Para los usuarios que compran como invitados, puede agregar una casilla de verificación para que decidan si desean guardar su tarjeta. Por defecto, esta opción no se muestra y las tarjetas se guardan automáticamente, lo que mejora la conversión en futuras compras.
Casilla de verificación de tarjeta predeterminada
Puedes habilitar una casilla de verificación adicional para que el usuario defina si desea marcar la tarjeta como predeterminada para futuras compras.
Esta opción no está visible por defecto, pero se puede activar según tus necesidades.
botón de pago#
Permite colocar el botón de pago fuera del widget, ofreciendo mayor flexibilidad en el diseño del checkout.
Módulo de detalles del pedido#
Mostrar u ocultar el carrito de compras dentro del proceso de pago.
El carrito incluye un resumen lateral con el detalle de productos agregados, desglose de pago y total a pagar.
Aporta transparencia al proceso y mejora la experiencia de compra, permitiendo a los usuarios revisar su pedido antes de pagar.
Define si mostrar o no los detalles del pedido, así como ajustar los siguientes elementos:
- Mostrar/ocultar:
- Subtotal
- Impuestos
- Gastos de envío
- Detalles del producto
- Imágenes del producto:
- Sin imagen
- Imagen predeterminada
- Imagen pequeña
- Imagen grande
gracias pagina#
Pantalla final de un flujo de pago. Muestra información de confirmación como:
- Número de pedido
- Resumen de compra
- Instrucciones posteriores a la compra
Otros módulos#
Estos módulos complementan la experiencia y están disponibles solo para el producto de pago completo:
- Cupones: Permite aplicar códigos promocionales.
- Donaciones: Habilita la opción de donación.
- Beneficios: Muestra descuentos u ofertas aplicables.
- Consejos: Permite agregar propinas al momento del pago.
