Habi-t Pomoc
Klub i zespół

Wygląd klubu: logo, kolory i krój pisma

Administrator

Wygląd klubu sprawia, że platforma wygląda „po Waszemu”: z Waszym logo, kolorami i krojem pisma. Ustawienia obowiązują w panelu klubu, w portalach rodzica i zawodnika oraz w formularzu naboru osadzonym na stronie klubu.

Kto może zmieniać wygląd

Wygląd zmieniają właściciel i administrator klubu. Trener nie ma wejścia do tego ekranu w menu, a próba zapisu kończy się odmową.

Wygląd ustawiasz tylko w przeglądarce — aplikacja Habit nie ma tego ekranu.

Jak otworzyć ustawienia wyglądu

  1. W górnym menu panelu kliknij Ustawienia.
  2. W karcie Klub wybierz Wygląd klubu.
Strona „Ustawienia” z kartą „Klub” i pozycją „Wygląd klubu”
Strona „Ustawienia” z kartą „Klub” i pozycją „Wygląd klubu”

Ekran ma dwie karty: Identyfikacja (tu wszystko ustawiasz) i Podgląd (tu od razu widzisz efekt).

Jak dodać logo klubu

Logo możesz dodać na dwa sposoby — wybierz jeden.

Wgranie pliku

  1. W sekcji Logo klubu kliknij pole wyboru pliku.
  2. Wskaż plik PNG, JPG albo WEBP o rozmiarze do 2 MB.
  3. Poczekaj, aż zniknie napis „Pracuję…”.

Wgrany plik zapisuje się od razu — nie musisz klikać Zapisz wygląd. Pod miniaturą logo zobaczysz informację „Plik wgrany do systemu — zapisany od razu, bez „Zapisz wygląd”.”

Gdy plik jest za duży albo ma zły format, zobaczysz komunikat „Plik jest za duży (maksimum 2 MB).” lub „Logo musi być plikiem PNG, JPG albo WEBP.”

Adres logo na Waszym serwerze

Jeśli logo leży już na stronie klubu, wpisz jego adres w polu albo adres logo na Waszym serwerze (URL) (np. https://twojklub.pl/logo.png), a następnie kliknij Zapisz wygląd.

Gdy logo jest wgrane z pliku, pole adresu jest zablokowane z podpowiedzią „Usuń wgrany plik, żeby wpisać własny adres”.

Kliknij Usuń logo pod miniaturą:

  • wgrany plik znika od razu,
  • logo z adresu URL znika po kliknięciu Zapisz wygląd.

Bez logo w pasku, w portalu rodzica i na formularzu naboru pokazuje się znak platformy.

Jak ustawić kolory i krój pisma

  1. W polu Kolor akcentu wybierz kolor z próbnika albo wpisz kod w formacie #rrggbb. To kolor przycisków i linków.
  2. W polu Kolor paska nawigacji ustaw kolor górnego paska.
  3. W polu Krój pisma wybierz Domyślny (systemowy), Rubik albo Poppins.
  4. Opcjonalnie wypełnij Pełna nazwa (opcjonalnie) — np. rozwinięcie skrótu w nazwie klubu.
  5. Sprawdź efekt w karcie Podgląd: Pasek nawigacji, Przycisk główny i Link w kolorze marki.
  6. Kliknij Zapisz wygląd. Strona przeładuje się już w nowych barwach.
Karta „Identyfikacja” z kolorami, logo, krojem pisma i przyciskiem „Zapisz wygląd” oraz początek karty „Podgląd”
Karta „Identyfikacja” z kolorami, logo, krojem pisma i przyciskiem „Zapisz wygląd” oraz początek karty „Podgląd”

Za jasny kolor akcentu

Jeśli wybierzesz kolor, na którym biały tekst byłby słabo czytelny, system do przycisków i linków użyje nieco ciemniejszego odcienia. W karcie Podgląd pojawi się wtedy informacja, jaki odcień zostanie użyty. Logo i grafiki zachowują oryginalny kolor.

Gdzie widać wygląd klubu

  • w panelu klubu (pasek z logo i kolorami),
  • w portalu rodzica i portalu zawodnika w przeglądarce,
  • w formularzu naboru — także osadzonym na stronie klubu,
  • na publicznych stronach wydarzeń i voucherów klubu,
  • w e-mailach wysyłanych w imieniu klubu (logo i kolor akcentu w nagłówku).

Aplikacja Habit na iPhone'a nie korzysta z wyglądu klubu — zawsze ma barwy platformy.

Pełna nazwa (opcjonalnie) trafia na certyfikaty szkoleń trenerów, a w e-mailach pojawia się pod logo klubu. Na nagłówkach wydruków pojawia się wtedy, gdy w danych klubu nie wpisano Pełna nazwa rejestrowa (opcjonalnie) — nazwa rejestrowa ma tam pierwszeństwo.

Najczęstsze pytania

Strona pokazuje „Nie udało się wczytać wyglądu klubu”. Co zrobić?

Kliknij Spróbuj ponownie. Do czasu udanego wczytania formularz jest celowo ukryty, żeby przypadkowy zapis nie nadpisał Waszych kolorów i logo wartościami domyślnymi.

Ustawiłem logo, ale w pasku go nie widać.

Odśwież stronę. Jeśli pod miniaturą widnieje „brak podglądu” albo „Nie udało się wczytać obrazu spod tego adresu.”, sprawdź, czy adres URL logo jest poprawny i publicznie dostępny — albo wgraj logo jako plik.

Powiązane artykuły