Add An Application Button

<button id="my-chargeafter-apply-button">Apply</button>

window.addEventListener('DOMContentLoaded', () => {
    document.getElementById('my-chargeafter-apply-button').addEventListener('click', () => {
        const opt = {
            // populate this object as per the instructions above
        };

        ChargeAfter.apply.present(opt);
    })
});

// Present the Apply UI modal box and pass it an options object

ChargeAfter.apply.present(
  // This object is completely OPTIONAL, but recommended
  {
    // If you are in posession of the details, it will pre-fill the application and         
    // provide a better customer experience
    consumerDetails: {
        firstName: "John",
        lastName: "Doe",
        email: "[email protected]",        
        merchantConsumerId: "merchant-internal-consumer-id",
        shippingAddress: {
            line1: "3 My Street",
            line2: "My Building, 4th floor",
            city: "New York",
            zipCode: "10019",
            state: "NY"
        },
        billingAddress: {
            line1: "3 My Street",
            line2: "My Building, 4th floor",
            city: "New York",
            zipCode: "10019",
            state: "NY"
        }
    },
    
    preferences: { 
      language: 'En' 
    },
  
    currecny : 'USD',
    
    // This callback allows you to process the result of the application process
    callback: function(data, error) {    
    },
});