Aplikacja mobilna sklepu / Progressive Web App (PWA)

Data publikacji: 9 października 2018 Ostatnia aktualizacja: 5 grudnia 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.

Przetestuj dostępne funkcje i załóż darmowy sklep internetowy w ramach 14-dniowego okresu próbnego. Sprawdź bezpłatnie i bez ograniczeń możliwości platformy Shoper.

Aktywacja 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 informacje 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.

Dodawanie aplikacji mobilnej Panelu administracyjnego sklepu do ekranu głównego na telefonie

Instrukcja: jak dodać aplikację PWA Panelu administracyjnego sklepu na urządzeniach mobilnych?

Wideo: strona sklepu jako aplikacja w telefonie

Zobacz na jakiej zasadzie technologia Progressive Web Apps umożliwia ładowanie sklepu na telefonie.

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)?
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