Jak używać presetów i sekcji w Sitejet Builder

Jak używać presetów i sekcji w Sitejet Builder

Presety to gotowe, profesjonalnie zaprojektowane sekcje — ponad 120 bloków w różnych wariantach. Dodaj je jednym kliknięciem, podmień treść i dostosuj kolory do swojej marki.

2 marca 2026 · Sitejet Builder · 6 min czytania

Spis treści

  1. Czym jest preset w Sitejet Builder?
  2. Krok 1 — Otwórz Sitejet Builder przez panel Plesk
  3. Krok 2 — Otwórz lewy panel i kliknij Presety
  4. Krok 3 — Przejrzyj kategorie presetów
  5. Krok 4 — Przeciągnij preset na stronę
  6. Krok 5 — Wybierz wariant presetu
  7. Krok 6 — Podmień treść
  8. Krok 7 — Dostosuj kolory i czcionki
  9. Często zadawane pytania

Czym jest preset w Sitejet Builder?

Preset to gotowa sekcja strony złożona z wielu elementów w jednym kontenerze — kompletny, gotowy do użycia projekt sekcji. Sitejet Builder oferuje ponad 120 presetów podzielonych na kategorie, każdy dostępny w kilku wariantach stylistycznych. Przykładowe presety:

  • Hero / Banner — pełnoekranowe sekcje nagłówkowe
  • Karty (Cards) — obraz + nagłówek + tekst
  • Tabele cenowe — plany i porównanie cen
  • Galeria — różne układy zdjęć
  • Testimoniale — opinie klientów
  • Sekcje CTA — wezwania do działania
  • Akordeon — sekcje zwijane/rozwijane (FAQ)
  • Zespół — profile pracowników
  • Nawigacja i stopka — gotowe nagłówki i stopki
Wskazówka: Presety różnią się od szablonów — szablon to kompletna witryna, a preset to pojedyncza sekcja, którą możesz dodać do już istniejącej strony w dowolnym miejscu.

Jak używać presetów i sekcji — krok po kroku

Krok 1 — Otwórz Sitejet Builder przez panel Plesk
  1. Zaloguj się do panelu Plesk, korzystając z adresu i danych logowania podanych w e-mailu powitalnym od smartxhosting.pl.
  2. W menu po lewej stronie kliknij Witryny i domeny.
  3. Wybierz domenę, dla której chcesz edytować stronę.
  4. Kliknij kafelek Sitejet Builder — edytor otworzy się w nowej karcie przeglądarki.
Krok 2 — Otwórz lewy panel i kliknij Presety
  1. W lewym panelu bocznym znajdź ikonę Presety (Presets) — oznaczoną jako siatka klocków lub z podpisem Presets.
  2. Kliknij ją, aby otworzyć bibliotekę presetów.
Wskazówka: Bibliotekę presetów możesz filtrować według kategorii lub wyszukiwać po nazwie. Wpisz np. "hero" lub "contact", aby szybko znaleźć sekcję danego typu.
Krok 3 — Przejrzyj kategorie presetów
  1. W bibliotece presetów znajdziesz kategorie takie jak: Hero, Features, Testimonials, Contact, Gallery, Pricing, Team, FAQ, Footer i wiele innych.
  2. Kliknij wybraną kategorię, aby przefiltrować dostępne presety.
  3. Przesuń kursor nad wybrany preset, aby zobaczyć jego podgląd.
Krok 4 — Przeciągnij preset na stronę
  1. Kliknij wybrany preset i trzymając wciśnięty przycisk myszy, przeciągnij go na obszar edytora strony.
  2. Niebieska linia podziału wskaże miejsce, w którym sekcja zostanie wstawiona — przed lub po istniejących elementach.
  3. Zwolnij przycisk myszy, aby upuścić preset w wybranym miejscu.
  4. Możesz też kliknąć preset dwukrotnie lub użyć przycisku Dodaj, aby wstawić go na końcu strony.
Krok 5 — Wybierz wariant presetu
  1. Po wstawieniu presetu pojawi się panel z dostępnymi wariantami.
  2. Warianty różnią się układem — np. 1, 2 lub 3 kolumny, zdjęcie po lewej lub prawej stronie, jasne lub ciemne tło.
  3. Kliknij wariant, który najlepiej pasuje do Twoich potrzeb.
  4. Możesz zmienić wariant w każdej chwili, klikając sekcję i wybierając inny wariant z panelu właściwości — treść zostaje zachowana.
Wskazówka: Zanim podmienisz treść, wypróbuj kilka wariantów, żeby wybrać układ, który najlepiej prezentuje Twój przekaz. Zmiana wariantu w obrębie tego samego presetu zachowuje wpisaną treść.
Krok 6 — Podmień treść
  1. Kliknij dwukrotnie dowolny tekst w presecie, aby go edytować.
  2. Zastąp przykładowy tekst własnym nagłówkiem, opisem lub etykietami przycisków.
  3. Kliknij zdjęcie lub grafikę, aby zastąpić je własnym obrazem z biblioteki mediów.
  4. Jeśli preset zawiera ikonki, kliknij je, aby wybrać inne z biblioteki ikon Sitejet.
  5. Zapisz zmiany klikając poza edytowanym elementem.
Krok 7 — Dostosuj kolory i czcionki
  1. Zaznacz sekcję klikając jej obramowanie lub nagłówek sekcji.
  2. W panelu właściwości po prawej stronie zmień kolor tła sekcji.
  3. Aby zmienić globalne kolory i czcionki całej witryny, przejdź do More > Design Settings.
  4. Ustaw paletę kolorów zgodną z Twoją identyfikacją wizualną — zmiany automatycznie zastosują się do wszystkich presetów.
  5. Opublikuj stronę klikając Publish.
Wskazówka: Sitejet obsługuje globalne style — zmieniając kolor akcentu w jednym miejscu, aktualizujesz wygląd wszystkich przycisków i elementów na stronie jednocześnie.

Często zadawane pytania

Czym preset różni się od szablonu?

Szablon to kompletny projekt całej witryny — gotowe strony, nagłówek, stopka i przykładowe treści. Preset to gotowy blok lub sekcja, którą możesz dodać do dowolnego miejsca na istniejącej stronie. Sitejet oferuje ponad 170 szablonów i ponad 120 presetów — to dwa uzupełniające się narzędzia.

Jak wymienić sekcję bez utraty treści?

W Sitejet Builder możesz swobodnie wymieniać warianty tego samego presetu — treść zostaje zachowana, zmienia się tylko układ. Przy zamianie na zupełnie inny typ presetu warto wcześniej skopiować treść tekstową do notatnika i przenieść ją ręcznie. Przed większymi zmianami zawsze utwórz manualny backup w menu hamburgera (≡) → Backups.

Ile presetów oferuje Sitejet?

Sitejet Builder oferuje ponad 120 gotowych sekcji (presetów) podzielonych na kategorie tematyczne i funkcjonalne. Każdy preset dostępny jest w wielu wariantach stylistycznych (różne układy kolumn, jasne/ciemne tło, opcje z grafiką lub bez). Biblioteka jest regularnie rozbudowywana przez twórców Sitejet.

Zobacz też

Potrzebujesz pomocy z Sitejet Builder?

Zespół smartxhosting.pl pomoże Ci uruchomić i skonfigurować profesjonalną stronę internetową w Sitejet Builder.

Skontaktuj się z nami
Sitejet Builder Plesk kreator stron presety gotowe sekcje
Czy ta informacja była pomocna? 0 klientów oceniło tę informację jako przydatną (0 Głosów)