Funkcjonalność · Marketing

Homepage Builder – kreator strony głównej platformy B2B

Zmieniaj stronę główną platformy bez zgłoszenia do IT. Układasz bloki, ustawiasz wygląd na każdym ekranie i publikujesz – a każdy zalogowany klient widzi w nich swoje ceny i rekomendacje.

  • 11 bloków
  • Osobny układ dla każdego języka
  • Pełna kontrola na komputerze, tablecie i telefonie
Strona główna – jesień PL Opublikowany Zmień układ Zapisz Publikuj
Kompozycja7 B01Karuzela Banerów B04Kafelki Kategorii B05Prezentacja Kategorii B08Hero Promocyjny B03Karuzela Produktów B11Sekcja Artykułów B09Newsletter
Karuzela Produktów
TreśćWyglądZaawansowane
Źródło produktów
AlgorytmKategoriaTagRęcznie
Algorytm: Bestsellery▼ Najwięcej sprzedanych sztuk z ostatnich 90 dni
Zaufały nam m.in. Esotiq Homla Somfy Morele.net
Definicja

Co to jest Homepage Builder?

Homepage Builder to kreator strony głównej platformy B2B, w którym marketing składa stronę z gotowych bloków: banerów, karuzel produktów, kategorii, artykułów z CMS i formularza newslettera. W Saly każdy język ma własne układy, a bloki produktowe pokazują zalogowanemu klientowi jego ceny i stany.

11bloków w 3 grupach
5algorytmów doboru produktów
3zakresy ekranów

11 bloków, z których złożysz stronę główną

Marketing4

B01

Karuzela Banerów

Banery z CMS w wybranej kolejności – przesunięcie albo przenikanie, autoodtwarzanie co 1–10 s, kropki i strzałki.

B06

Pasek Banerów

Kilka banerów obok siebie z tytułem i przyciskiem, w proporcjach 1:1, 16:9, 4:3 albo 2:1.

B08

Hero Promocyjny

Duży tytuł, obraz tła i przycisk CTA (osobny na telefon), z nakładką w kolorach marki.

B09

Newsletter

Formularz zapisu z własną treścią zgody RODO – w układzie poziomym, pionowym albo kompaktowym.

Produkty5

B02

Siatka Produktów

Produkty z wybranego źródła w 2–6 kolumnach i 1–10 wierszach; na telefonie zawsze 2 kolumny.

B03

Karuzela Produktów

3 albo 4 widoczne karty, autoodtwarzanie z pauzą po najechaniu i strzałki.

B04

Kafelki Kategorii

Wybrane kategorie jako siatka albo karty, z obrazem i opisem.

B05

Prezentacja Kategorii

Kategoria z podkategoriami i wyróżnionymi produktami, z obrazem tła.

B10

Prezentacja Marek

Logotypy marek z linkami jako siatka, karuzela albo lista – w szarości, z kolorem po najechaniu.

Treść2

B07

Blok Tekstowy

Edytor z nagłówkami H2 i H3, listami, linkami i cytatem, z własnym kolorem i tłem.

B11

Sekcja Artykułów

Najnowsze albo wybrane artykuły z CMS jako siatka, lista albo karuzela.

Strona główna B2B

Jeden układ, a każdy klient widzi swoją stronę

Zwykły kreator stron pokazuje wszystkim to samo. Na platformie B2B bloki produktowe są żywe: zalogowany klient widzi w nich swoje ceny i stany, karuzela „Promocje” pokazuje produkty z największym rabatem z jego cennika indywidualnego, a „Rekomendacje AI” dobiera model uczony na jego zakupach. Gość widzi produkty bez cen.

Klient Acennik indywidualny
B03 · Karuzela Produktów
Wiertarka udarowa 850 W349,00 zł
Zestaw wierteł SDS89,90 zł
Poziomica 120 cm64,00 zł
Klient Binny cennik, inne zakupy
B03 · Karuzela Produktów
Wiertarka udarowa 850 W312,00 zł
Szlifierka kątowa 125 mm219,00 zł
Tarcza do cięcia 125 mm6,40 zł
Gośćniezalogowany
B03 · Karuzela Produktów
Wiertarka udarowa 850 WZaloguj się, aby zobaczyć cenę
Zestaw wierteł SDSZaloguj się, aby zobaczyć cenę
Poziomica 120 cmZaloguj się, aby zobaczyć cenę

Ceny z cennika indywidualnego klienta, banery według grup klientów, „Polecane” z uwzględnieniem maskowania asortymentu.

Sprawdź sam

Złóż swoją stronę główną

Dodaj bloki, zmień kolejność, przełącz język i urządzenie. To uproszczona symulacja kreatora Saly.

Katalog bloków
Kompozycja5
  1. B01Karuzela Banerów
  2. B04Kafelki Kategorii
  3. B03Karuzela Produktów
  4. B11Sekcja Artykułów
  5. B09Newsletter
Każdy język ma własny układ
Opublikowany
B01
B04
B03
B11
B09
Jak to działa

Nowa strona główna w pięciu krokach

  1. 1

    Wybierz język i układ

    Albo załóż nowy: od pustej strony, kopii albo szablonu.

  2. 2

    Dodaj bloki z katalogu

    I ułóż ich kolejność przeciąganiem.

  3. 3

    Ustaw treść i źródło produktów

    Algorytm, kategoria, tag albo ręczny wybór.

  4. 4

    Dopracuj wygląd

    Osobno na komputerze, tablecie i telefonie.

  5. 5

    Opublikuj

    Poprzedni układ zostaje do ponownego użycia.

Układy i języki

Osobna strona główna dla każdego języka

Każdy język platformy ma własne układy. Możesz przygotować kilka wersji – na sezon, na targi, na wyprzedaż – i przełączać się między nimi. Roboczy układ nie jest widoczny dla klientów, dopóki go nie opublikujesz, a gdy język nie ma własnego układu, platforma pokazuje układ języka domyślnego.

Zmień układ
Polski 2English 1
Strona główna – jesień7 bloków · 14.10.2026 Opublikowany Przełącz Duplikuj
Black Week – szkic9 bloków · 18.10.2026 Szkic Przełącz Duplikuj
Przełączenie układu nie publikuje go – klienci widzą wersję opublikowaną.
Bestsellery najwięcej sprzedanych sztuk z ostatnich 90 dni
Nowości produkty dodane w ostatnich 30 dniach
Promocje największe rabaty z cennika zalogowanego klienta
Polecane z uwzględnieniem maskowania asortymentu
Rekomendacje AI model uczony na zakupach klienta; gość dostaje najpopularniejsze
albo: Kategoria · Tag (opcjonalnie tylko promowane) · Ręcznie po nazwie lub SKU
Źródła produktów

Produkty dobrane algorytmem albo ręcznie

Bestsellery to najwięcej sprzedanych sztuk z ostatnich 90 dni, Nowości – produkty dodane w ostatnich 30 dniach, a Promocje – największe rabaty z cennika zalogowanego klienta. Do tego Polecane i Rekomendacje AI. Możesz też wskazać kategorię, tag albo wybrać produkty po nazwie lub SKU.

Zaawansowane

Pełna kontrola na każdym ekranie

W zakładce Zaawansowane ustawiasz każdy element bloku – sekcję, obraz, tytuł, przycisk – osobno dla komputera, tabletu i telefonu: odstępy, typografię, kolory i zaokrąglenia. Mniejsze ekrany dziedziczą ustawienia, więc nadpisujesz tylko różnice, a każdy element możesz ukryć na wybranym urządzeniu.

Desktop od 1024Tablet 768–1023Mobile < 768
Elementy bloku Sekcja Slajd Obraz Tytuł Przycisk CTA Wskaźniki Strzałki
Padding48px 24px Margin0 0 32px Ukryj na mobile Własne klasy CSShero--jesien ID elementupromo-jesien
Wygenerowany CSSKopiuj
#promo-jesien.hero--jesien {
  padding: 48px 24px;
  margin: 0 0 32px;
}
@media (max-width: 767px) {
  #promo-jesien .cta { display: none; }
}
Dla zespołu IT

Klasy CSS i ID dla zespołu IT

Sekcja każdego bloku może dostać własne klasy CSS i unikalne ID. Klasy stylujesz w module Własny kod, panel pilnuje, żeby ID się nie powtórzyło, a wygenerowany CSS skopiujesz jednym kliknięciem.

Co zyskuje Twój zespół

Marketing

Strona główna w kilka minut

Zmieniasz stronę główną w kilka minut i prowadzisz osobne kampanie dla każdego języka i rynku.

Sprzedaż

Klient widzi swoje warunki

Klient od razu po zalogowaniu widzi swoje ceny, promocje i produkty dobrane do jego zakupów.

IT

Koniec zgłoszeń „przesuń baner o 20 px”

Zamiast zgłoszeń – klasy, ID i podgląd CSS, a strona generowana po stronie serwera.

FAQ

Pytania o Homepage Builder

Co to jest Homepage Builder w Saly?

+

To kreator strony głównej platformy B2B, w którym marketing składa stronę z 11 gotowych bloków: banerów, karuzel i siatek produktów, kategorii, marek, tekstu, artykułów i newslettera. Każdy język ma własne układy, a bloki produktowe pokazują zalogowanemu klientowi jego ceny.

Czy do zmiany strony głównej potrzebny jest programista?

+

Nie. Bloki, ich kolejność, treść, źródło produktów i wygląd ustawiasz w panelu i publikujesz jednym kliknięciem. Programista przydaje się tylko wtedy, gdy chcesz dodać własny CSS do klas nadanych blokom.

Jakie bloki można dodać do strony głównej?

+

Marketing: Karuzela Banerów, Pasek Banerów, Hero Promocyjny i Newsletter. Produkty: Siatka i Karuzela Produktów, Kafelki i Prezentacja Kategorii, Prezentacja Marek. Treść: Blok Tekstowy i Sekcja Artykułów.

Czy każdy język może mieć inną stronę główną?

+

Tak. Dla każdego języka możesz przygotować kilka układów i opublikować jeden z nich. Jeśli język nie ma własnego układu, platforma pokazuje układ języka domyślnego.

Skąd biorą się produkty w karuzelach i siatkach?

+

Z algorytmu, kategorii, tagu albo z ręcznego wyboru po nazwie lub SKU. Algorytmy to Bestsellery (najwięcej sprzedanych sztuk z 90 dni), Nowości (dodane w ostatnich 30 dniach), Polecane, Promocje (największe rabaty z cennika klienta) i Rekomendacje AI.

Czy klient widzi na stronie głównej swoje ceny?

+

Tak. Zalogowany klient widzi w blokach produktowych swoje ceny i stany, a karuzela „Promocje” pokazuje produkty z największym rabatem z jego cennika. Gość widzi te same produkty bez cen.

Czy na telefonie strona może wyglądać inaczej niż na komputerze?

+

Tak. W zakładce Zaawansowane ustawiasz styl każdego elementu bloku osobno dla komputera, tabletu i telefonu albo ukrywasz element na wybranym urządzeniu. Mniejsze ekrany dziedziczą ustawienia z większych, więc zmieniasz tylko różnice.

Czy mogę nadać blokom własne klasy CSS i ID?

+

Tak. Sekcja każdego bloku może mieć własne klasy CSS i unikalne ID, które stylujesz w module Własny kod. Panel pilnuje, żeby ID nie powtórzyło się na stronie.

Czy mogę przygotować nową stronę główną z wyprzedzeniem?

+

Tak. Nowy układ zakładasz od pustej strony, od kopii bieżącego albo od szablonu i pracujesz nad nim, a klienci nadal widzą opublikowaną wersję. Po publikacji poprzedni układ zostaje na liście do ponownego użycia.

Co się stanie, jeśli zapomnę wypełnić pole w bloku?

+

Blok z pustym wymaganym polem nie trafi do klientów. Okno publikacji pokaże, które bloki wymagają uwagi, i przeniesie Cię do pierwszego błędu.

Czy strona główna z kreatora jest widoczna dla Google?

+

Tak. Treść bloków jest generowana po stronie serwera, nagłówki bloków to H2, a obrazy mają teksty alternatywne. Obrazy poniżej pierwszego ekranu ładują się dopiero przy przewijaniu, co skraca ładowanie strony.

Jak działa blok Newsletter i czy zbiera zgody RODO?

+

Blok ma własną treść zgody marketingowej z linkiem do polityki prywatności. Zapisy trafiają do bazy Saly z datą zgody, a kopię możesz automatycznie przekazać do GetResponse, SALESmanago, Klaviyo albo własnego webhooka.

Ostatnia aktualizacja:

Kontakt

Pokaż klientom stronę główną, która zna ich ceny

Jakie będą kolejne kroki?

  1. 1Zaplanujemy wideokonferencję w optymalnym terminie
  2. 2Przeprowadzimy discovery call, aby poznać Twoje cele
  3. 3Zaprezentujemy funkcjonalności, które je zrealizują