Login-Integration

Um den Login zu Ihrem Kundenportal in Ihre eigene Webseite zu integrieren genügt es den folgenden Code-Abschnitt in Ihre Webseite an der gewünschten Stelle zu integrieren:

<div id="loginframe"> 
<iframe src="https://{ADRESSE}/login_rem_eh"
style="height: 220px; width: 300px;" type="text/html">
   </iframe> 
</div>

Im Bereich {Adresse} geben Sie die Web-Adresse (URI) Ihrer Instanz des Kundenportals an.

Zum Beispiel:

<div id="loginframe"> 
<iframe src="https://demo.kundenportal.digital/login_rem_eh"
style="height: 220px; width: 300px;" type="text/html">
    </iframe> 
</div>

Als Ergebnis wird das Login-Fenster von des Kundenportals geladen und in der Ihrer Webseite eingebettet.

Design

Die Login-Integration erlaubt ein individuelles Theming mittels einer eingebundenen CSS-Datei. Die CSS-Datei wird hierbei als URI-Parameter an die Adresse angefügt

<div id="loginframe"> 
   <iframe src="https://{ADRESSE}/login_rem_eh?css=https://remo.te/theme.css" style="height: 220px; width: 300px;" type="text/html"> 
   </iframe> 
</div>

Der nachfolgende Element-Bereich des inkludierten Login-Formulars können mittels CSS gestaltet und angesprochen werden:

<div class="includeform">

    <div rel="text" class="field"> 
        <label for="user_id">Benutzername</label><br />
        <input type="text" class="regular-text" id="user_id" name="user_id" value="" autocomplete="false"  required="true" size="30"/>
    </div>
    <div rel="text" class="field"> 
        <label for="password">Passwort</label><br />
        <input type="password" class="regular-text code" id="password" name="password" aria-controls="password-helptext" autocomplete="false" required="true"  size="30" />
    </div>
    <div rel="button" class="button" style=" margin-bottom:px;">
        <button type="submit" class="submitbutton" name="submit" id="submit" style="margin-top: 10px;">Anmelden</button>
    </div>

</div>