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

Aplikacja mobilna sklepu / Progressive Web App (PWA)

Ostatnia aktualizacja: 14 maja 2024

Począwszy od wersji 5.8.32, sklep Shoper pozwala na używanie funkcjonalności: Aplikacja mobilna PWA (Progressive Web App). Jest to aplikacja internetowa uruchamiana tak jak zwykła strona internetowa, ale umożliwiająca stworzenie doświadczenia zbliżonego do działania natywnych aplikacji na urządzeniach mobilnych.

Aktywacja działania PWA na telefonie z systemem Android

Zaloguj się do Panelu administracyjnego sklepu.
Przejdź do: Wygląd i treści (A)> Aplikacja mobilna PWA (B) i skonfiguruj ustawienia wizualne aplikacji (C).
Panel administracyjny sklepu > Wygląd i treści > Aplikacja mobilna PWA
Rys 1. Ustaw progresywną aplikację mobilną PWA według własnych preferencji.
Panel administracyjny sklepu > Wygląd i treści > Aplikacja mobilna PWA
Rys 1. Ustaw progresywną aplikację mobilną PWA według własnych preferencji.
Po aktywacji funkcjonalności – na telefonach klientów pojawi się opcja: Dodaj aplikację Sklep Shoper do ekranu głównego.
Przykładowy widok strony sklepu Shoper na telefonie
Rys 2. Kliknij komunikat wyświetlany w dolnej części ekranu telefonu z systemem Android.
Przykładowy widok strony sklepu Shoper na telefonie
Rys 2. Kliknij komunikat wyświetlany w dolnej części ekranu telefonu z systemem Android.
Po naciśnięciu wskazanej ikony, twoim klientom pojawi się monit.
Przykładowy widok monitu potwierdzającego dodanie aplikacji Sklep Shoper
Rys 3. Kliknij przycisk: Dodaj, aby ikona aplikacji sklepu pojawiła się na ekranie głównym.
Przykładowy widok monitu potwierdzającego dodanie aplikacji Sklep Shoper
Rys 3. Kliknij przycisk: Dodaj, aby ikona aplikacji sklepu pojawiła się na ekranie głównym.
Po wyrażeniu zgody na dodanie ikony, twój sklep pojawi się w ich telefonach jako podręczna, bardzo łatwo zauważalna aplikacja kierująca na jego stronę główną.
Ekran główny telefonu z systemem Android > Aplikacja Sklep Shoper
Rys 4. Ikona umieszczona na ekranie głównym ułatwia przejście do strony twojego sklepu Shoper.
Ekran główny telefonu z systemem Android > Aplikacja Sklep Shoper
Rys 4. Ikona umieszczona na ekranie głównym ułatwia przejście do strony twojego sklepu Shoper.

WAŻNE! W przypadku zmodyfikowanego pliku: header.tpl, mogą być problemy z włączeniem PWA. Aby sprawdzić jakie zmiany potrzebne są do włączenia – zapoznaj się z dokumentacją zmian plików graficznych: rwd Shoper.

Dodatkowe materiały informacyjne o Progressive Web App

Chcesz wiedzieć więcej o technologii PWA? Sprawdź u źródła – na dedykowanej stronie Google:

Aktywacja PWA na iOS Safari

Aktywacja usługi na systemach iOS przebiega nieco inaczej. Odwiedzając sklep:

Kliknij ikonkę wskazaną na zrzucie ekranu.
Widok sklepu internetowego Shoper na telefonie z systemem iOS
Rys 5. Kliknij zaznaczoną ikonę, aby umieścić ikonę aplikacji sklepu Shoper na ekranie początkowym.
Widok sklepu internetowego Shoper na telefonie z systemem iOS
Rys 5. Kliknij zaznaczoną ikonę, aby umieścić ikonę aplikacji sklepu Shoper na ekranie początkowym.
Wybierz przycisk: Do ekranu początkowego.
Widok dostępnych opcji w przeglądarce na telefonie z systemem iOS
Rys 6. Kliknij ikonę z plusem, by dodać aplikację do ekranu początkowego.
Widok dostępnych opcji w przeglądarce na telefonie z systemem iOS
Rys 6. Kliknij ikonę z plusem, by dodać aplikację do ekranu początkowego.

Wideo: strona twojego sklepu Shoper jako aplikacja w telefonie

Obejrzyj na jakiej zasadzie technologia Progressive Web Apps umożliwia natychmiastowe ładowanie sklepu na telefonie w naszym filmiku instruktażowym.

Wideo poradnik: na co pozwala technologia Progressive Web Apps?
Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Jak skonfigurować aplikację mobilną PWA i dodać ją do ekranu głównego?
  • Czym są progresywne aplikacje internetowe?
  • Jak włączyć usługę PWA na telefonie z systemem iOS?
  • Wideo poradnik: co wyróżnia technologię Progressive Web Apps (PWA)?
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