Visual Editor — Bagisto
Edytuj wygląd sklepu
bez znajomości kodu
Bagisto wyposażony jest w Visual Editor — intuicyjny edytor wizualny, który pozwala zmieniać wygląd sklepu w czasie rzeczywistym. Nie potrzebujesz programisty ani znajomości HTML. Wszystko robisz klikając i przeciągając.
Skontaktuj się z namiBez kodu · Drag & drop · Podgląd mobilny · Publikuj jednym kliknięciem
Pierwszy krok
Jak otworzyć edytor?
Zaloguj się do panelu admina, przejdź do Wygląd → Visual Editor. Zobaczysz podgląd swojego sklepu po prawej stronie i panel z sekcjami po lewej.
- ✓Zaloguj się do panelu admina pod adresem
/admin - ✓W menu kliknij Wygląd, następnie Visual Editor
- ✓Po lewej panel sekcji, po prawej podgląd sklepu na żywo
Budowa strony
Jak działa edytor?
Strona sklepu zbudowana jest z sekcji — bloków takich jak baner, tekst z obrazkiem, siatka produktów, newsletter i inne. Każdą sekcję możesz:
- ✓Kliknąć i edytować jej zawartość — tekst, obrazek, kolory, przyciski
- ✓Przeciągnąć w inne miejsce zmieniając kolejność na stronie
- ✓Usunąć jeśli jej nie potrzebujesz
- ✓Dodać nową sekcję klikając Dodaj sekcję na dole listy
Edycja treści
Jak zmienić tekst lub obrazek w sekcji?
- Kliknij na sekcję w podglądzie lub wybierz ją z listy po lewej stronie
- Po lewej pojawią się ustawienia tej sekcji — pola tekstowe, przyciski do wgrania obrazka, wybór kolorów
- Wprowadź zmiany — podgląd aktualizuje się na bieżąco
- Gdy jesteś zadowolony z efektu kliknij Opublikuj w prawym górnym rogu
Przyciski CTA
Jak dodać przycisk z linkiem?
W ustawieniach większości sekcji znajdziesz blok Button. Możesz tam wpisać tekst przycisku, wybrać stronę docelową (np. stronę CMS, kategorię, produkt) oraz styl — wypełniony lub obrysowany.
- ✓Wpisz tekst przycisku np. „Zobacz nowości"
- ✓Wybierz stronę docelową — kategorię, produkt lub stronę CMS
- ✓Wybierz styl — wypełniony lub obrysowany
Header & Footer
Jak edytować nagłówek i stopkę?
W panelu po lewej stronie znajdziesz sekcje Sekcje nagłówka i Sekcje stopki. Kliknij np. Header lub Footer aby edytować logo, menu, dane kontaktowe i linki w stopce.
- ✓Zmień logo sklepu — wgraj własny plik graficzny
- ✓Edytuj menu nawigacyjne — kolejność i nazwy pozycji
- ✓Aktualizuj dane kontaktowe i linki w stopce
Podgląd urządzeń
Jak podejrzeć jak sklep wygląda na telefonie?
W prawym górnym rogu edytora znajdziesz trzy ikony — komputer, tablet i telefon. Kliknij ikonę telefonu aby zobaczyć podgląd mobilny swojego sklepu.
- ✓🖥 Komputer — pełny widok desktopowy
- ✓📱 Tablet — widok na urządzenia średnie
- ✓📲 Telefon — podgląd mobilny responsywny
Ważne
Pamiętaj — kliknij Opublikuj
Możesz swobodnie eksperymentować z wyglądem — wszystkie zmiany są zapisywane jako wersja robocza. Dopiero kliknięcie przycisku Opublikuj sprawia że klienci zobaczą nowy wygląd sklepu.
- ✓Zmiany robocze są widoczne tylko dla Ciebie w edytorze
- ✓Eksperymentuj swobodnie — klienci nic nie zobaczą dopóki nie opublikujesz
- ✓Kliknij Opublikuj w prawym górnym rogu gdy jesteś gotowy
Dlaczego warto
Visual Editor — korzyści dla Twojego sklepu
Zero kodu
Edytujesz sklep klikając i przeciągając — bez HTML, CSS ani pomocy programisty.
Podgląd w czasie rzeczywistym
Każda zmiana widoczna jest natychmiast w podglądzie — wiesz dokładnie jak sklep będzie wyglądał.
Podgląd mobilny
Sprawdź jak sklep wygląda na telefonie i tablecie zanim opublikujesz zmiany.
Bezpieczne eksperymenty
Zmiany zapisywane są jako wersja robocza — klienci nic nie zobaczą dopóki nie klikniesz Opublikuj.
Sekcje drag & drop
Przeciągaj sekcje strony w dowolnej kolejności — budujesz układ strony jak klocki.
Pełna kontrola wyglądu
Tekst, obrazki, kolory, przyciski, logo, menu, stopka — wszystko edytujesz z jednego miejsca.
Zacznij edytować swój sklep już dziś
Visual Editor w Bagisto — intuicyjny, bez kodu, z podglądem na żywo. Zmień wygląd sklepu w kilka minut.
Bagisto 1.x i 2.x · Visual Editor · Drag & drop · Podgląd mobilny · Zero kodu