> ## Documentation Index
> Fetch the complete documentation index at: https://andcze.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Edytor strony
> Zbuduj wygląd swojego sklepu wizualnie, z podglądem na żywo i jednym kliknięciem publikacji.
Edytor strony to wizualny kreator, w którym składasz wygląd swojego sklepu z gotowych klocków — bez znajomości programowania. Wszystko, co zmieniasz, widzisz od razu w podglądzie na żywo, dokładnie tak, jak zobaczą to Twoi gracze.
## Jak zbudowany jest edytor
Ekran edytora składa się z kilku obszarów, które warto poznać na starcie.
Tu widzisz, którą stronę edytujesz, przełącznik **Desktop / Mobile**, tryb edycji, podgląd na żywej stronie oraz przycisk **Opublikuj**.
Lista wszystkich podstron Twojego sklepu (strona główna, sklep, regulamin itd.). Tu przełączasz się między stronami i dodajesz nowe.
Każdy blok strony ma swój kolorowy pasek po lewej. Dzięki temu od razu widzisz, z ilu sekcji składa się strona i gdzie się zaczynają oraz kończą. Kliknięcie paska przewija podgląd do tej sekcji.
Zestaw ikon: dodawanie bloku, struktura strony, nawigacja, szablony, projekt, ustawienia i generator AI. To Twoje centrum dowodzenia.
Środek ekranu to **podgląd na żywo** — Twoja strona taka, jaka jest naprawdę. Klikasz w niej elementy, żeby je edytować. Na samej górze paska sekcji jest też osobne pole **Nawigacja (navbar)**, a na samym dole **Stopka (footer)** — klikasz je, aby edytować górne menu i stopkę.
Gdy zaznaczysz blok, jego ustawienia otwierają się jako mały panel po prawej stronie podglądu. Panele narzędzi (np. „Dodaj blok") otwierają się po lewej stronie. Dzięki temu nie tracisz z oczu strony.
## Pasek narzędzi u góry
To stąd sterujesz całą pracą nad stroną.
Pokazuje, którą podstronę właśnie edytujesz. Jeśli masz niezapisane zmiany, obok pojawia się informacja **• niezapisane**.
Przełącznik widoku komputera i telefonu. Sprawdzaj oba — większość graczy wchodzi z telefonu.
Włącza i wyłącza tryb edycji bezpośrednio w podglądzie. Gdy jest włączony, możesz klikać i poprawiać teksty wprost na stronie.
Otwiera Twoją stronę w nowej karcie — tak, jak widzi ją gracz.
Przycisk **Opublikuj** jest aktywny tylko wtedy, gdy masz niezapisane zmiany. Jeśli jest wyszarzony, to znaczy, że wszystko już zostało zapisane.
## Strony i podstrony
Twój sklep to nie tylko strona główna. W pasku stron (pod górnym paskiem narzędzi) widzisz wszystkie podstrony i przełączasz się między nimi jednym kliknięciem.
Pierwsza strona, którą widzą gracze. Zawsze widoczna pod adresem głównym — nie da się jej usunąć.
Gotowe podstrony, które tworzą się same: **sklep**, **serwery**, **status zamówienia**, **realizacja vouchera**, **regulamin**, **polityka prywatności**. Oznaczone jako **stała**.
Dodajesz je przyciskiem **+ Strona**. Idealne na podstrony typu „Promocje", „O serwerze" czy „Kontakt".
Przycisk po prawej w pasku stron. Otwiera ustawienia aktualnie wybranej podstrony.
### Ustawienia pojedynczej strony
Po kliknięciu **Ustawienia strony** (dla strony innej niż główna) możesz zmienić:
Nazwa wyświetlana w menu i na karcie strony, np. „Promocje".
Końcówka adresu strony, np. `promocje`. W stronach standardowych adres jest stały i nie można go zmienić.
Zaznacz, jeśli chcesz, żeby strona pojawiła się w górnym menu sklepu.
Własne strony możesz całkowicie skasować. Strony standardowe można tylko **ukryć ze sklepu** — ich adres pozostaje aktywny, ale znikają z menu i stopki.
Strony standardowe (regulamin, polityka, status zamówienia) są edytowalne jak każda inna — możesz dodawać do nich własne bloki, teksty i grafiki. Jeśli ukryjesz taką stronę, możesz ją później przywrócić jednym kliknięciem.
## Z czego składa się strona — bloki
Strona to zestaw bloków ułożonych jeden pod drugim. Możesz je dodawać, usuwać i przestawiać. W panelu **Dodaj blok** (ikona **+** na pasku narzędzi) bloki są pogrupowane:
### Sekcje strony głównej
To gotowe, „inteligentne" sekcje, które same pobierają dane z Twojego sklepu. Każdą z nich możesz dodać tylko raz.
Duży baner powitalny na samej górze — pierwsze, co widzi gracz. Możesz ustawić render skina (po nicku gracza lub z własnego obrazka) oraz własne przyciski.
Wyróżniony komunikat dla graczy, np. o promocji lub evencie.
Sekcja prezentująca tryby serwera i przejście do sklepu.
Pasek postępu pokazujący, ile brakuje do zebrania celu na dany miesiąc.
Lista świeżo dokonanych zakupów — buduje zaufanie i zachęca innych.
Ranking największych wspierających serwer.
Prezentacja zespołu administracji serwera (nick + rola).
### Sekcje sklepu
To pełne funkcje sklepu zamknięte w bloku. Dzięki nim strony takie jak „sklep" czy „status zamówienia" są w pełni edytowalne.
Lista Twoich produktów. Możesz przypiąć katalog do konkretnego serwera albo pozwolić graczom wybrać tryb.
Prezentacja Twoich serwerów Minecraft.
Pole, w którym gracz sprawdza status swojego zamówienia.
Pole do wpisania i zrealizowania kodu vouchera.
Sekcja z regulaminem lub polityką prywatności.
### Układ (kontenery)
Klocki, w których układasz inne klocki — przydatne, gdy chcesz np. dwie kolumny obok siebie.
Pojemnik na całą sekcję: ustawiasz wysokość (odstęp pionowy), szerokość treści i kolor tła.
Układa elementy obok siebie w kolumnach. Ustawiasz odstęp i wyrównanie w pionie.
Pojedyncza kolumna w wierszu. Ustawiasz jej szerokość (1×, 2×, 3×).
Aby dodać element **w środku** kontenera (np. nagłówek do kolumny), najpierw zaznacz kontener, a dopiero potem wybierz blok z palety. Element trafi do jego wnętrza.
### Własne bloki
Proste klocki, z których budujesz dowolną treść.
Akapit tekstu (z obsługą prostego formatowania) z opcjonalnym nagłówkiem i wyrównaniem.
Sam nagłówek — wybierasz poziom (duży `H1`, średni `H2`, mniejszy `H3`) i wyrównanie.
Wstaw grafikę z adresu URL, dodaj opis, ustaw szerokość, link i zaokrąglenie rogów.
Lista pytań i odpowiedzi (rozwijane), z własnym nagłówkiem sekcji.
Wyróżniony blok z nagłówkiem, podtytułem i przyciskiem zachęcającym do działania.
Pojedynczy przycisk z tekstem, linkiem, ikoną i stylem (Marka / Ciemny / Obrys).
Kolorowy pasek z tekstem i opcjonalnym przyciskiem — styl gradientowy lub ciemny.
Pusta przerwa (mała / średnia / duża), gdy chcesz oddzielić sekcje.
Jest też blok **HTML / CSS** dla osób, które chcą wkleić własny gotowy fragment kodu. To opcja zaawansowana — jeśli nie wiesz, co to, spokojnie ją pomiń. Wszystko da się zbudować z pozostałych klocków.
Nie musisz używać wszystkich bloków. Zacznij od kilku najważniejszych (hero + katalog produktów), a resztę dodawaj stopniowo, gdy będą Ci potrzebne.
## Edytowanie treści — wystarczy kliknąć
Edycja jest prosta: klikasz to, co chcesz zmienić.
Upewnij się, że przycisk **Edytuj na stronie** jest aktywny (podświetlony). Wtedy podgląd reaguje na kliknięcia.
Najedź na tekst, nagłówek czy przycisk i kliknij go. Edytor podświetli wybrany element.
Wiele napisów możesz poprawiać od razu w miejscu (tzw. edycja inline) — po prostu zaznacz tekst i wpisz nowy.
Bardziej rozbudowane opcje (np. kolory, liczba kolumn, co dany blok pokazuje) otwierają się w panelu ustawień po prawej, po kliknięciu bloku.
### Edycja danych sklepu wprost na stronie
Gdy klikniesz w podglądzie nazwę produktu albo opis serwera, edytor pozwoli Ci poprawić te dane od razu — bez wchodzenia do osobnej zakładki. Taka zmiana zapisuje się natychmiast w danych sklepu (nie czeka na publikację).
Edycja nazwy/opisu produktu lub serwera zmienia **prawdziwe dane sklepu**. To wygodny skrót, ale pamiętaj, że zobaczą je gracze od razu po zapisaniu.
### Ustawienia każdego bloku
Po kliknięciu bloku, w panelu po prawej, oprócz pól danego bloku znajdziesz dwie opcje wspólne dla wszystkich bloków:
Wybierz, jak blok ma się pojawić, gdy gracz do niego przewinie: pojawienie z dołu, z góry lub przybliżenie. Albo zostaw **Brak**.
Ustaw szerokość bloku (pełna, 3/4, połowa, 1/3), minimalną wysokość oraz odstępy z góry i z dołu. Szerokość dotyczy widoku komputera — na telefonie blok zawsze zajmuje całą szerokość.
Szerokość i wysokość bloku możesz zmieniać też **przeciągając jego krawędzie** bezpośrednio w podglądzie — to często szybsze niż wpisywanie liczb.
### Styl zaznaczonego tekstu (pasek nad elementem)
Gdy klikniesz pojedynczy napis (np. nagłówek hero), nad nim pojawi się mały pasek do precyzyjnego stylowania właśnie tego elementu:
Zmień kolor tekstu oraz kolor tła pod nim. Każdy kolor możesz w każdej chwili zresetować.
Ustaw wielkość liter (w pikselach) oraz grubość (normalna, półgruba, gruba, bardzo gruba).
Wyrównaj tekst do lewej, do środka lub do prawej.
Dodaj odstęp od góry i dołu oraz zaokrąglij rogi tła pod tekstem.
Jeśli przekombinujesz ze stylem, użyj przycisku **Wyczyść style elementu** — wróci do wyglądu wynikającego z motywu.
## Struktura strony
Ikona **Struktura** na pasku narzędzi pokazuje całą stronę jako listę bloków — wygodnie, gdy strona jest długa.
Chwyć blok za uchwyt i przeciągnij go w górę lub w dół, aby zmienić kolejność.
Ikona oka chowa blok bez usuwania go — przyda się, gdy chcesz coś tymczasowo schować.
Kosz całkowicie usuwa blok ze strony.
Przycisk **Domyślne** przywraca układ tej strony do stanu wyjściowego.
Na górze i dole listy struktury widać **Pasek nawigacji** oraz **Stopkę**. To stałe elementy każdej strony — kliknij je, aby edytować, albo użyj oka, aby je ukryć lub pokazać.
## Pasek nawigacji (góra strony)
Górne menu sklepu edytujesz w panelu **Nawigacja**. Kliknij ikonę menu na pasku narzędzi (albo sam pasek nawigacji w podglądzie).
### Wygląd paska
Tekstowa nazwa sklepu. Zostaw puste, aby użyć nazwy sklepu.
Wgraj własny plik z logo (PNG/JPG/WebP) — zastąpi napis. Alternatywnie możesz wkleić adres URL logo. Puste = ikona domyślna.
Zmień etykietę głównego przycisku prowadzącego do katalogu — lub ukryj go całkowicie.
Włącz, aby pokazać w pasku liczbę graczy online.
Ustaw wysokość logo w pikselach (lub zostaw automatyczną).
Określ maksymalną szerokość paska nawigacji.
Możesz też **ukryć cały pasek nawigacji**, jeśli wolisz stronę bez górnego menu.
### Linki i przekierowania
Dodaj pozycję w menu, która prowadzi do **dowolnego adresu** (np. Discord, regulamin na zewnętrznej stronie, inny serwis) — zamiast do podstrony sklepu. Dla każdego linku ustawiasz etykietę, adres oraz to, czy ma się otwierać w nowej karcie.
### Co pokazać w menu
Pod ustawieniami paska znajdziesz listę wszystkich pozycji menu (Strona główna i Twoje podstrony). Ikona oka przy każdej pozycji pokazuje lub ukrywa ją w menu, a przy własnych stronach kosz usuwa stronę całkowicie. Nazwę pozycji możesz tu też szybko zmienić.
Jeśli w menu uzbiera się więcej niż **4 pozycje**, edytor pokaże ostrzeżenie. Zbyt długie menu zaśmieca nagłówek i źle wygląda na telefonie — zostaw tylko najważniejsze odnośniki.
## Stopka (dół strony)
Stopkę zmieniasz w panelu **Stopka** (kliknij ją w podglądzie lub na pasku sekcji). Stopka pojawia się na każdej podstronie sklepu.
Adres, pod którym gracze wchodzą na serwer (pojawia się też w pasku „kopiuj IP" w hero).
Link zaproszenia do Twojego Discorda — wyświetlany jako karta w stopce.
Liczba pokazywana przy karcie Discord — buduje zaufanie.
Linki do YouTube, TikToka, Facebooka i Instagrama.
Ukryj kartę albo zmień jej nagłówek i podtytuł.
Informacje o firmie (np. nazwa, NIP, adres) oraz własny tekst praw autorskich.
Możesz też **ukryć całą stopkę** oraz dostosować jej wysokość (odstęp) i szerokość.
Logo, stopkę, Discord oraz IP serwera ustawiasz w jednym miejscu — w edytorze. **Nie musisz** wpisywać tego osobno w ustawieniach, bo te dane się nie dublują. Jeśli zmienisz je w edytorze, zmienią się na całej stronie.
Zmiany w stopce pojawią się w podglądzie dopiero po kliknięciu **Opublikuj** — stopka renderuje zapisane dane sklepu.
## Widok komputera i telefonu
Większość Twoich graczy wejdzie na sklep z telefonu, dlatego warto sprawdzić oba widoki.
U góry edytora znajdziesz przełącznik **Desktop / Mobile**. Przełącz na widok telefonu, aby upewnić się, że wszystko ładnie się układa również na mniejszym ekranie. Pamiętaj: na telefonie bloki zawsze zajmują pełną szerokość, niezależnie od ustawień szerokości na komputerze.
## Szablony pojedynczej strony
Ikona **Szablony** na pasku narzędzi oferuje gotowe układy, które wstawisz jednym kliknięciem na aktualną stronę:
Nagłówek + opis + przycisk, wyśrodkowane.
Wiersz z dwiema kolumnami (nagłówek + tekst w każdej).
Najczęstsze pytania i wezwanie do działania.
Wybór szablonu **zastąpi** dotychczasowy układ aktywnej strony. Wszystko jednak pozostaje edytowalne — to tylko gotowy punkt startowy.
## Wygląd i kolory — panel Projekt
W panelu **Projekt** (ikona palety) ustawiasz wygląd całego sklepu naraz.
### Szablon (wariant kolorów)
Do wyboru masz kilka spójnych stylów:
Ciemny z pomarańczem — uniwersalny (domyślny).
Ciemny, energetyczny pomarańcz.
Ciemny, pixelowy, czerwień.
Jasny, zielony, czysty.
Ciemny fiolet, glossy.
Zmiana szablonu **zresetuje wszystkie Twoje edycje** do układu domyślnego nowego szablonu. Edytor poprosi o potwierdzenie — jeśli włożyłeś już dużo pracy w stronę, dobrze się zastanów przed zmianą.
### Czcionka i kolory marki
Wybierz krój pisma dla całego sklepu: Poppins (domyślna), systemowa, monospace, szeryfowa lub zaokrąglona.
Główny kolor Twojego sklepu — używany m.in. na przyciskach i akcentach.
Dodatkowy kolor wyróżnień. Możesz go zostawić pusty (wtedy użyty będzie kolor z szablonu).
Kolory i czcionka dotyczą **całego sklepu** (wszystkich podstron) — to najszybszy sposób, by nadać mu spójny wygląd.
## Ustawienia sklepu z poziomu edytora
Panel **Ustawienia** (ikona koła zębatego) to zestaw szybkich skrótów do miejsc, które wpływają na wygląd sklepu: logo i dane sklepu, języki i tłumaczenia, zespół i administracja oraz domena własna. Klikasz skrót i przechodzisz do właściwej zakładki panelu.
## Sekcje, które trzeba najpierw włączyć
Niektóre bloki — na przykład **cel miesiąca** czy **administracja** — nie pokażą się graczom, dopóki ich nie skonfigurujesz. Jeśli taki blok jest pusty, edytor wyświetli Ci podpowiedź z instrukcją, co zrobić, aby go uruchomić.
Potraktuj te podpowiedzi jak listę zadań. Gdy uzupełnisz brakujące dane, blok od razu ożyje i pojawi się na stronie.
W bloku **Administracja** dodajesz członków zespołu wprost w jego ustawieniach — wpisujesz nick gracza (na jego podstawie wyświetla się render skina) oraz rolę (np. „Właściciel", „Admin"). Lista zapisuje się przy publikacji.
## Generator zmian przez AI
W panelu **Generator AI** (ikona iskierek) masz pomocnika opartego na sztucznej inteligencji. Wystarczy opisać własnymi słowami, co chcesz dodać na stronie (np. „Dodaj sekcję FAQ o płatnościach i przycisk do sklepu"), a generator zaproponuje gotowe bloki.
Wpisz polecenie własnymi słowami albo kliknij jedną z gotowych podpowiedzi.
Generator pokaże, jakie bloki zamierza dodać i krótkie podsumowanie.
Kliknij **Dodaj do strony** — bloki pojawią się na końcu aktualnej strony. Możesz je potem dowolnie przestawić i poprawić.
Generator AI **dodaje** bloki — nie nadpisuje całej strony. To wygodny skrót, gdy nie wiesz, od czego zacząć, albo chcesz szybko stworzyć sekcję FAQ czy baner promocyjny.
## Publikacja zmian
Wszystkie zmiany, które robisz w edytorze, są na razie tylko Twoją wersją roboczą — gracze ich jeszcze nie widzą.
Ułóż bloki, popraw teksty i wybierz kolory tak, jak chcesz.
Przejrzyj stronę w widoku Desktop i Mobile, żeby mieć pewność, że wszystko wygląda dobrze.
Dopiero ten przycisk zapisuje zmiany na żywej stronie — od tego momentu widzą je Twoi gracze.
Dopóki nie klikniesz **Opublikuj**, Twoje zmiany nie trafią do graczy. Jeśli coś poprawiasz, a strona „się nie zmienia", najczęściej oznacza to, że zmiany czekają na publikację. Znacznik **• niezapisane** w górnym pasku przypomni Ci, że masz coś do opublikowania.
## Dobre praktyki
* **Zacznij od kilku bloków** — hero + katalog produktów wystarczą na start. Resztę dodawaj stopniowo.
* **Sprawdzaj telefon** — przełączaj widok na Mobile po każdej większej zmianie. Tam wchodzi większość graczy.
* **Maks. 4 pozycje w menu** — krótkie menu wygląda lepiej i nie zasłania nagłówka na telefonie.
* **Ostrożnie ze zmianą szablonu** — to kasuje Twoje edycje. Zmieniaj szablon na początku, nie po godzinach pracy.
* **Nie zapomnij opublikować** — żadna zmiana nie trafi do graczy, dopóki nie klikniesz **Opublikuj**.
* **Testuj na żywo** — po publikacji kliknij **Otwórz** i sprawdź stronę tak, jak widzi ją gracz.