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%:	$ 0.00
SUBTOTAL 15%:	$ 18.00
IVA 15%:	$ 2.70
SERVICIO:	$ 0.00
PROPINA:	$ 0.00
_______________	_______________
TOTAL:	$ 20.70

DATOS DE SEGUIMIENTO

Identificador único (clientTransactionId): BR260307-0843-3198

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": 2070,
    "amountWithoutTax": 0,
    "amountWithTax": 1800,
    "tax": 270,
    "service": 0,
    "tip": 0,
    "currency": "USD",
    "clientTransactionId": "BR260307-0843-3198",
    "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": "Monte Olimpo",
            "address2": "Grecia",
            "country": "EC",
            "state": "Cotopaxi",
            "locality": "Latacunga",
            "firstName": "Kratos",
            "lastName": "Sparta",
            "phoneNumber": "+593980112233",
            "email": "kratos@olympus.com",
            "postalCode": "EC400101",
            "customerId": 14,
            "ipAddress": "127.0.0.1"
        },
        "lineItems": [
            {
                "productName": "Resident Evil 4 REMAKE",
                "unitPrice": 300,
                "quantity": 1,
                "totalAmount": 345,
                "taxAmount": 45,
                "productSKU": "3342.0004",
                "productDescription": "Videojuego de Playstation 5"
            },
            {
                "productName": "Nintendo Switch Deluxe",
                "unitPrice": 1500,
                "quantity": 1,
                "totalAmount": 1725,
                "taxAmount": 225,
                "productSKU": "5342.0064",
                "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": "oulF351O7UyUjgfGQOGi4w",
    "payWithPayPhone": "https:\/\/pay.payphonetodoesposible.com\/PayPhone\/Index?paymentId=oulF351O7UyUjgfGQOGi4w&lang=es",
    "payWithCard": "https:\/\/pay.payphonetodoesposible.com\/Anonymous\/Index?paymentId=oulF351O7UyUjgfGQOGi4w&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