Aplikacja: Pasek informacyjny

Data publikacji: 8 października 2024 Ostatnia aktualizacja: 16 października 2024

Obszar działania: Front sklepu w szablonie Storefront

Jak działa aplikacja Pasek informacyjny?

Aplikacja Pasek informacyjny to specjalny moduł szablonu Storefront, który wypełnisz dowolną treścią, w dowolnym miejscu w Twoim sklepie.

Moduł “Pasek informacyjny” przybiera formę wąskiego poziomego paska, który możesz umieścić na stronie twojego sklepu. Przydaje się w momencie kiedy chcesz przekazać istotną informację swoim klientom np. o specjalnej akcji promocyjnej lub o twoim urlopie.

Jakie możliwości daje aplikacja Pasek informacyjny?

Moduł posiada kilka możliwości konfiguracji. Możesz w nim ustawić:

  • kolor tła
  • kolor tekstu
  • przycisk ukrywający moduł na określony czas
  • czas, po którym pasek informacyjny pojawi się ponownie

Moduł wyposażony jest w edytor wizualny HTML, za pomocą którego możesz wzbogacić swoje treści o grafiki, a także zastosować do nich style CSS.

Możesz skonfigurować wiele pasków, a każdy z nich będzie miał własne ustawienia, treści, kolory oraz czas, po jakim pasek pojawi się ponownie w przypadku, gdy będzie aktywna opcja ukrycia go przez klientów sklepu.

Jak zainstalować aplikację Pasek informacyjny?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Dodatki i integracje > Aplikacje

Wyszukaj aplikację: Pasek informacyjny w polu wyszukiwania, a następnie kliknij przycisk: ZAINSTALUJ APLIKACJĘ.
Aplikacja Shoper: Pasek informacyjny
Rys 1. Zainstaluj aplikację Pasek informacyjny
Aplikacja Shoper: Pasek informacyjny
Rys 1. Zainstaluj aplikację Pasek informacyjny
Po akceptacji regulaminu App Store kliknij przycisk: ZAMAWIAM.
Aplikacja Shoper: Pasek informacyjny
Rys 2. Zaakceptuj regulamin aplikacji i kliknij: Zamawiam
Aplikacja Shoper: Pasek informacyjny
Rys 2. Zaakceptuj regulamin aplikacji i kliknij: Zamawiam
Po instalacji zobaczysz komunikat: Aplikacja została zainstalowana w Twoim sklepie!

Jak skonfigurować moduł Pasek informacyjny?

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do zakładki: Wygląd i treści (A) > Wygląd sklepu (B) > Twoje szablony graficzne (C), a następnie w sekcji: Szablony Storefront (D) przejdź do edycji danego szablonu, klikając ikonę palety (E).
Uruchamianie Shoper Storefront z poziomu Panelu administracyjnego sklepu
Rys 3. Przejdź do edycji wybranego szablonu Storefront
Uruchamianie Shoper Storefront z poziomu Panelu administracyjnego sklepu
Rys 3. Przejdź do edycji wybranego szablonu Storefront
Wyszukaj moduł „Pasek informacyjny” i umieść go w wybranym miejscu na stronie.
Shoper Visual Editor > Moduł: Pasek informacyjny
Rys 4. Dodaj moduł Pasek informacyjny do układu strony
Shoper Visual Editor > Moduł: Pasek informacyjny
Rys 4. Dodaj moduł Pasek informacyjny do układu strony
Następnie skonfiguruj moduł. Do dyspozycji masz następujące ustawienia:
  • Nazwa modułu (A) – może być przydatna jeśli stworzysz wiele pasków i umieścisz je w kilku miejsach sklepu
  • Treść modułu (B) – wprowadź treść modułu do edytora HMTL (tekst, grafiki)
  • Kolor tekstu (C) – wybierz kolor tekstu widocznego w pasku
  • Kolor tła (D) – wybierz kolor tła paska
  • Przycisk zamykający moduł (E) – możesz udostępnić przycisk, który umożliwi użytkownikom wyłączenie paska, a także możesz ustalić, po jakim czasie pasek ma się ponownie wyświetlić
  • Wyświetlanie na urządzeniach (F) – to standardowe ustawienie w Shoper Visual Editor, dzięki któremu możesz zdecydować na jakich szerokościach ekranu dany element na stronie sklepu ma się wyświetlać, a na których nie.
Shoper Visual Editor > Moduł: Pasek infromacyjny
Rys 5. Skonfiguruj ustawienia paska informacyjnego
Shoper Visual Editor > Moduł: Pasek infromacyjny
Rys 5. Skonfiguruj ustawienia paska informacyjnego
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Do czego służy aplikacja Pasek informacyjny?
  • Jak zainstalować aplikację Pasek informacyjny w sklepie Shoper?
  • Jak skonfigurować aplikację Pasek informacyjny w Shoper Visual Editor?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

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