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%:	$ 27.00
IVA 15%:	$ 4.05
SERVICIO:	$ 0.00
PROPINA:	$ 0.00
_______________	_______________
TOTAL:	$ 31.05

DATOS DE SEGUIMIENTO

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

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": 3105,
    "amountWithoutTax": 0,
    "amountWithTax": 2700,
    "tax": 405,
    "service": 0,
    "tip": 0,
    "currency": "USD",
    "clientTransactionId": "BR260307-1016-1128",
    "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": "UNSC Infinity",
            "address2": "Espacio",
            "country": "EC",
            "state": "Manabí",
            "locality": "Manta",
            "firstName": "Master",
            "lastName": "Chief",
            "phoneNumber": "+593981234567",
            "email": "mchief@halo.com",
            "postalCode": "EC200101",
            "customerId": 11,
            "ipAddress": "127.0.0.1"
        },
        "lineItems": [
            {
                "productName": "Resident Evil 4 REMAKE",
                "unitPrice": 500,
                "quantity": 1,
                "totalAmount": 575,
                "taxAmount": 75,
                "productSKU": "3342.0004",
                "productDescription": "Videojuego de Playstation 5"
            },
            {
                "productName": "Xbox Series X",
                "unitPrice": 1100,
                "quantity": 2,
                "totalAmount": 2530,
                "taxAmount": 330,
                "productSKU": "4342.0084",
                "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": "imUwXBPYUmov9q2dEDp4w",
    "payWithPayPhone": "https:\/\/pay.payphonetodoesposible.com\/PayPhone\/Index?paymentId=imUwXBPYUmov9q2dEDp4w&lang=es",
    "payWithCard": "https:\/\/pay.payphonetodoesposible.com\/Anonymous\/Index?paymentId=imUwXBPYUmov9q2dEDp4w&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