Personalizacja wyglądu sklepu
Wygląd Twojego sklepu w Neolada opiera się na trzech warstwach: szablon startowy (baza sklepu), motyw (wygląd i strony) oraz szablony stron (układy stron produktu, kolekcji itd.). Sekcje wypełniają każdą stronę treścią. Wszystko składasz w jednym Personalizatorze — edytorze z żywym podglądem sklepu obok. A najszybszy sposób, żeby go wypełnić, to po prostu powiedzieć AI, czego chcesz — albo wręcz pokazać AI zrzut ekranu, a on złoży z niego sekcje. Asystent dodaje sekcje, zmienia teksty i poprawia kolory za Ciebie. Poniżej masz przewodnik krok po kroku.
Szablon startowy
Wybierasz szkielet sklepu: jakie strony są tworzone i jakie typy sekcji zawierają. Do wyboru 7 szablonów startowych: Boutique, Boutique Editorial, Catalog, Studio, Gastro, Fitness & Wellness i Edukacja.
Sekcje
Dodajesz, edytujesz, układasz pojedyncze sekcje na każdej stronie. To tu zmieniasz teksty, obrazki, listy produktów — komendą AI (Krok 2) albo ręcznie w zakładce Sekcje Personalizatora.
Motyw
Zmieniasz kolory, fonty, odstępy — całość pod własną markę, w zakładce Motyw tego samego Personalizatora. Dostępne w planach Starter i wyższych.
Wybór szablonu startowego
Szablon startowy to gotowy szkielet sklepu — definiuje, jakie strony ma sklep (Strona główna, O nas, Kontakt, itd.) i jakie typy sekcji są na nich dostępne (hero, lista produktów, formularz, sekcja zaufania). Każdy szablon startowy ma własną estetykę: kolory, fonty, sposób układania treści.
Jak wybrać szablon startowy przy zakładaniu sklepu
- Po rejestracji konta pojawia się ekran Wybierz szablon startowy.
- Klikasz kafelek z wybranym szablonem startowym.
- Sklep zostaje natychmiast skonfigurowany — masz strony i przykładową treść.
Jak zmienić szablon startowy w istniejącym sklepie
- Wejdź w Sklepy i otwórz swój sklep.
- W sekcji ustawień kliknij link „Zmień szablon startowy →".
- Zobaczysz galerię dostępnych szablonów startowych. Aktualny ma plakietkę „Wybrany".
- Po kliknięciu innego szablonu startowego pojawi się podgląd zmiany: ile sekcji zostanie zachowanych, ile zmieni typ, a ile zostanie usuniętych (bo nowy szablon startowy ich nie zawiera). Zobaczysz to dla każdej strony osobno.
- Klikasz „Zatwierdź zmianę" — gotowe. Treść jest migrowana automatycznie, jeśli sekcje mają swój odpowiednik w nowym szablonie startowym.
Jeśli Twój sklep jest opublikowany
Zmiana szablonu startowego nie jest natychmiast widoczna dla odwiedzających. Publiczna wersja sklepu używa zapisanego stanu każdej strony. Aby zaktualizować to, co widzą klienci, opublikuj każdą stronę ponownie z Personalizatora.
Limit zmian szablonu startowego
Plan Free: do 3 zmian w miesiącu kalendarzowym. Plany Starter, Growth i Pro: bez limitu. Licznik resetuje się 1. dnia każdego miesiąca.
Buduj sklep komendami AI
Najszybszy sposób, żeby zbudować i dopracować sklep, to po prostu powiedzieć, czego chcesz. W Personalizatorze masz zakładkę AI — czat z asystentem. Wpisujesz po polsku polecenie, a AI wykonuje je na stronie: dodaje i układa sekcje, zmienia teksty, generuje treści, poprawia kolory. Podgląd obok odświeża się od razu.
Jak otworzyć AI
- Wejdź w Sklepy → wybierz sklep → Motywy.
- Kliknij „Personalizuj" przy motywie.
- Przełącz lewą zakładkę na AI, a w górnym pasku wybierz stronę, którą budujesz.
Przykładowe polecenia
Pisz naturalnie, tak jakbyś tłumaczył/a koledze. Oto co możesz powiedzieć:
Szkielet strony (struktura sekcji)
- „Zbuduj stronę główną: hero, siatka produktów, opinie, kontakt"
- „Dodaj sekcję z opiniami klientów pod hero"
- „Usuń sekcję z zapisem do newslettera"
- „Przenieś sekcję z produktami nad sekcję o nas"
Zmiana treści
- „Zmień nagłówek hero na 'Ręcznie robiona ceramika'"
- „Ustaw podtytuł hero na 'Każda sztuka jest unikalna'"
- „Skróć opis w sekcji o nas do dwóch zdań"
- „Ustaw przycisk w hero na 'Zobacz katalog'"
Generowanie tekstu
- „Napisz tekst powitalny dla sklepu z biżuterią"
- „Wygeneruj opis 'O nas' w trzech zdaniach, ton rzemieślniczy"
- „Wymyśl trzy hasła reklamowe do sekcji hero"
Układ sekcji (warianty)
- „Zmień hero na wariant z obrazkiem po prawej"
- „Ustaw sekcję o nas: obraz po lewej, tekst po prawej"
- „Przełącz siatkę produktów na większe kafelki"
Styl i motyw (właściciel/administrator)
- „Zmień kolor akcentu na ciemną zieleń"
- „Ustaw cieplejszy, beżowy kolor tła"
- „Zmień font nagłówków na bardziej elegancki, szeryfowy"
- „Zwiększ zaokrąglenie przycisków i kart"
Polecenia złożone (kilka zmian naraz)
- „Dodaj hero z nagłówkiem 'Witaj w pracowni' i przyciskiem 'Sklep', a pod nim siatkę produktów"
- „Zrób stronę kontaktu: nagłówek 'Napisz do nas' i formularz"
Więcej narzędzi AI (poza czatem)
Czat to nie jedyny sposób pracy z AI. W Personalizatorze masz też:
Sekcja ze zrzutu ekranu (Vision)
W zakładce Sekcje wgraj zrzut ekranu lub zdjęcie (albo wklej adres URL obrazu), a AI dopasuje to do gotowej sekcji z treścią, układem i kolorami. Tryb „Cała strona" tworzy z jednego zrzutu kilka sekcji naraz. Widzisz pewność dopasowania, jednym kliknięciem zmienisz rozpoznany typ („Może raczej…"), możesz poprawiać wynik słowami, a na końcu go akceptujesz lub odrzucasz.
Sugestie ulepszeń
W zakładce Sugestie kliknij „Analizuj stronę" — AI przejrzy stronę i zaproponuje konkretne usprawnienia, które zastosujesz jednym kliknięciem.
„Powiedz AI" na zaznaczonej sekcji
Zaznacz sekcję i w panelu ustawień (po prawej) opisz zmianę słowami w polu „Powiedz AI" — zmiana dotyczy tylko tej jednej sekcji.
Komponowanie bloków
W sekcjach z blokami (np. FAQ, lista cech) poproś AI o ułożenie zawartości — np. „dodaj 3 pytania o wysyłkę".
Generowanie zdjęć AI
Przy polach na obraz poprosisz o wygenerowanie grafiki z opisu, a w edytorze produktu — o zamianę tła lub stworzenie scenerii dla zdjęcia produktu (osobny miesięczny limit obrazów).
Edycja tekstu w podglądzie
Kliknij tekst wprost w podglądzie i popraw go w miejscu (z prostym formatowaniem). To zwykła edycja — działa w każdym planie i nie zużywa limitów AI.
Czego AI nie zrobi
AI Builder pracuje na gotowych sekcjach i ich ustawieniach: dodaje, usuwa i układa sekcje, zmienia treść i warianty, generuje teksty, komponuje bloki wewnątrz sekcji oraz dopracowuje styl (kolory, fonty, zaokrąglenia).
Ma granice: nie pisze własnego HTML ani CSS, nie edytuje produktów, kategorii ani cen i nie zmienia szablonu startowego.
Zmiany stylu i motywu są zarezerwowane dla właściciela i administratora — w trybie treści (rola Edytor) AI zmienia tylko treść i strukturę sekcji, nie kolory ani fonty.
Jak działa i jak cofnąć
- Każde polecenie wykonuje jedną lub kilka zmian — widzisz je natychmiast w podglądzie obok.
- Coś poszło nie tak? Pod odpowiedzią AI kliknij „Cofnij tę zmianę". Możesz też „Wrócić do stanu sprzed rozmowy", żeby odrzucić wszystko naraz.
- Zmiany AI to szkic — stają się widoczne dla klientów dopiero po kliknięciu „Publikuj", jak każda inna edycja.
Wskazówki na dobre polecenia
- Pisz konkretnie — podaj nazwę sekcji i docelowy tekst („w sekcji o nas wstaw…"), a dostaniesz dokładnie to, o co prosisz.
- Jedno polecenie = jedna zmiana działa najpewniej. Większe przebudowy podziel na kilka kroków.
- Nie musisz znać nazw technicznych — wystarczy opisać efekt, jaki chcesz uzyskać.
Narzędzia AI — plany Starter i wyższe
Narzędzia AI działają w planach Starter, Growth i Pro. Większość z nich (czat, Vision, sugestie, „Powiedz AI", komponowanie bloków, tłumaczenie kategorii) korzysta ze wspólnej puli komend w miesiącu (Starter 50, Growth 500, Pro 2000). Osobne, mniejsze pule mają generowanie własnej sekcji z opisu oraz generowanie obrazów (patrz tabela niżej). W planie Free zbudujesz sklep ręcznie w Personalizatorze — patrz Krok 3.
Ręczna edycja sekcji na stronach
Każda strona Twojego sklepu składa się z sekcji — gotowych bloków treści (hero, lista produktów, formularz kontaktowy, banner zaufania). Sekcje dodajesz, usuwasz i edytujesz niezależnie od szablonu startowego, w Personalizatorze — jednym edytorze, w którym po lewej masz listę sekcji, w środku żywy podgląd sklepu, a po prawej ustawienia zaznaczonej sekcji.
Jak otworzyć Personalizator
- Wejdź w Sklepy → wybierz sklep.
- W menu po lewej kliknij „Motywy", a następnie przycisk „Personalizuj" przy wybranym motywie.
- Alternatywnie kliknij „Strony" i otwórz dowolną stronę — trafiasz wprost do Personalizatora na tej stronie. (Nie ma już osobnego edytora strony — wszystko dzieje się w Personalizatorze.)
Praca w zespole
Personalizator otwiera każdy, kto ma dostęp do sklepu. Członek zespołu z rolą Edytor pracuje w trybie treści — ma zakładki Sekcje i AI oraz publikuje strony, ale ustawienia Motywu (kolory, fonty) są zarezerwowane dla właściciela i administratora.
Praca w Personalizatorze
- W górnym pasku wybierasz z listy stronę, którą edytujesz (np. „Strona główna"). Podgląd w środku od razu pokazuje tę stronę.
-
Po lewej, w zakładce Sekcje, widzisz listę sekcji strony. Możesz:
- Przeciągnąć sekcje aby zmienić ich kolejność
- Kliknąć sekcję aby otworzyć jej ustawienia w Inspektorze po prawej (teksty, obrazki, warianty)
- Dodać nową sekcję przyciskiem „+ Dodaj sekcję"
- Usunąć sekcję
- W tej samej zakładce edytujesz też Metadane strony (tytuł, slug, opis SEO).
- Zmiany zapisują się automatycznie jako szkic i widzisz je w podglądzie. Pomyłka? Kliknij „Przywróć opublikowane", aby odrzucić szkic i wrócić do wersji widocznej dla klientów.
- Gdy będziesz gotowy/a — kliknij „Publikuj" w górnym pasku, żeby zaktualizować to, co widzą klienci.
Wolisz, żeby zrobiła to za Ciebie AI?
Wszystkie te czynności — dodanie sekcji, zmianę tekstu czy kolejności — możesz zlecić jednym poleceniem w zakładce AI. Patrz Krok 2.
Motyw — kolory, fonty, odstępy
Po wybraniu szablonu startowego i ułożeniu sekcji możesz dopracować detale wizualne: kolory, fonty, odstępy, zaokrąglenia i cienie. Ustawienia motywu znajdziesz w tym samym Personalizatorze, w którym edytujesz sekcje — wystarczy przełączyć lewą zakładkę na Motyw.
Jak otworzyć ustawienia motywu
- Wejdź w Sklepy → wybierz sklep.
- Kliknij „Motywy" w menu po lewej i otwórz wybrany motyw przyciskiem „Personalizuj".
- W lewym panelu przełącz zakładkę z Sekcje na Motyw. Zmieniasz wartości — efekt jest widoczny od razu w podglądzie obok.
Style i schematy kolorów
Nie musisz dobierać każdej wartości ręcznie:
- Style — gotowe zestawy kolorów, fontów i odstępów dopasowane do bazowego szablonu startowego. Klikasz „Zastosuj", a całość zmienia się jednym ruchem. Pomyliłeś/aś się? „Cofnij" wraca do poprzedniego stanu. Nie każdy szablon startowy ma style — niektóre (np. Gastro, Fitness, Edukacja) dopracowujesz tokenami i schematami kolorów zamiast gotowych stylów.
- Schematy kolorów — definiujesz zestaw ról (tło, powierzchnia, tekst, kolor akcentu, linki). Sekcja używa schematu, więc zmiana koloru w jednym miejscu przemalowuje wszystkie sekcje, które go używają. Różnym sekcjom możesz przypisać różne schematy.
Aktywny motyw zmienia się na żywo — bez ponownej publikacji
Gdy w Personalizatorze edytujesz aktywny (opublikowany) motyw, u góry widzisz baner „Edytujesz aktywny motyw": zmiany kolorów, fontów i odstępów trafiają do sklepu od razu, bez klikania „Publikuj". Edytujesz kolor akcentu → wszystkie strony sklepu od razu go używają. Przycisk „Publikuj" dotyczy wtedy tylko treści edytowanej strony. Jeśli natomiast personalizujesz motyw roboczy (szkic), jego wygląd staje się widoczny dopiero po kliknięciu „Publikuj" — wtedy jednym ruchem publikujesz i treść strony, i motyw.
Plan Free nie ma tej funkcji
Edytor motywu (Studio) jest dostępny w planach Starter, Growth i Pro. W planie Free używasz domyślnych kolorów i fontów z wybranego szablonu startowego — to zwykle wystarcza na start. Sprawdź plany →
Co dostajesz w którym planie
| Funkcja | Free | Starter | Growth | Pro |
|---|---|---|---|---|
| Wybór szablonu startowego (7 dostępnych) | ✓ | ✓ | ✓ | ✓ |
| Zmian szablonu startowego w miesiącu | 3 | bez limitu | bez limitu | bez limitu |
| Edycja sekcji na stronach | ✓ | ✓ | ✓ | ✓ |
| Komendy AI (czat, Vision, sugestie, „Powiedz AI", bloki) | — | 50/m-c | 500/m-c | 2000/m-c |
| Generowanie sekcji AI (z opisu) | — | 3/m-c | 20/m-c | 100/m-c |
| Generowanie obrazów AI (sekcje + produkty) | — | 10/m-c | 50/m-c | 200/m-c |
| Generator sklepu z opisu (onboarding AI) | — | — | 3/m-c | 10/m-c |
| Edytor motywu (kolory, fonty) | — | ✓ | ✓ | ✓ |
| Tłumaczenie kategorii (AI) | — | ✓ | ✓ | ✓ |
Co przygotowujemy
Personalizacja sklepu rozwija się stale. Oto co najbliżej w planach — bez konkretnych dat, ale w kolejności priorytetów.
Jeden edytor — treść i wygląd razem
GotoweSekcje i motyw edytujesz teraz w jednym Personalizatorze z żywym podglądem sklepu obok. Po lewej przełączasz się między zakładkami Sekcje i Motyw, w środku widzisz prawdziwy sklep, a ustawienia zaznaczonej sekcji zmieniasz w Inspektorze po prawej — wszystko w jednym miejscu, w stylu znanym z największych platform. Otwierasz go przyciskiem „Personalizuj" przy motywie.
Szablony startowe pod konkretne branże
GotoweMasz już 7 szablonów startowych, każdy z własną estetyką i dedykowanymi sekcjami: Boutique i Boutique Editorial (moda, kosmetyki, biżuteria), Catalog (retail/elektronika), Studio (usługi, portfolio), Gastro (gastronomia), Fitness & Wellness i Edukacja. Kolejne dochodzą.
Twój własny szablon startowy (Customize)
PlanowaneZamiast wybierać między gotowymi szablonami startowymi będziesz mógł/mogła zacząć od jednego z nich i zaadaptować go pod siebie — własne typy sekcji, własne układy stron. Coś jak „rozwidlenie" szablonu startowego, który staje się Twoim prywatnym. Zachowujesz wszystkie zalety gotowca + pełną elastyczność.
Wymiana pojedynczej sekcji
PlanowaneZamiast zmieniać cały szablon startowy — wymienisz pojedynczą sekcję (np. hero z Boutique na hero ze Studio) bez ruszania reszty sklepu. Większa kontrola, mniejsze ryzyko.
Podgląd na żywo przed zmianą
PlanowaneZanim klikniesz „Zatwierdź" zobaczysz renderowany sklep obok bieżącego — porównanie 1:1 jak będzie wyglądać po zmianie szablonu startowego. Dziś pokazujemy podsumowanie liczbowe (ile sekcji zostanie, ile zniknie); wkrótce dodamy faktyczny obraz.
Cofnij zmianę (Undo)
PlanowaneW ciągu 24 godzin od zmiany szablonu startowego będziesz móc/mogła ją cofnąć jednym kliknięciem — sklep wraca do poprzedniego stanu. Bezpiecznik, jeśli wynik nie spełnia oczekiwań.
AI sugestie szablonów startowych
PlanowaneAI Builder przeanalizuje Twoje produkty, kategorie i sposób opisywania, po czym zasugeruje szablon startowy, który najlepiej pasuje („Twój sklep wygląda jak księgarnia — proponujemy Catalog"). Wskazówka, nie wymuszenie.
Wersje szablonów startowych
PlanowaneGdy ulepszamy globalny szablon startowy (nowe sekcje, lepsze mapowania), zobaczysz powiadomienie „Dostępna nowa wersja szablonu startowego Boutique" z opcją aktualizacji. Stara wersja pozostaje funkcjonalna — sam/a decydujesz, czy i kiedy zaktualizować.
Gotowy/a zacząć?
Załóż sklep za darmo, wybierz szablon startowy i wypełnij go produktami w kilka minut. Bez karty płatniczej, bez prowizji od sprzedaży.