Step 2: Initialize Uplift Agent Connect

Integration Details

A) Configuring Uplift Agent Initialization

Initializing Uplift Agent allows you to define the locale (geography and language), currency, security and functional configurations using window.Uplift.Agent.init(initConfig).

This method takes one parameter in the form of key-value pairs. Define an initAgentPayMonthly method as shown below, substituting they keys listed in the REPLACE comment as per requirements.

function initAgentPayMonthly() {
  window.Uplift.Agent.init({
   /* REPLACE: id , agencyId, email, firstName, familyName and 
   phoneNumber values should be replaced */
    agent: {
      id: "identifier",
      agencyId: "agency-identifier",
      email: "arthur@uplift.com",
      firstName: "Arthur",
      familyName: "Davis",
      phoneNumber: "0000000000"
    },
    // REPLACE: locale  and currency values should be replaced
    locale: "en-US", // "en-CA", "fr-CA"
    currency: "USD", // "CAD"
    onChange: myOnChangeCallback,
    payMonthlyContainer: "#up-agent-pay-monthly-container",
    checkout: true
  });
}

B) Execute Integration Logic

The Uplift library will automatically execute the integration logic defined within the method window.upReady when the Agent Library (up.js) is loaded in the browser. This is where we will include a call to our initAgentPayMonthly method defined above.

Note you only have to define the window.upReady function but never execute (call) it yourself.

window.upReady = function() {
    initAgentPayMonthly(); //Initialize Uplift.Agent
}