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%:	$ 12.00
IVA 15%:	$ 1.80
SERVICIO:	$ 0.00
PROPINA:	$ 0.00
_______________	_______________
TOTAL:	$ 13.80

DATOS DE SEGUIMIENTO

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

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": 1380,
    "amountWithoutTax": 0,
    "amountWithTax": 1200,
    "tax": 180,
    "service": 0,
    "tip": 0,
    "currency": "USD",
    "clientTransactionId": "BR260307-0843-3189",
    "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": "Kaer Morhen",
            "address2": "Novigrad",
            "country": "EC",
            "state": "Azuay",
            "locality": "Cuenca",
            "firstName": "Gerald",
            "lastName": "de Rivia",
            "phoneNumber": "+593984112233",
            "email": "grivia@thewitcher.com",
            "postalCode": "EC090108",
            "customerId": 1,
            "ipAddress": "127.0.0.1"
        },
        "lineItems": [
            {
                "productName": "Resident Evil 4 REMAKE",
                "unitPrice": 400,
                "quantity": 2,
                "totalAmount": 920,
                "taxAmount": 120,
                "productSKU": "3342.0004",
                "productDescription": "Videojuego de Playstation 5"
            },
            {
                "productName": "The Legend of Zelda",
                "unitPrice": 200,
                "quantity": 2,
                "totalAmount": 460,
                "taxAmount": 60,
                "productSKU": "5342.0044",
                "productDescription": "Videojuego de Nintendo Switch"
            }
        ]
    },
    "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": "IwKiIn6WRkSU15S3Y2ilA",
    "payWithPayPhone": "https:\/\/pay.payphonetodoesposible.com\/PayPhone\/Index?paymentId=IwKiIn6WRkSU15S3Y2ilA&lang=es",
    "payWithCard": "https:\/\/pay.payphonetodoesposible.com\/Anonymous\/Index?paymentId=IwKiIn6WRkSU15S3Y2ilA&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