Dla firm

Przycisk „Zaloguj przez elogowanie.pl”

Gotowy przycisk do wklejenia na Twoją stronę. Bez skryptu, bez ramki i bez ładowania czegokolwiek z naszej domeny. To zwykły link.

Jak wygląda

Trzy warianty. Wybierz ten, który pasuje do Twojego layoutu.

Zaloguj przez elogowanie.pl Zaloguj przez elogowanie.pl Zaloguj przez elogowanie.pl

Zasady używania znaku

  • Napis brzmi „Zaloguj przez elogowanie.pl”. Nie skracaj go do samego znaku.
  • Nie zmieniaj proporcji znaku i nie zmieniaj jego koloru na inny niż podane.
  • Przycisk prowadzi wyłącznie do działającej integracji z Twoją aplikacją.
  • Nie sugeruj partnerstwa ani certyfikacji, jeśli jej nie ma.

Kod do wklejenia

Podmień TWOJ_CLIENT_ID i adres powrotu.

<a class="elg-login" href="https://elogowanie.pl/oauth2/auth
   ?client_id=TWOJ_CLIENT_ID
   &redirect_uri=https%3A%2F%2Ftwoja-aplikacja%2Fcallback
   &response_type=code
   &scope=openid%20profile%20email
   &state=LOSOWY_CIAG
   &code_challenge=WYLICZONY
   &code_challenge_method=S256">
  Zaloguj przez elogowanie.pl
</a>

Styl

Skopiuj do swojego arkusza. Nic nie ładujemy z naszej domeny.

.elg-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 20px;
  border: 1px solid #2a2a36;
  border-radius: 999px;
  background: #16161e;
  color: #f0f0f5;
  font: 500 15px/1 system-ui, sans-serif;
  text-decoration: none;
}
.elg-login:hover { border-color: #79ee5f; }

Co dalej

  1. Użytkownik wraca na Twój adres z parametrem code.
  2. Wymieniasz kod na tokeny w https://elogowanie.pl/oauth2/token.
  3. Po dane sięgasz do /oauth2/userinfo.
Załóż konto firmowe Pełna instrukcja