Pay Later Offers

await paypalCheckoutInstance.loadPayPalSDK({
    components: 'buttons,messages' // Other config options here
});

// Set up PayPal buttons (see Add a Pay Later button)

<!-- In your code, dynamically update data-pp-amount with the price or cart amount. For example, data-pp-amount="89.99" for $89.99 product -->
<div data-pp-message 
     data-pp-layout="text"
     data-pp-text-color="black"
     data-pp-logo-type="inline"
     data-pp-amount="ENTER_VALUE_HERE">
</div>

async function setupPayLaterButton() {
    await paypalCheckoutInstance.loadPayPalSDK({
        components: 'buttons,messages',
        currency: 'USD',
        'enable-funding': 'paylater',
        dataAttributes: {
            amount: '10.00'
        } // Other config options here
    });

    const button = paypal.Buttons({
        fundingSource: paypal.FUNDING.PAYLATER,
        createOrder: function () {
            return paypalCheckoutInstance.createPayment({
                flow: 'checkout', // Required
                amount: '10.00', // Required
                currency: 'USD' // Required
            });
        },
        onApprove: async function (data, actions) {
            const payload = await paypalCheckoutInstance.tokenizePayment(data);
            // Submit 'payload.nonce' to your server
        },
    });

    if (!button.isEligible()) {
        // Skip rendering if not eligible
        return;
    }

    button.render('#pay-later-button');
}