🔥 Nowy mechanizm ustawiania promocji, w tym promocje na wybrane warianty. Dowiedz się więcej.

Jak zarządzać modułami w Shoper Visual Editor?

Ostatnia aktualizacja: 24 kwietnia 2024

Zarządzanie wybranym modułem w Shoper Visual Editor

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Obecny szablon graficzny (C) > Moduły (D) > OTWÓRZ SHOPER VISUAL EDITOR (E).
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys 1. Uruchom Shoper Visual Editor
Panel administracyjny > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły > VIsual editor
Rys 1. Uruchom Shoper Visual Editor
Wybierz stronę, na której chcesz nanosić zmiany (A), a następnie kliknij: DODAJ MODUŁ DO STRONY (B).
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły
Rys 2. Dodaj moduł do wybranej strony
Panel administracyjny sklepu > Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Moduły
Rys 2. Dodaj moduł do wybranej strony
Wybierz spośród gotowych modułów ten, który chcesz umieścić w układzie i przeciągnij go lewym przyciskiem myszki ruchem drag&drop (złap-przeciągnij-upuść) w wybrane miejsce na stronie.
Edyor Shoper Visual Editor - umieszczenie modułu na stronę
Rys 3. Wybierz moduł i przeciągnij go w wybrane miejsce na stronie
Edyor Shoper Visual Editor - umieszczenie modułu na stronę
Rys 3. Wybierz moduł i przeciągnij go w wybrane miejsce na stronie
Po upuszczeniu modułu, w kolumnie po lewej stronie zobaczysz dostępne opcje edycji dla danego modułu (A), które możesz dostosować do swoich potrzeb.
Żeby zmiana była widoczna na stronie, kliknij: ZAPISZ I OPUBLIKUJ USTAWIENIA MODUŁU (B), a następnie w prawym górnym rogu: ZAPISZ I OPUBLIKUJ ZMIANY W UKŁADZIE (C).
Shoper Visual Editor dodawanie i zapisywanie modułu
Rys 4. Edytuj ustawienia modułu, a następnie zapisz zmiany w edytorze
Shoper Visual Editor dodawanie i zapisywanie modułu
Rys 4. Edytuj ustawienia modułu, a następnie zapisz zmiany w edytorze
Jeżeli chcesz utworzyć własny, nowy moduł, po przejściu do wybranego typu strony i kliknięciu: DODAJ MODUŁ DO STRONY odszukaj: Moduł własny i przeciągnij w wybrane miejsce na stronie.
Zarządzanie modułami w Shoper Visual Editorze
Rys 5. Wykorzystaj moduł: Moduł własny i umieść go w wybranym miejscu na stronie
Zarządzanie modułami w Shoper Visual Editorze
Rys 5. Wykorzystaj moduł: Moduł własny i umieść go w wybranym miejscu na stronie

Następnie korzystając z opcji edycji dostępnych w kolumnie po lewej stronie uzupełnij zawartość modułu:

  • Tytuł – widoczny jako nazwa modułu na liście modułów,
  • Obramowanie – aktywacja obramowania powoduje wyświetlanie się tytułu modułu dla klienta,
  • HTML ID – do wykorzystania np. w sytuacji kiedy instrukcja danego szablonu zaleca uzupełnienie pola według podanych kroków. W pozostałych przypadkach pozostaw pole puste,
  • TrybHTML (zalecany wybór) dla treści w kodzie html (m.in. tekst + zdjęcia), tekst dla czystego tekstu bez kodowania lub zdjęcie dla pojedynczego zdjęcia,
  • Treść HTML – tutaj w wygodnym edytorze treści zredaguj zawartość tekstową i/lub wizualną modułu.
Shoper Video Editor własne treśći html
Rys 6. Uruchom edytor html i wprowadź własne treści
Shoper Video Editor własne treśći html
Rys 6. Uruchom edytor html i wprowadź własne treści
Pamiętaj o zapisaniu zmian w module i opublikowaniu ich w układzie.

Zwiększ trafność swojego sklepu w sieci dzięki naszym skutecznym kampaniom. Zarezerwuj darmową konsultację, aby dowiedzieć się więcej o Shoper Kampanie i przekształć ruch w sprzedaż.

Zarządzanie modułem w starym konfiguratorze wyglądu sklepu

Wideo: nowy edytor wyglądu

Zobacz film opisujący jak korzystać z nowego edytora: Shoper Visual Editor.

Wideo: prezentacja nowego edytora wyglądu sklepu Shoper

Wideo: zmiana wyglądu sklepu

Zobacz film opisujący edycje wyglądu sklepu w starym konfiguratorze wyglądu.

Wideo poradnik: modyfikacja wyglądu sklepu internetowego

Podnieś atrakcyjność swojego sklepu internetowego dzięki naszym gotowym szablonom graficznym.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak utworzyć własny moduł z poziomu edytora Shoper Visual Editor?
  • Wideo: jak zarządzać wyglądem sklepu przy pomocy Shoper Visual Editor?
  • Wideo: zmiana wyglądu sklepu internetowego Shoper.
Przeczytaj także

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności