Personalizacja platformy B2B: Twoja marka, kolory i własny kod
Klienci kupują na platformie, która wygląda jak Twoja firma: z Twoim logo, kolorami i ekranem logowania. Marketing ustawia to sam, a IT dodaje skrypty analityczne bez wdrożenia.
- 1 kolor – 5 odcieni
- Kontrola kontrastu WCAG
- Historia każdej zmiany
Co to jest personalizacja platformy B2B?
Personalizacja platformy B2B to dopasowanie wyglądu portalu zakupowego do marki dostawcy: logo, kolorów, favicon, ekranu logowania oraz dodatkowych skryptów, np. analityki. W Saly jeden kolor główny daje całą paletę, kontrast przycisków jest sprawdzany według WCAG, a każda zmiana trafia do historii.
Trzy narzędzia w jednym panelu
Marka
Logo, sygnet, tło ekranu logowania i favicony. Jeden kolor główny, z którego platforma liczy całą paletę.
Własny kod
Skrypty JavaScript i arkusze CSS z nazwą, miejscem, stronami docelowymi i priorytetem. Bez wdrożenia i bez zmian w kodzie platformy.
Historia zmian
Kto, kiedy i co zmienił – z wartością przed i po. Zmianę koloru przywrócisz jednym kliknięciem.
Sprawdź kolor swojej marki
Wpisz kolor główny swojej marki i zobacz paletę, kontrast przycisków i to, jak wyglądałaby Twoja platforma.
:root {
--brand-100: #D3D8E2;
--brand-200: #A7B7D5;
--brand-300: #6E8FCD;
--brand-500: #1A4391;
--brand-700: #0F2B60;
}
Tak samo liczy panel Saly – a każdy odcień możesz tam nadpisać ręcznie.
Platforma w barwach firmy w pięciu krokach
-
1
Wgraj logo, sygnet i tło logowania
Favicony powstaną same.
-
2
Wybierz kolor główny
Odcienie wyliczą się automatycznie.
-
3
Sprawdź kontrast i podgląd
Strony głównej i ekranu logowania.
-
4
Dodaj skrypty
Np. analitykę na wszystkich stronach albo piksel konwersji tylko na stronie podziękowania.
-
5
Opublikuj
„Przebuduj markę”, a historia zapisze, kto i co zmienił.
Personalizacja wyglądu to nie personalizacja oferty
Wygląd platformy jest wspólny dla wszystkich Twoich klientów. To, co każdy klient widzi i ile płaci, ustawiają inne funkcje Saly: cenniki indywidualne, maskowanie produktów i grupy klientów.
Jeden kolor, cała paleta
Wybierasz kolor główny, a platforma wylicza cztery odcienie: jasne tło, bardzo jasny, jasny i ciemny. Każdy możesz nadpisać ręcznie i wrócić do automatu jednym kliknięciem. Gotowe tokeny CSS skopiujesz dla zespołu IT, a kolor paska przeglądarki na telefonie i kafelka Windows ustawisz w tym samym miejscu.
Logo wszędzie, gdzie klient Cię spotyka
Logo na komputer, sygnet na telefon, tło ekranu logowania i favicon. Z jednego pliku favicony platforma tworzy 14 ikon PNG, plik ICO i manifest aplikacji, a logo trafia także do e-maili wysyłanych z platformy.
Skrypty bez wdrożenia
Analitykę, piksele reklamowe i czat dodajesz jako osobne skrypty z nazwą i opisem. Dla każdego wybierasz miejsce – w <head>, zaraz po <body> albo przed </body> – i strony: wszystkie, główną, produkt, kategorię, koszyk, checkout albo stronę podziękowania. Priorytet ustala kolejność, a skrypt wyłączysz jednym przełącznikiem.
Arkusze CSS stylują też klasy CSS i ID nadane blokom strony głównej, a banery w HTML przygotujesz w CMS.
Każda zmiana z autorem i datą
Historia zmian pokazuje, kto, kiedy i co zmienił w marce, integracjach i kodzie – z wartością przed i po. Zmianę koloru przywrócisz pojedynczo, bez cofania późniejszych, a historię wyeksportujesz do CSV.
Co zyskuje Twój zespół
Spójna marka bez kolejki do IT
Spójna marka w portalu, e-mailach, faviconach i pasku przeglądarki – bez kolejki do IT.
Czytelnie i znajomo
Czytelne przyciski dzięki kontroli kontrastu i znajomy wygląd od ekranu logowania.
Porządek i kontrola
Porządek w skryptach (miejsce, strony, priorytet), walidacja przed zapisem i historia każdej zmiany.
Pytania o personalizację platformy B2B
Co to jest personalizacja platformy B2B?
+
To dopasowanie wyglądu portalu zakupowego do marki dostawcy: logo, kolorów, favicon, ekranu logowania oraz dodatkowych skryptów, np. analityki. W Saly robi się to w panelu, bez zmian w kodzie platformy.
Czy mogę zmienić kolory platformy B2B bez programisty?
+
Tak. Wybierasz jeden kolor główny, a platforma sama wylicza cztery odcienie do tła, obramowań, ikon i stanów najechania. Każdy odcień możesz też nadpisać ręcznie.
Jak Saly wylicza odcienie z koloru głównego?
+
W przestrzeni HSL: jaśniejsze odcienie mają mniejsze nasycenie i jasność przesuniętą w stronę bieli, a ciemny odcień ma o 35% mniejszą jasność. Gotowe wartości dostajesz też jako tokeny CSS do skopiowania.
Co oznacza komunikat o kontraście WCAG?
+
Panel liczy kontrast białego tekstu przycisków na kolorze głównym według WCAG 2.x. Od 4,5:1 kolor spełnia poziom AA dla zwykłego tekstu, od 3:1 tylko dla dużego tekstu, a poniżej panel ostrzega, że przyciski będą nieczytelne.
Czy ekran logowania też będzie w barwach mojej firmy?
+
Tak. Ekran logowania ma Twoje logo i własne zdjęcie w tle, a przyciski w kolorze marki. W panelu widzisz jego podgląd obok podglądu strony głównej.
Co z favicon i ikonami na telefonie?
+
Wgrywasz jeden plik, a platforma tworzy 14 ikon PNG dla przeglądarek, iPhone’a, Androida i Windows, plik ICO oraz manifest aplikacji. Kolor paska adresu na telefonie i kafelka Windows ustawiasz w tym samym miejscu.
Czy mogę dodać Google Tag Manager, GA4 albo piksel reklamowy?
+
Tak. W module Własny kod dodajesz skrypt JavaScript i wybierasz miejsce: w <head>, zaraz po <body> albo przed </body>. Nie potrzebujesz do tego wdrożenia ani zmian w kodzie platformy.
Czy skrypt może działać tylko na stronie podziękowania po zamówieniu?
+
Tak. Dla każdego skryptu wybierasz strony: wszystkie, główną, produkt, kategorię, koszyk, checkout albo stronę podziękowania. Piksel konwersji uruchomisz więc tylko tam, gdzie jest potrzebny.
Ile kodu mogę dodać i co, jeśli się pomylę?
+
Każdy skrypt może mieć do 100 KB, a panel ostrzega od 80 KB. Przed zapisem blokuje typowe błędy, np. wklejony znacznik <script>, i wskazuje linię z problemem.
Kiedy klienci zobaczą zmiany?
+
Zmiany marki zapisują się same, a przycisk „Przebuduj markę” publikuje je na platformie. Zapisany skrypt działa od razu, a klienci widzą go najpóźniej po 10 minutach.
Czy wiem, kto i kiedy zmienił wygląd platformy?
+
Tak. Historia zmian pokazuje autora, datę i wartość przed i po każdej zmianie w marce, integracjach i kodzie, z filtrami i eksportem do CSV. Zmianę koloru przywrócisz pojedynczo, bez cofania późniejszych.
Czym różni się personalizacja wyglądu od personalizacji oferty?
+
Wygląd jest wspólny dla wszystkich klientów platformy. Ofertę dla każdego klienta ustawiają cenniki indywidualne, maskowanie produktów i grupy klientów.
Powiązane pojęcia
Ostatnia aktualizacja:
Sprawdź inne funkcjonalności
Zobacz wszystkie →Jakie będą kolejne kroki?
- 1Zaplanujemy wideokonferencję w optymalnym terminie
- 2Przeprowadzimy discovery call, aby poznać Twoje cele
- 3Zaprezentujemy funkcjonalności, które je zrealizują