Connect your partner application form to Kiflo

Follow these 2 steps and you'll be able to connect your partner application form to Kiflo in 10 minutes.
If you have any questions, chat with us, we are here for you!

The 2 steps to connect your partner application form to Kiflo

Install Kiflo JS on your website
Connect your form to Kiflo

Step 1. Install Kiflo JS on your website

If it's not already done, you will need to install Kiflo JS on your website.
Just follows these simple steps.

Once Kiflo JS is installed, you will have access to all JS functions in Kiflo JS SDK.

Step 2. Connect your form to Kiflo

First, you will have to build your partner application form so you can get all the required information.

For example:

<form method="post" onsubmit="signUpPartner(); return false;">
    <h2>Partner Sign Up</h2>
    <div class="form-group">
         <input type="text" placeholder="Firstname" id="firstname">
    </div>
    <div class="form-group">
        <input type="text" placeholder="Lastname" id="lastname">
    </div>
    <div class="form-group">
        <input type="email" placeholder="Email" id="email">
    </div>
    <div class="form-group">
        <input type="text" placeholder="Company Name" id="companyName">
    </div>
    <div class="form-group">
        <label>Country</label>
        <select id="country">
            <option value="FR" selected>France</option>
            <option value="DE">Germany</option>
            <option value="US">US</option>
            <option value="ES">Spain</option>
        </select>
    </div>
    <div class="form-group">
        <label>Program</label>
        <select id="programLevelId">
            <option value="12" selected>Sales Partner</option>
            <option value="15">Reseller Partner</option>
            <option value="18">Solution Partner</option>
        </select>
    </div>
    <div class="form-group">
       <button type="submit">Submit</button>
    </div>
</form>

Once your form is ready, you will have to call Kiflo('partner',...) function each time the form is submitted.

For creating a partner application, the following properties are required:

name (The name for the partner)
status (The status of the partner. Could be Active, Prospect, Applicant)
mainContact (The main contact of the partner with a firstName, lastName and email
programLevelId (The program level in which the partner applies for)

The programLevelId can be found in your browser address bar when a level is selected.

In the following example, the programLevelId is 197.
http://app.kiflo.com/account/342429938/programs/173/levels/197

Here is an example of a function that is called when the form is submitted:

function signUpPartner() {
    var firstname = document.getElementById('firstname').value;
    var lastname = document.getElementById('lastname').value;
    var email = document.getElementById('email').value;
    var companyName = document.getElementById('companyName').value;
    var country= document.getElementById('country').value;
    var programLevelId = document.getElementById('programLevelId').value;
    
    kiflo('partner', {
        name: companyName,
        status: 'Applicant',
        source: 'SignupForm',
        programLevelId: programLevelId,
        mainContact: {
            firstName: firstname,
            lastName: lastname,
            email: email
        },
        properties: {
            country: country
        }
    },
    () => {
        console.log('partner signup success');
        location.href = '/thanks';
   },
   (err) => console.log(err));
}

You're all set! Now all your partner applications will be visible in Kiflo.
Just go on your Program and you can start to review each application.