Mit dem #trstd login können deine Kundinnen und Kunden die Echtheit deiner Website mit einem Klick überprüfen. So stärkst du das Vertrauen in deinen Shop und reduzierst Kaufabbrüche.
Standardmäßig wird der #trstd login über das Trustbadge bereitgestellt. Du kannst ihn jedoch auch direkt auf deiner Website einbinden und die Position sowie die Darstellung individuell festlegen. Das bietet sich beispielsweise dann an, wenn du das Trustbadge nicht im sichtbaren Bereich deiner Website eingebunden hast.
Führe die folgenden Schritte durch, um den #trstd login manuell zu integrieren:
- Konfigurator öffnen
- #trstd login integrieren
- Eigenes Theme erstellen (optional)
- Staging-Umgebung registrieren (optional)
Schritt 1: Konfigurator öffnen
- Ins eTrusted Kontrollzentrum einloggen.
- Innerhalb der Hauptnavigation auf das Webseiten-Icon (“#trstd login”) (
) klicken. Anschließend auf “#trstd login” (
) klicken. Den gewünschten Kanal auswählen (
). Auf “Jetzt mit #trstd login starten” (
) klicken.
Damit hast du den #trstd-login-Konfigurator erfolgreich geöffnet.
Schritt 2: #trstd login integrieren
Im #trstd-login-Konfiguration steht dir bereits das Standard-Theme zur Verfügung. Es ist barrierefrei gestaltet und kann ohne weitere Anpassungen verwendet werden.
Um den #trstd login zu integrieren, musst du zwei Codesnippets in das HTML deiner Website einbinden:
- das Integrationsskript
- das Element
- Innerhalb des #trstd-login-Konfigurators den Reiter “Integration” (
- Im Bereich “Standard-Theme” auf “Integrationscode abrufen” (
- Ein Pop-up erscheint. Auf “Integrationsskript kopieren” klicken, um das Integrationsskript in deinen Zwischenspeicher zu kopieren.
- Das Codesnippet in den <head>-Bereich deiner Website einfügen.
- Zum Pop-up zurückkehren. Auf “Element platzieren kopieren” klicken, um das Element in deinen Zwischenspeicher zu kopieren.
- Das Codesnippet an der gewünschten Stelle im HTML deiner Website einfügen.
Damit hast du den #trstd login erfolgreich in deine Website eingebunden.
Wie kann ich den #trstd login an meine Website anpassen?
Wenn du die Darstellung des #trstd logins stärker an deine Website oder dein Corporate Design anpassen möchtest, kannst du ein eigenes Theme erstellen.
- Innerhalb des #trstd-login-Konfigurators den Reiter “Theming & Darstellung” (
- Auf “Neues Theme erstellen” (
- Ein neuer Bereich erscheint. Zunächst einen Namen (
- Die Größe des #trstd logins festlegen (
- Farbe und Dicke der Umrandung festlegen (
- Die Hintergrundfarbe für den inaktiven und den aktiven Status festlegen (
- Die Farbe des Login-Knopfs für den inaktiven und den aktiven Status festlegen (
).
- Die Farbe des e-Icons für den inaktiven und den aktiven Status festlegen (
).
- Die Größe des #trstd logins festlegen (
- Deine Anpassungen in der Vorschau prüfen (
). Anschließen auf “Theme speichern” (
) klicken.
- Damit hast du erfolgreich ein Theme erstellt. Es steht nun in der Theme-Liste zur Verfügung. Auf "Integration" klicken. Neben deinem Theme auf “Integrationscode abrufen” klicken.
- Integrationsskript und Element wie oben beschrieben in deine Website einbinden.
Damit hast du den #trstd login erfolgreich mit deinem individuellen Theme eingebunden.
Wie kann ich eine Staging-Umgebung registrieren?
Wenn du den #trstd login zunächst in einer Testumgebung prüfen möchtest, kannst du deine Staging-Umgebung mit dem eTrusted Kontrollzentrum verknüpfen.
- Den Reiter “Test-Stages” (
- Die URL der Staging-Umgebung eingeben (
Damit hast du deine Staging-Umgebung erfolgreich registriert.