Dowiedz się, jak edytować i budować Stronę główną swojego sklepu. To główne miejsce, gdzie w intuicyjny sposób dopasujesz wygląd oraz układ treści na swoim sklepie!

Zespół Selesto

20.02.2026

Edycja Strony głównej w Selesto - panel z sekcją Slider z produktami, podgląd nagłówka, treści oraz lista wybranych produktów w edytorze.

O stronie głównej

Jest to pierwsze miejsce, z którym styka się klient po wejściu do sklepu. To ona buduje pierwsze wrażenie, komunikuje charakter marki i nadaje kierunek dalszej nawigacji. Odpowiednio zaprojektowana powinna jasno pokazywać ofertę, wyróżniać kluczowe sekcje oraz prowadzić użytkownika do najważniejszych kategorii lub produktów.

To najważniejsza przestrzeń pod kątem sprzedaży i konwersji. Właśnie tutaj możesz eksponować nowości, bestsellery, promocje czy komunikaty marketingowe, które realnie wpływają na decyzje zakupowe.

Dobrze zaplanowana Strona główna porządkuje ofertę, wzmacnia wiarygodność sklepu i skraca drogę klienta do koszyka. Jest centralnym punktem całej struktury sklepu i fundamentem skutecznego UX.

Edycja Strony głównej w Selesto

Jeśli szukasz inspiracji dla swojego sklepu, to zapraszamy do obejrzenia dedykowanych stron naszych klientów:
Emel
Kulunove
Lamar

Konfiguracja

Aby rozpocząć, przejdź do Wygląd > CMS > Strona główna. Po otwarciu tej sekcji z prawej strony pojawi się panel boczny do wprowadzania zmian, a w głównej części panelu administracyjnego zobaczysz podgląd strony głównej, który będzie na bieżąco odzwierciedlał wprowadzane modyfikacje.

Selesto - przegląd ustawieś strony głównej

Dodatkowo w prawym górnym rogu możesz wygodnie przełączać się pomiędzy wersjami językowymi swojej strony, aby przyspieszyć tworzenie i edycję swojego sklepu.

Jeśli chcesz zmienić kolejność sekcji, użyj przycisku obok pola Szukaj. Po zakończeniu zmian wyłącz ten tryb (odznacz przycisk), aby wrócić do tworzenia lub edycji strony.

1 Ustawienia główne

Ustawienia menu - tutaj decydujesz, czy na Stronie głównej będzie używane przezroczyste menu. Włączenie opcji Ustaw przezroczyste menu na tej stronie sprawia, że nagłówek wizualnie stapia się z górną sekcją strony (np. ze sliderem), co podkreśla charakter layoutu.

Ustawienia układu - w tym miejscu określasz proporcje wiersza lewo-prawo oraz odstęp kolumn wiersza lewo-prawo. Układ kolumn i odstęp dotyczy sekcji Lewa strona i Prawa strona, czyli tego, jak szeroka będzie każda z nich oraz jaką przestrzeń zachowasz między nimi na Stronie głównej.

Przyklej podczas przewijania strony - ta opcja pozwala zdecydować, czy wybrane elementy mają być przyklejone (sticky) podczas scrollowania. Możesz całkowicie ją wyłączyć albo ustawić przyklejanie dla Lewej strony lub Prawej strony, tak aby wybrana kolumna była cały czas widoczna podczas przewijania treści.

Więcej informacji o układzie znajdziesz poniżej w punkcie 3.

2 SEO

W sekcji SEO skonfigurujesz podstawowe metadane Strony głównej, które są widoczne w wynikach wyszukiwania. W polu Meta title ustawisz tytuł strony wyświetlany w Google, a w Meta description (description) dodasz krótki opis zachęcający do wejścia na stronę.

Selesto - panel ustawień strony głównej - SEO

Selesto - Ustawienia strony głównej - SEO

Meta title - to tytuł strony zapisany w kodzie HTML, który wyświetla się jako główny nagłówek w wynikach wyszukiwania oraz w karcie przeglądarki. Jest jednym z kluczowych elementów wpływających na widoczność strony w Google, ponieważ informuje wyszukiwarkę i użytkownika, czego dotyczy dana podstrona.

Meta description to krótki opis strony, który pojawia się pod tytułem w wynikach wyszukiwania. Nie jest bezpośrednim czynnikiem rankingowym, ale wpływa na decyzję użytkownika o kliknięciu w link, dlatego powinien jasno komunikować ofertę i zachęcać do odwiedzin.

og:image to znacznik Open Graph, który określa, jaka grafika zostanie wyświetlona w podglądzie linku po udostępnieniu strony w mediach społecznościowych, takich jak Facebook czy LinkedIn.

3 Układ strony

Układ Góra - Lewo - Prawo - Dół definiuje ogólną strukturę Strony głównej i sposób rozmieszczenia treści. Dzięki niemu możesz logicznie podzielić stronę na sekcje i kontrolować, jak prezentowane są elementy w centralnej części layoutu.

Uwaga!
Sekcje Góra oraz Dół NIE SĄ powiązane z Menu oraz Footer. Dotyczą one jedynie układu strony.

Selesto - układ strony Góra-Lewo-Prawo-Dół

Wskazówka:
Jeśli projekt Twojej strony nie wykorzystuje podziału Lewo–Prawo, dodawaj elementy wyłącznie do sekcji Góra, a pozostałe sekcje możesz pozostawić puste. W praktyce jest to rozwiązanie, które sprawdza się w zdecydowanej większości przypadków i pozwala zachować prosty i czytelny układ strony.

Aby zacząć budować stronę rozwiń część układu strony, którą chcesz edytować (np. Góra) i dodaj sekcję z listy dostępnych elementów. Opis poszczególnych elementów znajdziesz tutaj.

Selesto - Ustawienia strony głównej - dodawanie elementów

Jeśli chcesz ponownie wykorzystać wcześniej zdefiniowaną sekcję, możesz skopiować ją do schowka i wkleić w odpowiednie miejsce. Ta funkcjonalność działa także między różnymi stronami - na przykład sekcję utworzoną na stronie głównej możesz wkleić na inną podstronę (o ile dana sekcja jest dostępna dla tej strony).

Selesto - Ustawienia strony głównej - manipulacja sekcjami