Listados de Medios de Pago

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

{
    "totals": {
        "currency": {
            "value": "ARS",
            "label": "Peso Argentino",
            "symbol": "$",
            "hidden": false
        },
        "installment": {
            "amount": 12500,
            "count": 1
        },
        "total": 12500,
        "financial": {
            "percentage": 0,
            "amount": 0
        }
    }
}





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.





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:

<div id="mbbx-sources"></div>

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

<script type="text/javascript" src="./sources.js"></script>

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:

<div id="mbbx-sources" class="mbbx-rounded"></div>

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