API Reference

Pop-up z kalkulatorem spłaty

Używany do przedstawienia zamówienia oraz kosztów związanych z metodą płatności PragmaPay.

Aby zaimplementować otworzenie kalkulatora:

  1. Należy wygenerować kod integracji PragmaPay w Strefie Partnera

  2. W tagu head strony należy dodać:

    <script type="module" src="https://partners-loanfront.box.pragmago.tech/Main.js" async></script>

  3. W tagu body należy dodać:

    <script type="module" async>
    import { PragmaGo } from "https://partners-loanfront.box.pragmago.tech/sdk.js";
    
    const { initializePragmaPayCalculator } = new PragmaGo();

    initializePragmaPayCalculator({
        styleId: '8c749z03-f01d-459f-8315-f982506c6377',
        isPopup: true,
        recommendationCode: '123456',
        calculator: {
            amount: 3000000,
            currency: 'PLN'
        }
    })
</script>

<div id="pragmago"></div>

  4. Przykładowa pełna implementacja pop-up'u:

    <!DOCTYPE html>
<html lang="pl">

<head>
    <meta name="google" content="notranslate" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1 " />
    <script type="module" src="https://partners-loanfront.box.pragmago.tech/Main.js"></script>
</head>

<body> <button id="pragmapaycalculator"> Otwórz kalkulator </button>
    <div id="pragmago"></div>
    
    <script type="module">   
        import { PragmaGo } from "https://partners-loanfront.box.pragmago.tech/sdk.js"; 
        
        async function openCalculator() { 
            const { initializePragmaPayCalculator } = new PragmaGo(); 
            
            initializePragmaPayCalculator({ 
                    styleId: '8c749z03-f01d-459f-8315-f982506c6377', 
                    isPopup: true, 
                    recommendationCode: '123456', 
                    calculator: { 
                        amount: 3000000, 
                        currency: 'PLN' 
                    } 
                }); 
            } 
            
            document.getElementById("pragmapaycalculator").addEventListener("click", openCalculator);  
</script>
</body>

</html>

Jeśli chcesz zaimplementować kalkulator spłaty bez wykorzystywania wyżej opisanego pop-up, wykorzystaj do tego akcję opisaną tutaj.

Przykładowy wygląd: