Besides the regular login page with the Kigo branding and links to open new accounts, Kigo also has a basic public page that allows owners to log into the system: http://app.kigo.net/public/app_owner_login_embed.php.

This login page reduced to its bare bone is very useful because it can be embedded into your website and let owners log into their account from it.

Inside the page a container has four blocks:

<0l>
  • login-form that contains the form (inputs and button)
  • login-wait with a message to wait while logging-in
  • login-incorrect when the username or password are incorrect
  • login-error when an error occurred
  • <body class="login-form">
    <div id="container">
    <div id="login-form"></div>
    <div id="login-wait"></div>
    <div id="login-incorrect"></div>
    <div id="login-error"></div>
    </div>
    </body>
    

    A default CSS display and hide the div and JavaScript is used to set the display of login-incorrect and login-error.

    The page is customisable using variables added to the URL. The defaults are:

    Variable Default Meaning
    username Username  
    password Password  
    login-button Login  
    login-wait Please wait while logging-in... Message displayed when logging-in
    login-incorrect Login incorrect  
    login-error Unexpected error occurred  
    css <none> Add the path of a css file to customize
    splash 1500 Duration for login-incorrect and login-error display

    For example to translate the page in French and change the length of the “splash”:

    http://app.kigo.net/public/app_owner_login_embed.php?username=Utilisateur&password=Mot+de+passe&login-button=Connexion&login-wait=Veuillez+patienter&login-incorrect=Login+incorrect&login-error=Erreur&splash=3000

    Idem for the CSS that overrides the default one:

    http://app.kigo.net/public/app_owner_login_embed.php?username=Utilisateur&password=Mot+de+passe&login-button=Connexion&login-wait=Veuillez+patienter&login-incorrect=Login+incorrect&login-error=Erreur&css=/folder/to/style.css&splash=3000

    The css variable needs to be followed by the path to the css in Kigo’s FTP:

    css=/folder/to/style.css

    For example if you were given a FTP access replace “folder” by the name of the folder in static.kigo.net.

    To embed the page in any page of the website, use an iframe like:

    <iframe name="owners login" src=" http://app.kigo.net/public/
    app_owner_login_embed.php" scrolling="no" height="45" width="475" 
    frameborder="no"></iframe>