Ejemplo Técnico: Botón de Pago por Redirección

Fase 1: Preparación de la Transacción

Antes de iniciar la integración, asegúrate de preparar los datos de tu transacción:

MONTOS

SUBTOTAL 0%:	$ 92.00
SUBTOTAL 15%:	$ 4.00
IVA 15%:	$ 0.60
SERVICIO:	$ 0.00
PROPINA:	$ 0.00
_______________	_______________
TOTAL:	$ 96.60

DATOS DE SEGUIMIENTO

Identificador único (clientTransactionId): BR260307-1016-1410

Motivo de transacción (reference): Prueba Boton de Pago en https://payphone.website

URL de respuesta (urlResponse): https://payphone.website/api-payphone/API-CONFIRMACION/Confirmacion.php

⚠️ ¡Atención! Formato de Montos

Todos los campos de montos deben ser enviados como un número entero que representa el valor en centavos.

Fase 2: Solicitud API - Creación del Botón de Pagos :

Método: POST URL del Endpoint: https://pay.payphonetodoesposible.com/api/button/Prepare

HEADERS

Content-Type: application/json Authorization: bearer SU_TOKEN

BODY (JSON Enviado):

{
    "amount": 9660,
    "amountWithoutTax": 9200,
    "amountWithTax": 400,
    "tax": 60,
    "service": 0,
    "tip": 0,
    "currency": "USD",
    "clientTransactionId": "BR260307-1016-1410",
    "reference": "Prueba Boton de Pago en https:\/\/payphone.website",
    "storeId": "6af15523-2f35-4fae-b935-846167fd9c90",
    "responseUrl": "https:\/\/payphone.website\/api-payphone\/API-CONFIRMACION\/Confirmacion.php",
    "cancellationUrl": "https:\/\/payphone.website\/api-payphone\/API-CONFIRMACION\/Confirmacion.php",
    "order": {
        "billTo": {
            "address1": "Calle Luz",
            "address2": "Jackson",
            "country": "EC",
            "state": "Esmeraldas",
            "locality": "Esmeraldas",
            "firstName": "Ellie",
            "lastName": "Williams",
            "phoneNumber": "+593989912345",
            "email": "ellie@lastofus.com",
            "postalCode": "EC500101",
            "customerId": 15,
            "ipAddress": "127.0.0.1"
        },
        "lineItems": [
            {
                "productName": "Halo Infinite",
                "unitPrice": 200,
                "quantity": 2,
                "totalAmount": 460,
                "taxAmount": 60,
                "productSKU": "4342.0024",
                "productDescription": "Videojuego de Xbox Series X|S"
            },
            {
                "productName": "PlayStation 5 GOW Bundle",
                "unitPrice": 2300,
                "quantity": 4,
                "totalAmount": 9200,
                "taxAmount": 0,
                "productSKU": "3342.0074",
                "productDescription": "Consola de Videojuegos"
            }
        ]
    },
    "documentId": null,
    "phoneNumber": null,
    "email": null,
    "optionalParameter": null,
    "lat": null,
    "lng": null,
    "lang": "es",
    "transferTo": null
}

Fase 3: Redirección del Usuario

Respuesta Exitosa de la API de Payphone:

{
    "paymentId": "b0YMpdrhekmDpGBtvjMkUA",
    "payWithPayPhone": "https:\/\/pay.payphonetodoesposible.com\/PayPhone\/Index?paymentId=b0YMpdrhekmDpGBtvjMkUA&lang=es",
    "payWithCard": "https:\/\/pay.payphonetodoesposible.com\/Anonymous\/Index?paymentId=b0YMpdrhekmDpGBtvjMkUA&lang=es"
}

Interface para cliente:

Una vez que recibes la respuesta de la API, debes presentar al usuario las opciones de pago como botones que, al ser clickeados, redirijan al usuario a los formularios de pago de Payphone.

📚 Documentación Técnica: BOTÓN POR REDIRECCIÓN :

💡 ¿Necesitas más información sobre la integración del botón de pago?

Consulta la documentación oficial para conocer todos los detalles, parámetros disponibles, estructuras de respuesta y buenas prácticas:

Guía de Integración: Botón de Pago por Redirección

API

BOTON DE PAGOS