Czym jest kreator
Kreator witryny to edytor wizualny, który pozwala zaprojektować każdą stronę sklepu bez pisania kodu. Zmiany są podglądane na żywo na środku ekranu. Nic nie trafia do klientów, dopóki nie klikniesz Publikuj.
Układ kreatora
Kreator składa się z trzech obszarów:
- Lewa belka boczna: pięć zakładek w formie ikon ułożonych wzdłuż lewej krawędzi. Od góry są to Rynki (flaga kraju), Strony, Sekcje, Ustawienia (zębatka) oraz Asystent AI (Amed) przypięty na samym dole.
- Panel sterowania: otwiera się po wybraniu sekcji lub bloku i pokazuje wszystkie ustawienia dla tego elementu.
- Podgląd: widok na żywo Twojego sklepu dokładnie tak, jak zobaczą go klienci.
Przełączanie stron i rynków
Otwórz zakładkę Strony, aby przechodzić między stronami, które możesz edytować: Strona główna, Produkt, Landing, Kolekcja, Koszyk, Kasa, Podziękowanie, Wyszukiwanie, Polityka, Kontakt i 404. Opis każdej strony znajdziesz w Strony, które możesz edytować. Otwórz zakładkę Rynki (pierwsza, ikona flagi), aby przełączać się między swoimi rynkami. Każdy rynek ma własny szablon i własną historię cofania dla każdej strony, więc edycje na jednym rynku nie wpływają na inne.
Podgląd, widok i Inspektor
Przełącznik widoku pozwala podglądać stronę w różnych szerokościach za pomocą przycisków Pełny ekran, Komputer i Telefon. Przełącznik pokazuje tylko opcje pasujące do bieżącego okna, więc na wąskim ekranie niektóre przyciski znikają. Na górnym pasku znajdziesz też przycisk Podgląd (ikona oka), który otwiera Twój sklep w nowej karcie przeglądarki, oraz przycisk Wyjdź z kreatora.
Tryb Inspektora jest domyślnie włączony (ikona kursora na górnym pasku jest podświetlona). Gdy jest aktywny, kliknięcie dowolnego elementu w podglądzie natychmiast wybiera tę sekcję lub blok i otwiera go w panelu sterowania, co jest najszybszym sposobem przejścia do wybranego miejsca bez przewijania bocznego paska. Kliknij przycisk Inspektora, aby go wyłączyć.
Dodawanie sekcji
- Otwórz zakładkę Sekcje dla bieżącej strony.
- Kliknij przycisk Dodaj sekcję (ikona plusa w kółku) na liście lub otwórz menu sekcji i wybierz Dodaj sekcję przed lub Dodaj sekcję po.
- Otworzy się selektor z listą wszystkich typów sekcji, które możesz jeszcze dodać na tej stronie. Kliknij wybraną, aby ją dodać.
Każdy typ sekcji ma maksymalny limit na stronę. Gdy osiągniesz limit, dany typ znika z selektora, a gdy miejsce jest pełne, przycisk Dodaj sekcję jest nieaktywny z podpowiedzią o osiągnięciu maksimum. Typy sekcji są też przypisane do konkretnych stron (np. bohater lub newsletter tylko na Stronie głównej). Pełny katalog typów i ich limitów znajdziesz w Sekcje i bloki.
Dodawanie bloku w sekcji
Wybierz sekcję, a następnie w jej panelu sterowania kliknij Dodaj blok. Bloki to elementy wewnątrz sekcji: tekst, obrazy, przyciski, grupy układu, linie podziału i inne. Dostępne typy bloków i ich liczba zależą od sekcji.
Menu sekcji (kopiowanie, duplikowanie i więcej)
Aby uzyskać dostęp do pełnego zestawu akcji sekcji, wybierz ją i kliknij ikonę menu na górze panelu sterowania lub kliknij prawym przyciskiem sekcję na pasku bocznym. Menu zawiera:
- Kopiuj: kopiuje całą sekcję (treść i styl).
- Kopiuj tylko styl: kopiuje tylko styl wizualny.
- Wklej: wkleja skopiowaną sekcję. Podpowiedź pokazuje, gdzie zostanie umieszczona (Po, Wewnątrz lub Zastąp). Opcja jest nieaktywna, gdy nic nie skopiowano, osiągnięto limit lub typ nie jest dozwolony w tym miejscu.
- Wklej tylko styl: nakłada skopiowany styl na wybraną sekcję. Opcja nieaktywna przy niezgodności typów lub gdy nic nie skopiowano.
- Duplikuj: tworzy kopię bezpośrednio pod oryginałem, tylko na bieżącej stronie. Opcja nieaktywna po osiągnięciu limitu dla sekcji.
- Ukryj / Pokaż: przełącza widoczność. Ukryte sekcje pozostają w szablonie, ale nie są widoczne dla klientów.
- Usuń: usuwa sekcję. Cofnięcie przywraca ją z powrotem.
Wiersze na pasku bocznym mają też bezpośrednio ikonę oka (Ukryj/Pokaż) i kosza (Usuń). Sekcji wymaganych nie można ukryć ani usunąć, więc np. Informacje o produkcie na stronie Produkt i Informacje o landing page na stronie Landing nie mają ikony kosza.
Zmiana kolejności sekcji i bloków
Na liście Sekcji przeciągnij wiersz sekcji w górę lub w dół, aby zmienić jej miejsce na stronie. Podgląd aktualizuje się natychmiast. Bloki zmieniasz analogicznie, przeciągając je w panelu sterowania.
Zastosowanie sekcji na wszystkich stronach
Nagłówek, stopka, pasek ogłoszeń i własny kod pojawiają się na każdej stronie. Aby wprowadzić jedną edytowaną kopię wszędzie, otwórz menu tej sekcji i wybierz Zastosuj na wszystkich stronach. To nadpisze pasującą sekcję na każdej stronie bieżącego rynku, na której już występuje (strony bez niej są pomijane). Zmiana trafia od razu do Twojego sklepu i jest nieodwracalna. Kreator poprosi o potwierdzenie. Asystent AI może też wykonać tę czynność, opisano to w Akcje kreatora AI.
Cofanie, ponawianie i zapisywanie
Na górnym pasku znajdują się przyciski Cofnij i Ponów. Historia jest oddzielna dla każdego rynku i każdej strony, więc cofanie na Stronie głównej nie wpływa na stronę Produktu. Skróty klawiszowe: Cmd/Ctrl + Z cofa, Cmd/Ctrl + Shift + Z lub Cmd/Ctrl + Y ponawia, a Cmd/Ctrl + S publikuje.
Kliknij Publikuj (prawy górny róg), aby opublikować zmiany. Przycisk jest nieaktywny, jeśli nie ma nieopublikowanych zmian. Publikowanie dotyczy wybranego rynku i strony, więc publikacja Strony głównej nie publikuje strony Produktu.
Co sprawdzić przed publikacją
- Przełącz na widok Telefon i przewiń całą stronę, bo większość klientów korzysta z urządzeń mobilnych.
- Sprawdź kontrast tekstu względem tła każdej sekcji.
- Upewnij się, że każdy blok obrazu ma wybrany plik multimedialny, bo puste miejsce na zdjęcie wyświetli się jako pusta przestrzeń w sklepie.
- Sprawdź, czy przyciski i elementy menu prowadzą do właściwych miejsc.
Jeśli chcesz, aby asystent AI budował i edytował sekcje za Ciebie, zobacz Budowanie z asystentem AI.