Verwenden von Protein Ready-Anmelde-Widgets
Dies ist eine Benutzeranleitung zur Verwendung vorgefertigter Anmelde-Widgets für Protein-Websites. Die Anmeldeseite einer Site in Protein kann auf drei verschiedene Arten erstellt werden:
- Festes login.cfm: Wenn keine Einstellungen vorgenommen werden, stammt die Anmeldeseite aus der festen login.cfm-Datei von Protein, abhängig von der Art des erstellten Portals.
- Login.cfm im Theme-Ordner: Wenn eine login.cfm-Datei zum Ordner des ausgewählten Themes auf der Site hinzugefügt wird, wird die Anmeldeseite stammt aus dieser Datei.
- Anmeldeseite mit Site Page Designer: Im Site Page Designer wird eine als Anmeldeseite markierte Seite entworfen und Anmelde-Widgets werden auf der Seite platziert. Die in diesem Wiki beschriebenen Widgets werden genau in dieser Methode verwendet.
Bei der dritten Methode wird die Homepage nicht für jede Site separat codiert; Das entsprechende Widget wird ausgewählt und auf der Anmeldeseite platziert. Es gibt vier verschiedene Widgets: Einzelmitglieds-Login, Firmen-Login, Einweg-Mehrfach-Login und Karriere-Login. Sie funktionieren alle mit E-Mail und einer 4-stelligen PIN und nutzen die gleiche cf_wrkauth Infrastruktur. Auf diese Weise kann das Hinzufügen eines Eintrags zu einer Protein-Site über eine einzige Schnittstelle erfolgen, ohne dass Code geschrieben werden muss.
1. Auswahl des richtigen Widgets
Zunächst wird festgelegt, welchen Benutzertyp die Website bedienen soll, und das entsprechende Widget wird ausgewählt.
Widget | Für wen es geeignet ist | Websites |
|---|---|---|
Einzelanmeldung für Mitglieder | Einzelkunden (Verbraucher) | E-Commerce- und Mitgliederseiten |
Unternehmen Login | Mitarbeiter von Firmenmitgliedern (Partner) | Händler- und Lieferantenportale |
Einweg-Multi-Login | Einzel- und Firmenmitglieder zusammen | Sammel-, Service- und B2B-Portale |
Karriere-Login | Kandidaten, die sich auf eine Stelle bewerben | Lebenslauf und Bewerbung Standorte |
2. Entwerfen der Anmeldeseite
- Eine neue Seite wird im Site-Seiten-Designer erstellt oder eine vorhandene Seite wird geöffnet.
- Gehen Sie im Seiten-Designer zur Registerkarte Definitionen und aktivieren Sie das Kontrollkästchen Login-Design. Dieses Zeichen ermöglicht die Verwendung der Seite als Anmeldeseite.
- Das entsprechende Anmelde-Widget wird aus der Widget-Liste ausgewählt und im gewünschten Bereich auf der Seite platziert.
- Die Seite wird gespeichert. Es ist kein zusätzlicher Code erforderlich.
3. Verbinden der Anmeldeseite mit der Site
- Gehen Sie zur Detailseite der Site und gehen Sie zur Registerkarte Zugriff.
- Im Auswahlfeld Login-Design auf dieser Registerkarte werden alle Seiten aufgelistet, die auf der Registerkarte „Definitionen“ mit „Login-Design“ gekennzeichnet sind.
- Die gestaltete Seite wird aus der Liste ausgewählt und wird aufgezeichnet. Von nun an verwendet die Site dieses Design als Anmeldeseite.
4. Anmeldeablauf
Nachdem die Anmeldeseite mit der Site verbunden ist, funktioniert die Anmeldung auf der Besucherseite wie folgt:
- Der Besucher gibt seine E-Mail-Adresse ein,
- Eine 4-stellige PIN wird an seine E-Mail-Adresse gesendet.
- Wenn die PIN eingegeben wird, meldet sich der Benutzer an und geht zur /Willkommensseite. gerichtet ist.
5. Kontoauswahl mit Einweg-Mehrfachanmeldung
Im Widget „Einweg-Mehrfachanmeldung“ ist der Ablauf derselbe wie bei den anderen, der einzige Unterschied besteht in der Kontoauswahl:
- Wenn der Benutzer nur ein Konto (Einzelperson oder Unternehmen) hat, erfolgt die Anmeldung direkt nach der PIN.
- Wenn der Benutzer sowohl Einzel- als auch Firmenkonten hat, wird nach der PIN ausgewählt, mit welchem Konto er sich anmelden soll dann zur Seite /willkommen weitergeleitet.
6. Überprüfung des Ergebnisses
Wenn der Vorgang abgeschlossen ist:
- Es wird überprüft, ob die gestaltete Anmeldeseite und das gestaltete Feld angezeigt werden, indem die Anmeldeseite der Website über den Browser aufgerufen wird.
- Eine PIN wird mit einer registrierten E-Mail-Adresse angefordert und überprüft, ob die E-Mail angekommen ist.
- Die PIN wird angemeldet und Es wird auf die Seite /welcome weitergeleitet. wird angezeigt.
- Wenn Mehrfachanmeldung verwendet wird, wird der Kontoauswahlbildschirm auch mit einem Benutzer überprüft, der sowohl ein Einzel- als auch ein Firmenkonto hat.
7. Gemeinsame Engine und Erscheinungsbild
Alle vier Widgets verwenden dieselbe cf_wrkauth Engine. Eine in dieser Infrastruktur vorgenommene Korrektur wird in allen vier Widgets widergespiegelt, es ist nicht erforderlich, die Widgets einzeln zu aktualisieren. Derzeit werden Widgets in einer einfachen Box geliefert. Die Ansichten werden so bearbeitet, als würden Sie eine Seite mit dem zukünftigen Protein "Login-Designer" entwerfen.
Zusammenfassung
Schritt | Was erledigt |
|---|---|
1 | Wählen Sie das richtige Anmelde-Widget basierend auf dem Benutzer aus Typ |
2 | Wählen Sie im Seiten-Designer auf der Registerkarte „Definitionen“ die Option „Anmeldedesign“ aus, platzieren Sie das Widget und speichern Sie es. Wählen Sie |
4 | E-Mail → 4-stellige PIN → /test /welcome flow |
5 | Zwei in Multi Login überprüfen Sie die Kontoauswahl mit dem Benutzer, der ein hat Konto |
6 | Überprüfen Sie das Ergebnis im Browser |
7 | Wenn Sie die PIN nicht erhalten E-Mail, überprüfen Sie den Spam-Ordner und die E-Mail-Versandeinstellungen der Website |
Feedback
Sollen wir über Workcube sprechen?
Gesprächsdauer ist abgelaufen.