Login-Seite

Die Login-Seite ist das, was Leser sehen, wenn sie versuchen, auf eine private oder gemischt zugriffene Wissensdatenbank zuzugreifen. Sie wird während der Einrichtung oft übersehen – aber für Leser, die ihr begegnen, ist es ihre erste Begegnung mit Ihrer Wissensdatenbank, bevor sie Inhalte gesehen haben. Eine gut konfigurierte Anmeldeseite setzt den richtigen Ton, reduziert Verwirrung darüber, warum eine Anmeldung erforderlich ist, und gibt den Lesern einen klaren Weg nach vorne.

Wann man die Login-Seite anpassen sollte

• Markenkonsistenz – die Standard-Login-Seite verwendet generisches Document360-Design. Das Ersetzen des Bildes oder das Hinzufügen eines benutzerdefinierten Layouts bringt es in Einklang mit dem Aussehen und Gefühl Ihres Produkts.
• Kontext für die Leser hinzufügen – eine benutzerdefinierte Überschrift oder ein Absatz kann erklären, warum eine Anmeldung erforderlich ist, und so Verwirrung für Erstleser verringern.
• Hinzufügen eines Support- oder Registrierungsbuttons – wenn Leser Zugang anfordern oder Support kontaktieren müssen, ermöglicht eine benutzerdefinierte Login-Seite eine Schaltfläche, die direkt auf diese Ressourcen verlinkt.
• Nutzer können sich mit Google Workspace oder Microsoft anmelden – Soziale Anmeldung aktivieren, damit Nutzer sich mit ihrem bestehenden Google Workspace- oder Microsoft-Konto auf der Wissensdatenbank anmelden können, anstatt mit einem separaten Passwort.
• SSO-Login-Optionen bestellen – wenn du mehrere SSO-Konfigurationen hast, stell ein, welche Login-Buttons zuerst Leser sehen.

Greifen Sie auf die Einstellungen der Login-Seite zu

1. Navigieren Sie zu () > Knowledge base site in der linken Navigationsleiste des Wissensdatenbankportals.
2. Im linken Navigationsfenster navigieren Sie zur Site-Anpassung.
3. Klicken Sie auf die Schaltfläche "Website anpassen ".

4. Im linken Dropdown-Menü wählen Sie unter Hauptseiten Anmelden. Das Standarddesign der Login-Seite erscheint mit Anpassungsoptionen links und einer Live-Vorschau rechts.

Anpassungsstile

Document360 bietet zwei Ansätze zur Anpassung der Login-Seite an:

Grundstil

Verwenden Sie den Basic-Stil, um das Standardbild anzupassen, soziale Anmeldungen zu aktivieren und SSO-Login-Buttons auf der Anmeldeseite zu bestellen, ohne Code zu schreiben.

1. Wählen Sie den Grundstil.
2. Erweitern Sie das Bild mit einem Text-Dropdown-Menü und wählen Sie Bild. Das Bildfeld öffnet sich.
3. Klicken Sie auf Ändern und wählen Sie ein gewünschtes Bild aus den Systembildern oder laden Sie Ihr eigenes hoch.
4. Im Bereich Ausrichtung wählen Sie Links, Mitte oder Rechts , um die Bildposition anzupassen.
5. Nutzen Sie rechts den Schalter Vorschau, um Ihre Änderungen zu überprüfen.
6. Klicken Sie auf Speichern , um Ihre Änderungen zu speichern.
7. Klicken Sie auf Veröffentlichen , um Änderungen live vorzunehmen.

Aktivieren Sie Google Workspace und die Microsoft-Anmeldung für Nutzer

Sie können es den Nutzern ermöglichen, sich mit ihrem Google Workspace- oder Microsoft-Konto auf der Knowledge Base-Seite anzumelden.

1. Im Basic-Stil gehen Sie zum Bereich Social Login .
2. Schalte den Google Workspace-Umschalter, den Microsoft-Schalter oder beides ein. Beide Schalter sind standardmäßig ausgeschaltet.
3. Überprüfen Sie die Vorschau rechts, um sicherzustellen, dass die Anmeldebuttons auf der Anmeldeseite erscheinen.
4. Klicken Sie auf Speichern und dann auf Veröffentlichen.

Ändere die Reihenfolge der SSO-Anmeldebuttons

Wenn Sie SSO für Leser konfiguriert haben, listet im Abschnitt CTA-Position Ihre SSO-Login-Buttons auf. Ziehen Sie den Handle () neben einen Button, um dessen Position auf der Login-Seite zu ändern.

Individueller Stil

Verwenden Sie benutzerdefinierten Stil, um ein vollständig individuelles Login-Seiten-Layout mit HTML und CSS zu erstellen.

1. Wählen Sie benutzerdefinierten Stil.
2. Im HTML-Tab fügen Sie Ihr individuelles HTML-Markup hinzu.
3. Im CSS-Tab füge deine Stile hinzu.
4. Benutze den Schalter Vorschau rechts, um zwischen der Code-Ansicht und der gerenderten Ansicht zum Durchsehen zu wechseln.
5. Wenn Sie fertig sind, klicken Sie auf Speichern , um Ihre Änderungen zu speichern.
6. Klicken Sie auf Veröffentlichen , um Änderungen live vorzunehmen.

<div class="login-form">{{template:LoginCore}}</div>

Best Practices

• Halte die Login-Seite brandbezogen, aber minimal – Leser, die auf der Login-Seite ankommen, wollen bereits auf deine Inhalte zugreifen. Ein klares, fokussiertes Layout mit deinem Logo und ein klares Login-Formular funktionieren besser als eine stark gestaltete Seite.
• Verwenden Sie den Basic-Stil für Bildänderungen und Social Login – wenn Sie nur das Standardbild ersetzen oder den Nutzern die Anmeldung mit Google Workspace oder Microsoft erlauben müssen, ist der Basic-Stil schneller und sicherer als der benutzerdefinierte Stil. Social Login ist im benutzerdefinierten Stil nicht verfügbar.
• Testen Sie immer die benutzerdefinierte Authentifizierung – nachdem Sie eine benutzerdefinierte HTML-Login-Seite veröffentlicht haben, überprüfen Sie den vollständigen Login-Ablauf von Ende zu Ende, um sicherzustellen, dass die Authentifizierung korrekt funktioniert, bevor Sie sie mit den Lesern teilen.
• Immer behalten {{template:LoginCore}} - Dies ist die häufigste Ursache für fehlerhafte Login-Seiten nach der Anpassung. Integrieren Sie es in jedes benutzerdefinierte HTML-Layout, auch beim Neuaufbau der gesamten Seitenstruktur.

FAQ

<div class="login-form--support">
    <button class="support-button">
        <a href="your-support-link">Contact Support</a>
    </button>
    <p>Click here to Contact Support</p>
</div>

.login-form--support {
    text-align: center;
}