Skip to content

Login Schleife

Die Login-Schleife ist eine zentrale Komponente, die dafür sorgt, dass Nutzer aufgefordert werden, sich auf der Website anzumelden. Die Login-Schleife wird überall dort integriert, wo spezifische Inhalte oder Funktionen nur für angemeldete Nutzer verfügbar sind. Die Login-Schleife dient als ein freundlicher Hinweis, der dem User klar und verständlich kommuniziert, dass für den Zugriff auf bestimmte Bereiche eine Anmeldung erforderlich ist.

Login-Schleife

Die Login-Schleife ist prominent positioniert, gut erkennbar und in das bestehende Design integriert. Sie sollte Nutzer nicht frustrieren, sondern klar und freundlich auf die Anmeldung hinweisen. Sie muss ein klares Call-to-Action-Element enthalten (z.B. „Zur Anmeldung“). Nach erfolgreichem Login erfolgt die Rückleitung auf die angeforderte Seite, um die Nutzererfahrung zu optimieren.

<div class="bg--powder-blue-secondary">
  <div class="container">
    <div class="log-or-sign-in">
      <div class="row">
        <div class="col-md-8 col-lg-9 col-xl-8 offset-xl-1">
          <h4>
            Melden Sie sich an und entdecken Sie unsere kostenlosen Services auf
            WKO.at
          </h4>
          <p>
            Alle Informationen zum WKO-Login finden Sie <a href="#">hier</a>
          </p>
        </div>
        <div class="col-md-4 col-lg-3 col-xl-2">
          <a
            class="btn btn-primary toggle-user"
            data-miu-link="http://wko.at/login?returnTo=xxxxTEST"
            href="#"
            type="button"
          >
            Zur Anmeldung
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

Login-Schleife mit integrierten Bundeslandwechsler

Neben der Standardausführung der Login-Schleife gibt es eine erweiterte Variante, die zusätzlich einen Bundeslandwechsler integriert, jedoch nur in Verbindung mit der generellen Bundeslandauswahl verfügbar ist.

<div class="bg--powder-blue-secondary">
  <div class="container">
    <div class="log-or-sign-in">
      <div class="row">
        <div class="col-md-8 col-lg-9 col-xl-8 offset-xl-1">
          <h4>
            Melden Sie sich an und entdecken Sie unsere kostenlosen Services auf
            WKO.at
          </h4>
          <p>
            Alle Informationen zum WKO-Login finden Sie <a href="#">hier</a>
          </p>
        </div>
        <div class="col-md-4 col-lg-3 col-xl-2">
          <a
            class="btn btn-primary toggle-user"
            data-miu-link="http://wko.at/login?returnTo=xxxxTEST"
            href="#"
            type="button"
          >
            Zur Anmeldung
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="bg--white">
  <div class="container">
    <div class="row">
      <div class="col-md-8 col-lg-9 col-xl-8 offset-xl-1">
        <p>
          Ohne Anmeldung wählen Sie Ihr Bundesland, um spezifische Services,
          Angebote und Kontaktmöglichkeiten in Ihrere Nähe zu erhalten.
        </p>
      </div>
      <div class="col-md-4 col-lg-3 col-xl-2">
        <a class="btn btn-link toggle-area" href="#" type="button">
          Bundesland wählen
          <svg class="icon icon-pin">
            <use xlink:href="/assets/icons/sprite.Br4IYrdf.svg#icon-pin"></use>
          </svg>
        </a>
      </div>
    </div>
  </div>
</div>