Saly - baza wiedzy

26.3 Personalizacja systemu (kolory i logotypy) *

Wersja instrukcji

Data publikacji

Słowa kluczowe

1.0 Pierwsza wersja instrukcji

ustawienia, kolory marki, kolorystyka, paleta, logo, sygnet, favicon, tło, newsletter, przebuduj wygląd, branding

Spis treści:

  • 1. Jak wejść do sekcji Ustawienia

  • 2. Przebuduj wygląd — jak zmiany trafiają na żywo

  • 3. Kolorystyka — kolory marki

  • 4. Logotypy i grafiki

  • 5. Newsletter — integracja dostawcy e-mail

Dostęp / Wymagania: Sekcja Ustawienia jest częścią modułu Personalizacja (pakiet Enterprise). Wymagane jest zalogowanie jako administrator platformy.

Sekcja Ustawienia odpowiada za identyfikację wizualną platformy — kolory marki, logotypy, favicon, tło ekranu logowania — oraz za integrację newslettera. Podzielona jest na trzy zakładki: Logotypy i grafiki, Kolorystyka, Newsletter.

1. Jak wejść do sekcji Ustawienia

W panelu administracyjnym otwórz moduł Personalizacja i w menu po lewej wybierz Ustawienia. U góry przełączasz się między trzema zakładkami, a w prawym górnym rogu znajduje się przycisk Przebuduj wygląd (pkt 2).

📷 MIEJSCE NA ZRZUT: 26-3_ustawienia_kolorystyka.png — podpis: „Widok 1. Ustawienia — zakładka Kolorystyka z podglądem na żywo".

2. Przebuduj wygląd — jak zmiany trafiają na żywo

Najważniejsza zasada tej sekcji: zmiany kolorów i grafik zapisują się w systemie, ale NIE są od razu widoczne dla klientów. Aby wdrożyć je na żywo w sklepie, kliknij Przebuduj wygląd.

  • Po kliknięciu system zastosuje aktualną paletę, logotypy i favicony na froncie tej instancji. Budowa trwa ok. 30 sekund — w tym czasie nie można uruchomić kolejnej przebudowy (przycisk pokazuje odliczanie).

  • Przycisk „i" obok wyjaśnia działanie i przypomina, że zapisane zmiany czekają w systemie do momentu przebudowy.

3. Kolorystyka — kolory marki

W zakładce Kolorystyka ustawiasz kolory, na podstawie których budowany jest wygląd całego sklepu i panelu. Po prawej stronie widzisz Podgląd na żywo (np. ekran logowania), który aktualizuje się natychmiast.

Główny kolor marki

Główny kolor marki steruje kolorem przycisków, linków i akcentów w całej aplikacji. Ustawisz go próbnikiem, wpisując kod HEX lub wybierając gotową próbkę. Co to daje: to kolor bazowy — z niego automatycznie wyliczane są pozostałe odcienie.

Odcienie palety

Pięć odcieni używanych w interfejsie. Cztery z nich mają przełącznik Auto / Ręczny:

Odcień

Zastosowanie

Najjaśniejsze tła

Bardzo jasne tła sekcji.

Subtelne tło

Delikatne tła elementów.

Obramowania i separatory

Ramki, linie oddzielające.

GŁÓWNY — przyciski, linki, focus (MAIN)

Główny kolor (ustawiany w „Główny kolor marki").

Najechanie, stany aktywne

Kolor po najechaniu / stanu aktywnego.

  • Auto (domyślnie) — odcień jest wyliczany automatycznie z koloru głównego. Nie musisz nic robić.

  • Ręczny — po przełączeniu pojawia się próbnik, w którym ustawiasz odcień samodzielnie. Przycisk Powrót do auto przywraca wyliczanie automatyczne.

Kolory dodatkowe

Trzy uzupełniające ustawienia: Kolor motywu (meta tag przeglądarki), Kolor kafelka (Windows) oraz Tło faviconu. Co to daje: spójny wygląd m.in. na kartach przeglądarki i kafelkach systemowych.

4. Logotypy i grafiki

W zakładce Logotypy i grafiki (sekcja „Zasoby marki") zarządzasz plikami graficznymi. Aby zastąpić zasób — przeciągnij plik na kartę lub kliknij ikonę wgrywania. Każdy zasób możesz też pobrać lub usunąć (z potwierdzeniem).

Zasób

Do czego służy

Format

Logo (desktop)

Główne logo na szerokich ekranach.

SVG, PNG lub WEBP; zalecane przezroczyste tło.

Logo (mobile / sygnet)

Kompaktowy znak dla wąskich ekranów.

SVG, PNG lub WEBP.

Tło ekranu logowania

Zdjęcie tła na ekranie logowania.

JPG/WEBP (mniejsza waga pliku).

Ikona aplikacji (favicon)

Ikona w karcie przeglądarki i na urządzeniach.

Kwadratowy PNG. Wgrywasz 1 plik.

Favicon — automatyczne warianty: wgrywasz jeden kwadratowy plik PNG, a system sam wygeneruje wszystkie warianty (m.in. favicon-16/32/96, ikony Apple/Android, kafelek Windows). Jeśli wgrasz plik niekwadratowy, pojawi się narzędzie do przycięcia do kwadratu. Pod kartą favicona widać pasek wygenerowanych wariantów oraz przycisk ponownego wygenerowania.

📷 MIEJSCE NA ZRZUT: 26-3_ustawienia_logotypy.png — podpis: „Widok 2. Ustawienia — zakładka Logotypy i grafiki (Zasoby marki)".

5. Newsletter — integracja dostawcy e-mail

Zakładka Newsletter konfiguruje, dokąd trafiają zapisy z bloku B09 Newsletter (patrz 26.1.9). Zapisy zawsze trafiają do bazy Saly; gdy włączysz integrację, kopia jest dodatkowo wysyłana do wybranego dostawcy (ESP).

  • Statystyki i eksport — kafelki: Leady (łącznie), Ze zgodą, Ostatnie 30 dni, oraz przycisk Eksportuj CSV.

  • Przekazuj zapisy do dostawcy (ESP) — przełącznik. Po włączeniu kopia zapisu jest wysyłana do wybranego dostawcy.

  • Dostawca e-mail (lista): Saly — zapis we własnej bazie (domyślnie), GetResponse, SALESmanago, Klaviyo, Własny webhook. Po wyborze dostawcy pojawiają się odpowiednie pola, m.in.:

    • Klucz API — z konta dostawcy; przechowywany zaszyfrowany i nie jest pokazywany ponownie (przy edycji zostaw puste, aby zachować obecny).

    • ID listy / audiencji, Nazwa nadawcy oraz inne pola zależne od dostawcy.

    • Podwójne potwierdzenie (double opt-in) — jeśli dostawca to obsługuje.

  • Zapisz — zapisuje konfigurację. Testuj połączenie — sprawdza poprawność integracji (dostępne, gdy klucz API jest już zapisany).

Po zmianach w Kolorystyce i Logotypach pamiętaj o kliknięciu Przebuduj wygląd (pkt 2), aby zobaczyli je klienci.