Edytor strony z podglądem na żywo i paskami narzędzi
Jak zbudowany jest edytor
Ekran edytora składa się z kilku obszarów, które warto poznać na starcie.Górny pasek (toolbar)
Tu widzisz, którą stronę edytujesz, przełącznik Desktop / Mobile, tryb edycji, podgląd na żywej stronie oraz przycisk Opublikuj.
Pasek stron (pod toolbarem)
Lista wszystkich podstron Twojego sklepu (strona główna, sklep, regulamin itd.). Tu przełączasz się między stronami i dodajesz nowe.
Kolorowe paski sekcji (z lewej)
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.
Pionowy pasek narzędzi (z prawej)
Zestaw ikon: dodawanie bloku, struktura strony, nawigacja, szablony, projekt, ustawienia i generator AI. To Twoje centrum dowodzenia.
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ą.Edytujesz: nazwa strony
Pokazuje, którą podstronę właśnie edytujesz. Jeśli masz niezapisane zmiany, obok pojawia się informacja • niezapisane.
Desktop / Mobile
Przełącznik widoku komputera i telefonu. Sprawdzaj oba — większość graczy wchodzi z telefonu.
Edytuj na stronie
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.
Otwórz
Otwiera Twoją stronę w nowej karcie — tak, jak widzi ją gracz.
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.Strona główna
Pierwsza strona, którą widzą gracze. Zawsze widoczna pod adresem głównym — nie da się jej usunąć.
Strony standardowe
Gotowe podstrony, które tworzą się same: sklep, serwery, status zamówienia, realizacja vouchera, regulamin, polityka prywatności. Oznaczone jako stała.
Własne strony
Dodajesz je przyciskiem + Strona. Idealne na podstrony typu „Promocje”, „O serwerze” czy „Kontakt”.
Ustawienia strony
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ć:1
Tytuł strony
Nazwa wyświetlana w menu i na karcie strony, np. „Promocje”.
2
Adres (slug)
Końcówka adresu strony, np.
promocje. W stronach standardowych adres jest stały i nie można go zmienić.3
Pokaż w nawigacji
Zaznacz, jeśli chcesz, żeby strona pojawiła się w górnym menu sklepu.
4
Usuń stronę
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.Hero
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.
Baner ogłoszenia
Wyróżniony komunikat dla graczy, np. o promocji lub evencie.
Tryby / sklep
Sekcja prezentująca tryby serwera i przejście do sklepu.
Cel miesiąca
Pasek postępu pokazujący, ile brakuje do zebrania celu na dany miesiąc.
Ostatnie zakupy
Lista świeżo dokonanych zakupów — buduje zaufanie i zachęca innych.
Najbogatsi gracze
Ranking największych wspierających serwer.
Administracja
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.Sklep (katalog)
Lista Twoich produktów. Możesz przypiąć katalog do konkretnego serwera albo pozwolić graczom wybrać tryb.
Lista serwerów
Prezentacja Twoich serwerów Minecraft.
Status zamówienia
Pole, w którym gracz sprawdza status swojego zamówienia.
Realizacja vouchera
Pole do wpisania i zrealizowania kodu vouchera.
Treść prawna
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.Sekcja
Pojemnik na całą sekcję: ustawiasz wysokość (odstęp pionowy), szerokość treści i kolor tła.
Wiersz (kolumny)
Układa elementy obok siebie w kolumnach. Ustawiasz odstęp i wyrównanie w pionie.
Kolumna
Pojedyncza kolumna w wierszu. Ustawiasz jej szerokość (1×, 2×, 3×).
Własne bloki
Proste klocki, z których budujesz dowolną treść.Tekst
Akapit tekstu (z obsługą prostego formatowania) z opcjonalnym nagłówkiem i wyrównaniem.
Nagłówek
Sam nagłówek — wybierasz poziom (duży
H1, średni H2, mniejszy H3) i wyrównanie.Obraz
Wstaw grafikę z adresu URL, dodaj opis, ustaw szerokość, link i zaokrąglenie rogów.
FAQ
Lista pytań i odpowiedzi (rozwijane), z własnym nagłówkiem sekcji.
Wezwanie (CTA)
Wyróżniony blok z nagłówkiem, podtytułem i przyciskiem zachęcającym do działania.
Przycisk
Pojedynczy przycisk z tekstem, linkiem, ikoną i stylem (Marka / Ciemny / Obrys).
Baner promo
Kolorowy pasek z tekstem i opcjonalnym przyciskiem — styl gradientowy lub ciemny.
Odstęp
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.
Edytowanie treści — wystarczy kliknąć
Edycja jest prosta: klikasz to, co chcesz zmienić.1
Włącz tryb edycji
Upewnij się, że przycisk Edytuj na stronie jest aktywny (podświetlony). Wtedy podgląd reaguje na kliknięcia.
2
Kliknij element na podglądzie
Najedź na tekst, nagłówek czy przycisk i kliknij go. Edytor podświetli wybrany element.
3
Edytuj tekst bezpośrednio
Wiele napisów możesz poprawiać od razu w miejscu (tzw. edycja inline) — po prostu zaznacz tekst i wpisz nowy.
4
Otwórz ustawienia bloku
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:Animacja wejścia
Wybierz, jak blok ma się pojawić, gdy gracz do niego przewinie: pojawienie z dołu, z góry lub przybliżenie. Albo zostaw Brak.
Rozmiar i odstępy
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ść.
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:Kolor i tło
Zmień kolor tekstu oraz kolor tła pod nim. Każdy kolor możesz w każdej chwili zresetować.
Rozmiar i grubość
Ustaw wielkość liter (w pikselach) oraz grubość (normalna, półgruba, gruba, bardzo gruba).
Wyrównanie
Wyrównaj tekst do lewej, do środka lub do prawej.
Odstępy i zaokrąglenie
Dodaj odstęp od góry i dołu oraz zaokrąglij rogi tła pod tekstem.
Struktura strony
Ikona Struktura na pasku narzędzi pokazuje całą stronę jako listę bloków — wygodnie, gdy strona jest długa.Przestawianie
Chwyć blok za uchwyt i przeciągnij go w górę lub w dół, aby zmienić kolejność.
Pokaż / ukryj
Ikona oka chowa blok bez usuwania go — przyda się, gdy chcesz coś tymczasowo schować.
Usuwanie
Kosz całkowicie usuwa blok ze strony.
Domyślne
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
Nazwa w pasku
Tekstowa nazwa sklepu. Zostaw puste, aby użyć nazwy sklepu.
Logo sklepu
Wgraj własny plik z logo (PNG/JPG/WebP) — zastąpi napis. Alternatywnie możesz wkleić adres URL logo. Puste = ikona domyślna.
Przycisk „Sklep”
Zmień etykietę głównego przycisku prowadzącego do katalogu — lub ukryj go całkowicie.
Licznik „online”
Włącz, aby pokazać w pasku liczbę graczy online.
Wysokość logo
Ustaw wysokość logo w pikselach (lub zostaw automatyczną).
Szerokość paska
Określ maksymalną szerokość paska nawigacji.
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ć.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.IP serwera
Adres, pod którym gracze wchodzą na serwer (pojawia się też w pasku „kopiuj IP” w hero).
Discord
Link zaproszenia do Twojego Discorda — wyświetlany jako karta w stopce.
Liczba członków społeczności
Liczba pokazywana przy karcie Discord — buduje zaufanie.
Media społecznościowe
Linki do YouTube, TikToka, Facebooka i Instagrama.
Karta Discord
Ukryj kartę albo zmień jej nagłówek i podtytuł.
Nota prawna i prawa autorskie
Informacje o firmie (np. nazwa, NIP, adres) oraz własny tekst praw autorskich.
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.Szablony pojedynczej strony
Ikona Szablony na pasku narzędzi oferuje gotowe układy, które wstawisz jednym kliknięciem na aktualną stronę:Sekcja Hero
Nagłówek + opis + przycisk, wyśrodkowane.
Dwie kolumny
Wiersz z dwiema kolumnami (nagłówek + tekst w każdej).
FAQ + CTA
Najczęstsze pytania i wezwanie do działania.
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:Forge
Ciemny z pomarańczem — uniwersalny (domyślny).
Lava
Ciemny, energetyczny pomarańcz.
Crimson
Ciemny, pixelowy, czerwień.
Mint
Jasny, zielony, czysty.
Nebula
Ciemny fiolet, glossy.
Czcionka i kolory marki
Czcionka
Wybierz krój pisma dla całego sklepu: Poppins (domyślna), systemowa, monospace, szeryfowa lub zaokrąglona.
Kolor marki
Główny kolor Twojego sklepu — używany m.in. na przyciskach i akcentach.
Kolor akcentu
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ć. 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.1
Opisz, co dodać
Wpisz polecenie własnymi słowami albo kliknij jedną z gotowych podpowiedzi.
2
Sprawdź propozycję
Generator pokaże, jakie bloki zamierza dodać i krótkie podsumowanie.
3
Dodaj do strony
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ą.1
Dopracuj stronę
Ułóż bloki, popraw teksty i wybierz kolory tak, jak chcesz.
2
Sprawdź podgląd
Przejrzyj stronę w widoku Desktop i Mobile, żeby mieć pewność, że wszystko wygląda dobrze.
3
Kliknij „Opublikuj”
Dopiero ten przycisk zapisuje zmiany na żywej stronie — od tego momentu widzą je Twoi gracze.