website logo
Consola de Desarrolladores
Navigate through spaces
Mobbex {DEV}
⌘K
💪 PRIMEROS PASOS
Primeros Pasos
Novedades
🔥Integración Embebida
🕹️ MÓDULOS
💸Checkout
🔗Link de Pago
🔁Suscripciones/Recurrencia
Métodos de Pago y Cuotas
🎁Fidelización
📜Códigos de Barra y QR
💾Wallet - Tokenización de Tarjetas y Cuentas Bancarias
✂️Marketplace y Split de pagos
🛒ECOMMERCE Y LIBRERIAS
E-Commerce
Cliente Desktop (CLI)
Marketplace
INFORMACION GENERAL
Tabla de Países
Cod. de Provincias Argentinas
📨Webhooks
💳Tarjetas de Prueba
💱Conversión de Monedas
SUSCRIPCIONES Y LIBRERIAS
Suscripciones
WooCommerce Suscriptions
MOBBEX AVANZADO
Mobbex.JS
🎨Personalización de la UI de Pago
Operatoria en 2 pasos
🔌 SDK
NodeJS
PHP
Windows
OPERACIONES
Consulta de Operaciones
Devoluciones
Códigos de Estado
Códigos de Estado por Estado de Orden
CONNECT
Dev Connect
📱Aplicaciones Móviles
Docs powered by archbee 
12min

Métodos de Pago y Cuotas

Listados de Medios de Pago

GET
Params
Query Parameters
total
required
String
Importe total de la operación sobre el cual se calcularan las distintas modalidades de cuotas en cada medio de pago.
sources[]
optional
Array
Permite filtrar los medios de pago a listar
installments[]
optional
Array
Permite filtrar cuotas
intent
optional
String
Tipo de operatoria de la operación. Ver documentación sobre operatoria en 2 pasos.
context
optional
String
Contexto del Pago. Por defecto Checkout. Ver más en: https://mobbex.dev/consulta-de-operaciones#al-tipos-de-contextos
Header Parameters
x-api-key
required
String
Api key de su aplicación creada en el Portal de Desarrolladores de Mobbex.
x-access-token
required
String
Token de acceso a su entidad.


Formato de Respuesta en cada solicitud

  • result: Resultado de la operación
  • data: Array de datos de la operación.

Data

  • source: Posee los datos del medio de pago: nombre y referencia
  • view: Posee el tipo de Medio de Pago
  • installments: Nodo Opcional y sólo disponible en métodos de pago que poseen Cuotas. Array de Cuotas. Si el método posee cuotas encontrará un nodo "list"

Installments -> List

  • count: Cantidad real de Cuotas, es el divisor del monto total
  • name: Nombre del sistema de cuotas
  • description: Descripción opcional del sistema de cuotas.
  • totals: Nodo donde se indican los recargos, descuentos y cuotas
JSON
|



GET
Params
Query Parameters
rule
required
String
Tipo de Regla que se desea obtener. Valores posibles: "externalMatch"
Header Parameters
x-api-key
required
String
Clave API de su aplicación.
x-access-token
required
String
Token de Acceso a la entidad para la cual desea realizar la operación.




Imágenes de Métodos de Pago

Los métodos de pago posee un nodo llamado "reference" que identifica los métodos de pago en Mobbex. Para obtener las imágenes se debe utilizar este nodo.



GET
Params
Query Parameters
reference
required
String
Referencia del método de pago obtenida desde la API del Listado.
format
required
String
El formato de la imagen. Sólo admite png o jpg




Implementación en un Sitio via Javascript

Ejemplo: https://github.com/mobbexco/ejemplos/tree/main/sources

Uso

Para poder utilizar hay que simplemente insertar en el html:

HTML
|

Al final del body insertar el archivo sources.js o su contenido. Ejemplo:

HTML
|

Obtener y mostrar las tarjetas utilizando la función mobbexSources.

  • En el caso de utilizar el código de acceso generado por la consola de Mobbex, se pasan como argumentos el código y el total:
  • En caso de utilizar el cuit, se pasan como argumentos el código del país (country), el código tributario (tax_id) y el total:

Personalización

Para que los logos sean circulares, simplemente se le agrega al div la clase mbbx-rounded:

HTML
|

Para personalizar los logos y sus tamaños, se modifica el estilo de la clase mbbx-source con css.

Ejemplo

En index.html se encuentra un ejemplo con logos redondeados y un tamaño definido de 500px

Updated 08 Aug 2022
Did this page help you?
Yes
No
UP NEXT
Fidelización
Docs powered by archbee 
Listar medios de pago con API-Keys