Kreator stron
Kreator stron to edytor wizualny WYSIWYG: po lewej paleta gotowych sekcji i klocków, w środku strona w czasie rzeczywistym, po prawej właściwości zaznaczonego elementu. Ustawiasz treść i styl osobno dla komputera, tabletu i telefonu.
Na tej stronie
Paleta blokówPodgląd i urządzeniaDrzewo komponentów i właściwościZapis, publikacja i AIPasek górny pokazuje nazwę strony i jej status, przyciski Cofnij i Ponów, Podgląd, Edytuj z AI, Ustawienia, Zapisz szkic oraz Publikuj.
Paleta bloków#
Lewa kolumna Bloki CMS ma wyszukiwarkę i dwa widoki (kafelki i lista). Bloki są pogrupowane:
| Grupa | Przykłady |
|---|---|
| Gotowe sekcje (40) | Hero (Centered, Split, Video, Gradient, Minimal), Features, Opinie, Statystyki, CTA, Cennik, Zespół, Galeria, Logotypy |
| Produkty | Siatka produktów, karty, karuzela, ulubione, siatka z kategoriami |
| Blog i wydarzenia | Lista wpisów i wydarzeń, kalendarz (Treści) |
| Podsumowanie zamówienia (32) | Koszyk, dane klienta, dane firmy, adres i metoda dostawy, mapa paczkomatów InPost, płatność, przycisk zamówienia, potwierdzenie, błąd płatności |
| Treść, Podstawowe | Nagłówek, akapit, obraz, wideo, przycisk, karta, flex i grid |
| Formularze, Feedback | Pola formularzy, komunikaty |
| Layout, Nawigacja, Overlay / Modals, Dane | Kontenery, menu, okna modalne, bloki z danymi |
| Własne komponenty | Komponenty utworzone przez Twój zespół |
Blok dodajesz przeciągnięciem na stronę (strefa Upuść) albo kliknięciem. Bloki układasz w sekcje i kontenery, a ich kolejność zmieniasz przeciąganiem.
Podgląd i urządzenia#
Środkowa część to Edytor wizualny WYSIWYG: prawdziwa strona wyrenderowana przez sklep. Przyciski nad nią przełączają widok Desktop, Tablet i Mobile, odświeżają podgląd i włączają pełny ekran.
Drzewo komponentów i właściwości#
Drzewo komponentów (przycisk w pasku podglądu) pokazuje strukturę strony jako zagnieżdżoną listę z przeciąganiem i zwijaniem. Prawy panel Właściwości pokazuje ustawienia zaznaczonego elementu w dwóch zakładkach:
- Właściwości: treści i opcje (teksty, linki, przyciski CTA, obrazy z biblioteki mediów, układ, responsywność),
- Style (osobno Style (Tablet) i Style (Mobile)): rozmiary, odstępy, tło, nakładka, obramowania, typografia, cienie, efekty. Wartości dla mniejszych ekranów nadpisują styl komputera.
Zapis, publikacja i AI#
- Zapisz szkic zachowuje stan bez publikacji.
- Publikuj wprowadza stronę do sklepu.
- Edytuj z AI pozwala opisać zmianę słowami (Bitee AI).
- Podgląd pokazuje stronę tak, jak zobaczy ją klient.
Kreator łączy paletę, podgląd na żywo i panel właściwości. Zaznacz blok, ustaw treść i style (osobno dla każdego urządzenia), sprawdź podgląd i opublikuj.