Uzyskaj w pełni natywne aplikacje na Androida i iOS dla swojej witryny PrestaShop i zacznij sprzedawać swoje produkty w aplikacjach mobilnych!
1.0 Wprowadzenie
To jest podręcznik użytkownika zaawansowanego i gotowego rozwiązania natywnej aplikacji mobilnej PrestaShop Mobile App Builder. Jest to wtyczka do witryny eCommerce zaprojektowana i stworzona do tworzenia doskonałych i polecanych aplikacji zakupowych na Androida i iOS.
1.1 Kreator aplikacji mobilnych PrestaShop: krótkie wprowadzenie
PrestaShop Mobile App Builder to najbardziej zaawansowane i zautomatyzowane rozwiązanie, które przeniesie Twoją witrynę internetową na platformę mobilną. Przekształca całą witrynę w polecaną aplikację mobilną i umożliwia sprzedaż produktów na urządzeniach mobilnych wraz z tradycyjną witryną. Funkcjonalności i działanie aplikacji są dokładnie dopasowane do strony internetowej i działają bezbłędnie zarówno na urządzeniach z Androidem, jak i iPhone’ach.
Nasz PrestaShop Mobile App Builder to wstępnie skonfigurowana platforma zaprojektowana przez ekspertów i profesjonalistów do tworzenia pary natywnych aplikacji eCommerce. Aplikacje są w stanie zabrać wszystkie produkty Twojego sklepu na wyciągnięcie ręki i zwiększyć sprzedaż i przychody. Tak więc, jeśli jesteś sprzedawcą w sklepie PrestaShop i szukasz pełnoprawnego rozwiązania aplikacji mobilnej, jest to Twoja najlepsza szansa. Przeczytaj cały artykuł, aby uzyskać pełne informacje na temat tworzenia aplikacji mobilnych PrestaShop.
Ponadto nasze rozszerzenie PrestaShop Mobile App Builder jest w pełni kompatybilne z Rynek wielu dostawców podłącz. Możesz umieścić całą listę na rynku w tych samych aplikacjach mobilnych. Oferujemy nawet pakiet combo naszych PrestaShop Mobile App Builder z Rynek wielu dostawców PrestaShop in PrestaShop Advanced Marketplace z aplikacją mobilną.
Ponadto�następujące�korzyści�z�PrestaShop�Mobile�App�Maker�zmusiłyby�do�wykorzystania�tej�natywnej�aplikacji�:
- Rozwiązanie bez kodu dla aplikacji mobilnych.
- Przyjazny�panel�administracyjny�z�pełnym�dostępem.
- 3 miesiące�bezpłatnego�wsparcia
- W pełni natywne rozwiązania (Android i iOS)
- 100%�synchronizacja�pomiędzy�aplikacjami�i�stroną internetową
- Wysoce konfigurowalny z kontrolą projektu i działania.
- Zwiększa zaangażowanie użytkowników dzięki poręcznym narzędziom marketingowym.
- Zwiększa�ruch�i�przychody�do�Twojego�sklepu.
1.2 Najwyższej klasy funkcje kreatora aplikacji mobilnych PrestaShop:
Oto lista niektórych kluczowych funkcji, które otrzymasz w swoich aplikacjach dzięki Prestashop Mobile App Builder:
- Konfigurowalny układ ekranu głównego (pełna elastyczność)
- Marka sklepu
- Obsługa czatu Zopim i WhatsApp (24*7)
- Logowanie do Google i Facebooka
- Logowanie OTP i odcisk palca
- Wsparcie zarówno dla tabletów, jak i urządzeń mobilnych
- Obsługa Androida 4.2 do Androida 8.0 (Oreo)
- Obsługa iOS 9 do iOS 11
- Automatyczna aktualizacja zapasów
- Wiele opcji kolorów i czcionek
- Obsługa wielu języków i RTL (od prawej do lewej)
- Obsługa wielu walut
- Obsługa wszystkich typów produktów
- Metoda płatności w witrynie obsługiwana w aplikacjach
- Metoda wysyłki w witrynie obsługiwana w aplikacjach
- Integracja niestandardowych metod płatności
- Nieograniczone powiadomienia Push
- Opcje udostępniania społecznościowego produktu
- Wiele opcji filtrowania i sortowania
- Zaawansowane wyszukiwanie głosowe (tylko Android)
- Lista życzeń Funkcjonalność
- Kupon/kupony internetowe obsługiwane w aplikacjach.
- Uproszczony ekran kasy
- Śledzenie zamówień w czasie rzeczywistym
- Bezszwowe menu akordeonowe
- Wyraźny ekran produktu i kategorii
Najnowsza wersja Aktualizacje w aplikacjach mobilnych PrestaShop:
a) Przycisk „Dodaj do koszyka” na ekranie głównym i kategorii
Aplikacja mobilna PrestaShop stała się bardziej użyteczna dla kupujących online dzięki wbudowanemu przyciskowi „Dodaj do koszyka” dla produktów na ekranie Home & Category. Dzięki temu użytkownicy mogą szybko dodawać produkty do koszyka, po prostu dotykając przycisku koszyka. Przycisk Dodaj do koszyka jest również dostępny na ekranie kategorii aplikacji mobilnych. Użytkownicy mogą po prostu przewinąć w dół, aby przeglądać produkty i dodawać produkty do koszyka, po prostu dotykając przycisku Dodaj do koszyka.
b) Recenzje produktów w aplikacji 
Nasza aplikacja mobilna PrestaShop jest teraz kompatybilna z domyślnym modułem komentarzy do produktów PrestaShop. Teraz użytkownik może publikować recenzje produktów na stronie internetowej, a to samo pojawi się również w aplikacji. Ponadto użytkownik może przeglądać wszystkie recenzje z aplikacji i je również pisać.
c) Powiązane produkty w aplikacji
Kreator aplikacji mobilnych PrestaShop jest teraz kompatybilny z modułem Automatycznie powiązanych produktów. Powiązane produkty mogą być wyświetlane na stronie produktu w witrynie i aplikacji mobilnej. Ta kompatybilność może być wykorzystana jako doskonałe narzędzie do poprawy cross-sellingu dla Twojej firmy.
–> Eksploruj�Produkty powiązane z PrestaShop
d) Głębokie linki:
Aplikacje mobilne PrestaShop mają wbudowaną funkcję precyzyjnych linków. Teraz podczas udostępniania linki strony będą przekierowywane do aplikacji, a nie do przeglądarki. Wszystko jest wymagane, aby aplikacja była zainstalowana na urządzeniu mobilnym. Udostępniony link wyśle nawet użytkownika do odpowiedniego ekranu aplikacji.
e) Dostępność w trybie offline:
Aplikacje mobilne eCommerce z tym rozszerzeniem będą teraz działać również w trybie offline, tj. bez połączenia z Internetem. Użytkownicy mogą w dowolnym momencie przeglądać strony, które zostały załadowane podczas aktywnego Internetu. Kategorie, produkty, ekran koszyka itp.
f) Wyszukiwanie za pomocą obrazu:
Wtyczka PrestaShop Mobile App Builder jest teraz kompatybilna z wyszukiwarką obrazów PrestaShop. Teraz użytkownicy mogą wyszukiwać produkty za pomocą obrazów. Po prostu prześlij zdjęcie produktu w aplikacji i wyszukaj odpowiednie produkty. Użytkownicy mogą również wyświetlać „produkty podobne wizualnie” na podstawie obrazu wyszukiwania.
–> Eksploruj Wyszukiwarka grafiki PrestaShop
g) Zgodność z RODO:
Teraz aplikacje z PrestaShop Mobile App Builder są w pełni zgodne z przepisami RODO UE. Zapewni użytkownikom aplikacji większą kontrolę nad przechowywanymi danymi osobowymi. Administrator sklepu może po prostu skonfigurować ustawienia RODO, aby działały w aplikacji, a to samo będzie wyświetlane na różnych ekranach aplikacji, takich jak rejestracja, logowanie, kasa, płatność itp. Kupujący online mają nawet prawo poprosić sprzedawcę sklepu o usunięcie jego danych osobowych.
–> Eksploruj Moduł RODO PrestaShop
h) Kompatybilność Spin & Win (subskrypcja e-maili z grywalizacją):
Kreator aplikacji mobilnych PrestaShop jest również kompatybilny z rozszerzeniem PrestaShop Spin & Win. Wyskakujące okienko subskrypcji e-maili z grywalizacją służy do oferowania interaktywnego wyskakującego okienka z obracanym kołem, które można zaplanować do wyświetlenia lub wejścia w sklepie internetowym. Teraz, dzięki tej integracji, to samo wyskakujące okienko będzie automatycznie wyświetlane w aplikacjach. Wystarczy zainstalować rozszerzenie na swojej stronie internetowej.
–> Eksploruj Moduł PrestaShop Spin Win
Ta lista nie kończy się tutaj. Dowiedz się więcej o funkcjach szczegółowo od tutaj.
2.0 PrestaShop Aplikacja mobilna Demo
KnowBand rozumie Twoją troskę o niepewność dotyczącą rozwiązania i aby to ograniczyć, zaoferował bezpłatną wersję demonstracyjną dla wszystkich właścicieli sklepów eCommerce. Sprzedawcy mogą przeglądać nasz sklep demonstracyjny działający w aplikacji mobilnej, a nawet ich sklep działający w naszych aplikacjach demonstracyjnych.
2.1 Zobacz nasz sklep demonstracyjny działający na aplikacjach
Chcesz zobaczyć funkcje aplikacji eCommerce? Zintegrowaliśmy nasz sklep demonstracyjny z aplikacją, w której możesz poznać w pełni funkcjonalną aplikację i zobaczyć wszystkie jej funkcje. Wystarczy postępować zgodnie z poniższymi instrukcjami:
Krok 1: Pobierz i zainstaluj aplikację mobilną Nautica PrestaShop z dowolnego sklepu z aplikacjami na swoim urządzeniu mobilnym. Oto linki do pobrania aplikacji demonstracyjnych:
Krok 2: Otwórz aplikację i dotknij przycisku „Wyświetl demo” na ekranie powitalnym. Wprowadź odpowiednie dane, takie jak imię i nazwisko, adres e-mail i adres URL sklepu. Otóż to! Zobaczysz nasz sklep demonstracyjny działający w aplikacji demonstracyjnej. Możesz przeglądać to samo, sprawdzać wszystkie funkcjonalności, tworzyć zamówienia itp.
Uwaga: Aby uzyskać dostęp do panelu administracyjnego KnowBand Mobile App Builder w naszym sklepie demonstracyjnym, odwiedź tutaj.
2.2 Zobacz swój sklep działający w aplikacjach demonstracyjnych
Niezadowolony? Chcesz przetestować własny sklep w aplikacjach demonstracyjnych? Cóż, załatwiliśmy wszystko. Możesz również wypróbować swój sklep w naszej aplikacji demonstracyjnej bez żadnych kosztów. Wystarczy tylko 3 kroki, aby wykonać to samo:
Krok 1: Pobierz i zainstaluj BEZPŁATNY Kreator aplikacji mobilnych PrestaShop podłącz i zainstaluj w swoim sklepie.
Krok 2: Zainstaluj aplikacje demonstracyjne (linki w poprzedniej sekcji) na swoim urządzeniu mobilnym. Otwórz aplikację i wprowadź adres URL swojego sklepu.
Krok 3: Dotknij „Wyświetl swój sklep” i zacznij korzystać z własnego sklepu w aplikacjach demonstracyjnych.
Uwaga:�Ta bezpłatna wersja Konstruktora aplikacji mobilnych jest przeznaczona tylko do celów demonstracyjnych i żadne pliki APK/IPA nie będą dostarczane z tym modułem. Aby uzyskać własne pliki APK/IPA, musisz kupić płatną wersję�PrestaShop�Konstruktor aplikacji mobilnych.
3.0 Zbuduj swoją aplikację mobilną PrestaShop w 3 prostych krokach
Mamy nadzieję, że spodobała Ci się wersja demonstracyjna naszych aplikacji mobilnych PrestaShop i znalazłeś to, czego szukałeś. Nadszedł czas, aby uzyskać natywną parę aplikacji dla swojego sklepu. Proces tworzenia aplikacji mobilnej eCommerce jest tak prosty, jak to tylko możliwe. Wystarczy wykonać 3 proste kroki, a Twoja aplikacja będzie gotowa w ciągu 1-2 dni roboczych.
Krok 1: Zainstaluj Module na swojej stronie
Pobierz Konstruktor aplikacji mobilnych Prestashop i zainstaluj go w swoim sklepie.
Krok 2: Udostępnij specyfikacje aplikacji
Udostępnij swoje dane/wymagania dotyczące aplikacji wnaszym formularz warunków wstępnych.
Krok 3: pobierz aplikacje w ciągu 1-2 dni
Nasi wykwalifikowani i profesjonalni programiści tworzą Twoje aplikacje dokładnie dopasowując się do udostępnionych szczegółów. Odezwiemy się do Ciebie z plikami APK/IPA w ciągu 1-2 dni.
Uwaga: Możesz opublikować te pliki APK/IPA w odpowiednich sklepach z aplikacjami. Zapoznaj się z następującymi linkami, aby uzyskać to samo:
Jak opublikować aplikację w sklepie Google Play?
Jak opublikować aplikację w Apple App Store?
Nadal jakiś problem? Powiedz nam, opublikujemy aplikacje dla Ciebie. Ponadto w przypadku jakichkolwiek sugestii dotyczących zapytań prosimy o kontakt pod adresem support@knowband.com.
Instalacja modułu 4.0
Po zakupie modułu PrestaShop Mobile App Builder otrzymasz następujące pliki: 1. Skompresowany plik w formacie ZIP (zawiera kod źródłowy dodatku) 2. Instrukcja obsługi Teraz możesz kontynuować proces instalacji na dwa sposoby:
Instalacja modułu przy użyciu szczegółów FTP
Instalacja modułu przy użyciu danych administratora
5.0 Ekrany panelu administracyjnego
Po pomyślnym zainstalowaniu PrestaShop Mobile App Maker w Twojej witrynie nadszedł czas, aby skonfigurować panel administracyjny PrestaShop Mobile App Creator. Po kliknięciu opcji „Konfiguruj” w KnowBand Mobile App Builder otrzymasz następującą kartę z przyjaznymi interfejsami. Zawęźmy je jeden po drugim.
Ustawienia ogólne 5.1
Karta Ustawienia ogólne zawiera wszystkie ustawienia wymagane do uruchomienia aplikacji mobilnej na urządzeniach użytkownika. Ta zakładka zawiera wszystkie niezbędne uogólnione opcje synchronizacji aplikacji z funkcją make it na urządzeniach.
a) Włącz wtyczkę: Włącz wtyczkę PrestaShop Mobile App Creator, aby Twoja aplikacja mobilna działała na urządzeniach użytkownika.
b) Włącz Spin and Win: Włącz, aby wyświetlać wyskakujące okienko z grywalnym kółkiem na ekranie głównym za każdym razem, gdy dowolny użytkownik otworzy aplikację. Może być używany do oferowania rabatów/ofert i przechwytywania ich e-maili w zamian w celach marketingowych. Aby ta funkcja działała, musisz zainstalować moduł Spin and Win Knowband na swojej stronie internetowej.
c) Przekieruj na stronę koszyka po dodaniu do koszyka: Funkcjonalność ta pozwala kontrolować nawigację po przycisku „Dodaj do koszyka”. Możesz przekierować użytkowników do koszyka lub zatrzymać ich na stronie produktu, gdy tylko klikną przycisk Dodaj do koszyka. Zwiększa to szanse na dodatkowy zakup.
d) Wyświetl krótki opis: Włącz wyświetlanie krótkiego opisu produktu na ekranie produktu wraz z pełnym opisem i innymi szczegółami.
e) Wybierz układ: Wybierz żądany układ strony głównej dla swojej aplikacji PrestaShop. Możesz tworzyć wiele układów ekranu głównego w zapleczu zgodnie z różnymi festiwalami i motywami i używać ich zgodnie z wymaganiami sklepu.
f) Kolor przycisku aplikacji: Wybierz żądany kolor przycisku dla swojej aplikacji mobilnej PrestaShop.
g) Kolor motywu aplikacji: Wybierz żądany kolor motywu dla swojej aplikacji mobilnej PrestaShop.
h) Obraz logo: Prześlij obraz logo swojego sklepu, który będzie wyświetlany w górnym nagłówku aplikacji. To promowało Twoją markę wśród klientów mobilnych na całym świecie.
i) Wyłączone metody wysyłki: Wybierz żądane metody wysyłki, których nie chcesz wyświetlać w Twojej aplikacji mobilnej PrestaShop.
j) Włączone strony CMS: Wybierz żądane strony CMS, które mają być wyświetlane w aplikacjach mobilnych.
k) Włącz raportowanie dziennika żądań: Włącz logowanie w aplikacjach mobilnych, aby uzyskać szczegółowe informacje o nietypowym zachowaniu aplikacji.
l) Włącz obsługę czatu na żywo: Włącz opcję czatu Zopim (Zendesk) w swoich aplikacjach mobilnych PrestaShop. Aby funkcja czatu działała, wymagany byłby klucz API czatu, który zostanie dostarczony wraz z aplikacją.
m) Włącz obsługę czatu WhatsApp: Włącz opcję czatu WhatsApp w swoich aplikacjach mobilnych PrestaShop. Użytkownicy mogą bezpośrednio kontaktować się z Tobą pod numerem WhatsApp wprowadzonym w zapleczu.
n) Włącz/wyłącz rejestrację numeru telefonu: Włącz opcję logowania za pomocą numeru telefonu w aplikacji mobilnej PrestaShop i pozwól użytkownikom uwierzytelniać się za pomocą weryfikacji OTP.
o) Włącz kodowanie adresów URL linków graficznych: Włącz tę funkcję, aby obsługiwać znaki spoza zestawu ASCII w aplikacji.
5.2 Ustawienia powiadomień push
Twórca aplikacji mobilnej PrestaShop na Androida / iOS wykorzystuje Power of Push Notification przy użyciu podstawowych usług Google dla powiadomień push na urządzenia mobilne. Daje to przydatne narzędzie marketingowe, które przyciąga natychmiastową uwagę użytkowników i zwiększa sprzedaż. Dzięki aplikacji mobilnej PrestaShop wyróżnianie codziennych ofert i ofert to tylko jedna wiadomość. Zarówno automatyczne, jak i niestandardowe powiadomienia są dostępne w PrestaShop Mobile App Maker.
a) Klucz serwera Firebase: Firebase Server Key służy do konfiguracji powiadomień push dla aplikacji. Ten klucz zapewnia, że powiadomienia są odbierane przez wszystkich użytkowników Twojej aplikacji na całym świecie. Możesz pominąć to ustawienie dla bezpłatnej wersji modułu, ponieważ zostałoby skonfigurowane w końcowej aplikacji z płatną wersją modułu.
b) Włącz/wyłącz powiadomienie o tworzeniu zamówienia: Włącz/wyłącz automatyczne powiadomienia push wysyłane do użytkowników aplikacji w celu pomyślnego utworzenia zamówienia.
–> Tytuł i wiadomość dla powiadomienia push:�Wprowadź tytuł i wiadomość powiadomienia push w celu pomyślnego utworzenia zamówienia.
c) Włącz/wyłącz powiadomienie o zmianie statusu zamówienia: Włącz/wyłącz automatyczne powiadomienia push wysyłane do użytkowników aplikacji w celu uzyskania aktualizacji dotyczących ich poprzedniego statusu dostawy zamówienia.
–> Tytuł i wiadomość dla powiadomienia push: Wprowadź tytuł i treść powiadomienia push, gdy pojawi się aktualizacja w poprzednim statusie dostawy zamówienia.
d) Włącz/wyłącz powiadomienie o porzuconym koszyku: Włącz/wyłącz automatyczne powiadomienia push wysyłane do użytkowników, którzy porzucili koszyk bez udanego zakupu.
–> Tytuł i wiadomość dla powiadomienia push: Wprowadź tytuł i wiadomość powiadomienia push dla użytkowników aplikacji porzuconych koszyków.
e) Przedział czasowy:Interwał (w godzinach) wysyłania powiadomień push do użytkowników aplikacji, którzy porzucili koszyk bez udanego zakupu.
5.3 Historia powiadomień push
Ta zakładka zawiera historię wszelkiego rodzaju powiadomień push wysłanych do każdego użytkownika z danymi szczegółowymi. Sprzedawca może dowiedzieć się o każdym przesłanym wcześniej powiadomieniu. Ta zakładka ma również opcję wysłania niestandardowego powiadomienia do użytkowników utworzonych z zaplecza. Możesz łatwo poinformować ich o wszelkich szczegółach związanych ze sklepem lub rabatach za pomocą ręcznie wysyłanych powiadomień.
Wyślij powiadomienie:
Ta opcja umożliwia wysyłanie ręcznego powiadomienia do użytkowników aplikacji zgodnie z Twoim wyborem. Możesz skonfigurować tytuł, wiadomość, stronę docelową, obraz itp. oraz wybrane powiadomienie, jak pokazano na poniższym zrzucie:
a) Tytuł powiadomienia push: Tytuł ręcznego powiadomienia Push, które ma zostać wysłane do użytkowników aplikacji.
b) Wiadomość powiadomienia push: Wiadomość ręcznego powiadomienia, które ma zostać wysłane do użytkowników aplikacji.
c) Typ urządzenia: Możesz wybrać użytkowników w systemie Android/iOS lub na obu, do których ma zostać wysłane ręczne powiadomienie push.
d) Typ obrazu: Możesz przesłać żądany obraz/baner uzasadniający powiadomienie. Obraz banera można przesłać lub użyć za pośrednictwem istniejącego adresu URL.
e) Obraz powiadomienia: Administrator sklepu może wyświetlić podgląd obrazu powiadomienia i przeanalizować, jak będzie wyglądał w aplikacjach użytkownika.
f) Adres URL obrazu: Rzeczywisty adres URL obrazu powiadomienia, który ma zostać wysłany do użytkowników aplikacji.
g) Aktywność przekierowania: Możesz wybrać przekierowanie powiadomienia, wybierając z ekranu głównego/dowolnej kategorii/dowolnego produktu tutaj. Cokolwiek ustawisz, Twoi użytkownicy zostaną przekierowani do tego samego po dotknięciu powiadomienia push.
h) Wybierz kategorię/produkt: Możesz wybrać dowolny odpowiedni ekran kategorii/produktu dla swojego powiadomienia.
i) Wyślij powiadomienie: Po utworzeniu i wyświetleniu podglądu powiadomienia nadszedł czas, aby wysłać je w swoich aplikacjach.
Metody płatności 5.4
Kreator aplikacji mobilnych PrestaShop na Androida i iOS obsługuje wszystkie rodzaje metod płatności internetowych w aplikacjach na Androida i iOS. Ponadto oferuje opcje płatności PayPal i COD oraz elastyczność w dodawaniu innych natywnych metod płatności.
Możesz edytować następujące parametry w domyślnych metodach płatności (PayPal):
a) Nazwa metody płatności: Edytuj nazwę metody płatności, która ma być wyświetlana w aplikacji.
b) Wybierz tryb: Wybierz środowisko płatności, tj. Sandbox lub Live. Te ustawienia są dostępne na wypadek, gdyby administrator sklepu chciał przetestować metodę płatności przed kontynuowaniem.
c) Identyfikator klienta: Stosuje się to w przypadku Płatności PayPal w celu identyfikacji Konta handlowca, na które należy dokonać Płatności podczas składania zamówienia.
Układ strony głównej 5.5
Jest to jedna z najbardziej niesamowitych funkcji wtyczki PrestaShop Mobile App Builder do projektowania i tworzenia wielu układów ekranu głównego przy użyciu różnych atrybutów/elementów projektowania. Ta karta zawiera listę wszystkich układów ekranu głównego skonfigurowanych wcześniej w oparciu o różne motywy i czcionki, jak pokazano na poniższym zrzucie ekranu:
W celu skonfigurowania układów strony głównej w back-endzie dostępne są następujące elementy:
- Top kategorie
- Kwadratowy baner
- Poziomy Przesuwny Baner
- Siatka Banery
- Odliczanie Baner
- Siatka Produkty
- Poziome produkty przesuwne
- Ostatnio otwarte produkty
Sprzedawca w sklepie może skonfigurować i używać dowolnego z tych atrybutów, aby tworzyć i zapisywać wiele układów. Te układy mogą być używane zgodnie z tematem i wymaganiami. Ponadto położenie różnych elementów można zmieniać za pomocą prostej funkcji przeciągnij i upuść.
Najważniejsze kategorie:
Top kategoriesą wyświetlane w formie małych kwadratów na ekranie głównym i można je skonfigurować, w tym ich kategorie/produkty związane z obrazami i miejscami docelowymi. PrestaShop Mobile App Maker oferuje maksymalnie 8 kategorii, w których minimum 4 są obowiązkowe.
Kwadratowy baner:
Innym atrybutem jest lista banerów kwadratowych, która służy do oferowania baneru w kształcie kwadratu na ekranie głównym aplikacji. Możesz dostosować baner, wybierając odpowiedni obraz i ekran docelowy.
Poziomy Przesuwny Baner:
Są to prostokąty w kształcie prostokąta, które można przesuwać w poziomie i można je w pełni dostosować z poziomu zaplecza.
Banery siatki:
Są to banery w kształcie kwadratu wymienione na ekranie głównym w formie siatki. Możesz ustawić dowolną liczbę banerów na ekranie głównym i odpowiednio dostosować ich obraz i stronę docelową.
Baner odliczający czas:
W PrestaShop Mobile App Builder oferuje baner z licznikiem czasu. Możesz ustawić obraz banera i ekran docelowy oraz ustawić zegar, aż chcesz wyświetlić baner. Po upływie czasu baner automatycznie zniknie.
Produkty kwadratowe:
Jeśli chodzi o banery, PrestaShop Mobile App Creator oferuje produkty do wyświetlania na ekranie głównym w formie kwadratowej listy.
Poziome produkty przesuwne
Produkty możesz dodawać w postaci poziomych suwaków. Wybrane produkty mogą należeć do dowolnej konkretnej kategorii lub innych atrakcji, takich jak bestsellery, polecane produkty itp.
Produkty sieciowe:
Produkty można również dodawać na ekranie głównym w postaci zestawień w postaci siatki. Produkty można wybrać z dowolnej kategorii.
Ostatnio dostępne produkty:
Kreator aplikacji mobilnej PrestaShop zapewnia ostatni element karty, który wyświetla ostatnio przeglądane przez użytkownika produkty. Możesz po prostu dodać element w swoim układzie, aby wyświetlić go na ekranie głównym.
Uwaga: Administrator sklepu może dodać do 20 elementów podczas projektowania układu w panelu zaplecza.
5.6 Układ paska kart
Dostosuj i zaprezentuj pasek kart w aplikacji mobilnej PrestaShop i pozwól użytkownikom łatwo przełączać się między ekranami. Możesz ustawić ikony i stronę docelową elementów paska kart z zaplecza modułu. Dodaj pasek kart w swojej aplikacji i spraw, aby przeglądanie produktów było bardziej płynne. Ta zakładka zawiera następujące opcje:
a) Dodaj nowy element paska kart: Możesz dostosować i dodać nowy element paska kart w swojej aplikacji mobilnej. W tej opcji można ustawić obraz ikony i stronę docelową produktu.
b) Edytuj element paska kart: Można również edytować dowolny poprzedni element paska kart.
c) Włącz: Włącz/wyłącz pasek kart w aplikacjach mobilnych.
d) Kolor tła paska kart: Wybierz żądany kolor tła dla paska kart.
e) Kolor paska zakładek: Wybierz żądany kolor odcienia dla paska kart. Ten kolor przedstawia wybraną ikonę na pasku kart.
f) Nieaktywny kolor ikony: Wybierz kolor wyłączonej ikony na pasku kart.
5.7 Zgodność z RODO
PrestaShop Mobile App Builder zapewnia zgodność z RODO w aplikacjach mobilnych. Administrator sklepu może po prostu wykonać kilka kliknięć w panelu administracyjnym, a aplikacje staną się zgodne z RODO.
a) Włącz ustawienia RODO: Włącz tę kartę, aby zapewnić zgodność z RODO na różnych ekranach aplikacji.
b) Wyświetl RODO na: Wybierz ekrany aplikacji, na których chcesz aktywować opcje RODO.
c) Importuj zawartość strony CMS: Wybierz stronę CMS, której zawartość należy dodać dla opcji RODO.
6.0 Ekrany aplikacji mobilnych
Ekran główny 6.1
Ekran główny Twojej aplikacji mobilnej PrestaShop będzie dokładnie taki, jak chcesz. PrestaShop Mobile App Maker oferuje pełną elastyczność projektowania i tworzenia ekranu głównego w Twoich rękach. Korzystając z wielu banerów (Kwadrat, Siatka, Przesuwanie), produktów (Kwadrat, Siatka, Przesuwanie), banera z licznikiem czasu, zakładki ostatnich produktów w zapleczu, możesz zaprojektować intuicyjne układy ekranu głównego. Na ekranie głównym aplikacji dostępne są następujące opcje:
Co więcej, rozmieszczenie różnych elementów konstrukcyjnych można również zmienić zgodnie z wymaganiami.
1. Układy dynamiczne:
Korzystając z różnych elementów, możesz tworzyć i zapisywać różne układy w zapleczu i ponownie je wykorzystywać zgodnie z różnymi wydarzeniami i festiwalami. Możesz dynamicznie projektować i tworzyć ekran główny aplikacji.
2. Logo marki:
Logo Twojego sklepu znajduje się w lewej środkowej części górnego nagłówka Twojej aplikacji mobilnej PrestaShop. Logo jest w pełni konfigurowalne z poziomu zaplecza modułu i można je włączyć/wyłączyć, w tym zmianę obrazu.
3. Szukaj:
Opcja wyszukiwania pozwala kupującym aplikacje mobilne łatwo i szybko uzyskać to, czego chcą. W Twojej aplikacji mobilnej PrestaShop wyszukiwanie produktów będzie odbywać się w dwóch formach:
–> Z tekstem: Użytkownicy Twojej aplikacji mogą wyszukiwać żądane produkty, po prostu wpisując powiązane słowa kluczowe. Aplikacja mobilna PrestaShop wyświetli odpowiednie wyniki dla tego słowa kluczowego.
–> Głosem: Nie musisz wpisywać, Twoja aplikacja PrestaShop na Androida zostanie zintegrowana z zaawansowaną opcją wyszukiwania głosowego. Użytkownicy mogą po prostu wyszukiwać produkty, wypowiadając odpowiednie słowa kluczowe.
4. Torba na listę życzeń:
Torba z listą życzeń jest wyświetlana w górnym nagłówku Twojej aplikacji mobilnej PrestaShop zawierającej wszystkie produkty oznaczone zakładkami. Użytkownicy aplikacji mogą zapisać żądane produkty w torbie z listą życzeń do przyszłego zakupu.
5. Koszyk:
Koszyk jest dostępny w prawym górnym rogu ekranu głównego aplikacji. Stamtąd użytkownicy mogą dowiedzieć się o produktach dodanych do koszyka.
6. Czat WhatsApp/Zendesk:
W prawym dolnym rogu ekranu głównego znajduje się opcja czatu na żywo sprzedający-kupujący. Kupujący aplikacji mobilnej mogą łatwo i bezpośrednio przesłać Ci swoje zapytanie, a Ty możesz je natychmiast rozwiązać.
6.2 Menu Akordeon (Pasek Nawigacyjny)
Aplikacje mobilne PrestaShop na Androida i iOS zapewniają odpowiednią kategoryzację produktów dostępnych na stronie internetowej. Klienci mobilni mogą łatwo przeglądać produkty z wielu kategorii. Wszystkie strony CMS są również dostępne w menu Accordion. Zapewnia następujące opcje:
1. Moje konto
Ekran Moje konto zawiera wszystkie informacje o użytkowniku, takie jak dane osobowe, adresy wysyłkowe i szczegóły zamówienia. Istnieje nawet możliwość zarejestrowania odcisku palca przez użytkowników. Kupujący mogą przeglądać wszystkie powiązane z nimi informacje, a także aktualizować dane osobowe i hasło logowania.
2. Kategorie
Te kategorie są takie same jak w Twojej witrynie. Możesz je odpowiednio zmapować i zaoferować użytkownikom aplikacji 3-poziomową kategoryzację, aby zapewnić bezproblemowe przeglądanie.
3. Strony CMS
Tutaj wyświetlane są różne strony CMS, takie jak O nas, Kontakt, Warunki itp. Dostępne w Twojej witrynie. Możesz wybrać żądany z zaplecza PrestaShop Mobile App Builder, który będzie wyświetlany w aplikacji mobilnej.
4. Język(i)
Opcja języka umożliwia użytkownikom przeglądanie aplikacji PrestaShop Mobile w ich ojczystym języku. Wszystkie dostępne języki są wyświetlane tylko w tej opcji.
5. Waluta(e)
Wszystkie dostępne waluty w Twojej witrynie eCommerce są również wyświetlane w aplikacji mobilnej PrestaShop. Kupujący mogą przeglądać i kupować cenę produktu w wybranej przez siebie walucie.
6. Zaloguj się/Wyloguj
Korzystając z tej opcji, Twoi użytkownicy mogą łatwo zalogować się/wylogować się z aplikacji mobilnej PrestaShop.
6.3 Ekran kategorii:
Wszystkie podkategorie, kategorie nadrzędne i inne powiązane kategorie są dostępne w Twojej aplikacji mobilnej PrestaShop. Ekran kategorii jest zaprojektowany bez bałaganu na dwie części podstawowe widoki: Siatka i Lista. Zdjęcie produktu, nazwa, cena, rabat są wyświetlane we wszystkich aukcjach z możliwością dodania ich również do torby listy życzeń. Aplikacje mobilne z PrestaShop Mobile App Builder mają warstwową nawigację, dzięki czemu wyszukiwanie produktów jest po prostu prostsze. Na ekranach kategorii dostępne są następujące opcje:
1. Sortuj:
Ta opcja pozwala kupującym wybrać żądaną kolejność, w jakiej mają być sortowane ceny produktów kategorii. W Twoich aplikacjach dostępne są dwa porządki sortowania: Cena: od najniższej do najwyższej i Cena: od najwyższej do najniższej.
2. Filtr:
Opcja filtrowania produktów upraszcza wyszukiwanie produktów. Użytkownicy aplikacji mogą filtrować produkty w Twojej aplikacji mobilnej PrestaShop na podstawie różnych atrybutów, takich jak rozmiar, kolor, skład, stan, producent, cena itp. Użytkownicy mogą wyszukać swój ulubiony produkt w ciągu kilku minut za pomocą tych filtrów.
6.4 Ekran produktu:
Ekran produktu Twojej aplikacji mobilnej PrestaShop jest prosty i intrygujący. Wyświetlanych jest wiele zdjęć tego samego produktu wraz z nazwą i ceną. Dostępność produktu jest również wyświetlana jako „W magazynie” lub „Brak w magazynie” na podstawie stanu zapasów. Zawiera następujące inne opcje:
1. Opcje produktu:
Wszystkie opcje związane z produktem, takie jak rozmiar, kolor itp. są wyświetlane na tym ekranie. Te opcje produktu są takie same, jak dostępne na stronie internetowej.
2. Krótki opis
Użytkownicy mogą zapoznać się z krótkim opisem Twojego produktu, aby szybko podjąć decyzję.
3. Informacje o produkcie i pielęgnacja
Tutaj wyświetlane są pełne informacje o produkcie wymienione na stronie internetowej. Użytkownicy aplikacji mogą uzyskać pełne informacje o produkcie stąd.
4. Dodaj do listy życzeń:
Użytkownicy aplikacji mobilnej mogą bezpośrednio dodać produkt do zakładek, klikając „Dodaj do listy życzeń” w lewym dolnym rogu ekranu produktu.
5. Dodaj do koszyka:
Jak sama nazwa wskazuje przycisk „Dodaj do koszyka” dodaje produkt bezpośrednio do koszyka, a użytkownicy mogą dalej kupować.
6. Udostępnianie społecznościowe produktu:
Na tym ekranie dostępna jest opcja udostępniania produktu na wielu platformach społecznościowych, Bluetooth i e-mail. Użytkownicy aplikacji mogą udostępniać produkty swoim znajomym / krewnym na wielu platformach społecznościowych i przyciągać użytkowników do Twojej aplikacji.
6.5 Ekran listy życzeń:
Twój Kreator aplikacji mobilnej PrestaShop miałby torba z listą życzeń umożliwiająca użytkownikom dodawanie zakładek do produktów do przyszłego zakupu. Użytkownicy mogą zobaczyć tutaj listę wszystkich produktów oznaczonych zakładkami. Ma dwie opcje:
1. Dodaj do koszyka:
Użytkownicy aplikacji mogą dodać wybrany produkt bezpośrednio do koszyka, wybierając opcję Dodaj do koszyka.
2. Usuń z listy życzeń:
Użytkownicy mogą nawet usunąć dowolny produkt z listy życzeń, jeśli nie mają ochoty go kupić.
Ekran logowania 6.6
Kreator aplikacji mobilnych PrestaShop oferuje różne opcje logowania jednym dotknięciem i ułatwia proces logowania/rejestracji:
1. Zaloguj Się
Użytkownicy aplikacji mogą uwierzytelniać się i uzyskiwać dostęp do aplikacji przy użyciu danych logowania e-mail.
2. Zapisz się
Wszyscy nowi użytkownicy aplikacji mogą zarejestrować się i utworzyć swoje konto w sklepie z aplikacji mobilnej. Formularz rejestracji w aplikacji mobilnej PrestaShop prosi tylko o podanie odpowiednich informacji.
3. Zaloguj się za pomocą numeru telefonu
Twoja aplikacja mobilna zawiera łatwiejszą i niezawodną opcję logowania za pomocą numeru telefonu, co ułatwia użytkownikom weryfikację aplikacji OTP i logowania.
4. Zaloguj się za pomocą odcisku palca
Twoi użytkownicy mają również możliwość logowania się za pomocą uwierzytelniania odciskiem palca. Dzięki temu użytkownicy uzyskują dostęp do aplikacji w kilka sekund.
5. Zaloguj się przez facebook
Użytkownicy mogą zalogować się do aplikacji za pomocą swoich danych logowania do konta na Facebooku.
6. Zaloguj się przez Google+
Użytkownicy mogą logować się do aplikacji za pomocą swoich danych logowania do konta Google+.
6.7 Ekran koszyka:
Ekran koszyka w aplikacji mobilnej PrestaShop wyświetli wszystkie produkty dodane do koszyka. Użytkownicy aplikacji mogą wyświetlać nazwę produktu, ilość, całkowitą cenę i koszt wysyłki. Na tym ekranie dostępne są następujące opcje:
1. Zastosuj kupon
Ta opcja umożliwia użytkownikom uzyskanie zniżek i ofert poprzez wprowadzenie ważnego kuponu i kuponu działającego na Twojej stronie internetowej.
2. Całkowita cena produktu
W tym miejscu użytkownicy mogą zobaczyć całkowity koszt swojej torby na zakupy. Jest on automatycznie aktualizowany zgodnie z każdą aktualizacją o ilość lub dodatek produktu.
3. Zaktualizuj ilość produktu
Użytkownicy aplikacji mogą nawet aktualizować ilość produktu za pomocą opcji „Aktualizuj ilość”.
4. Usuń produkt
Użytkownicy aplikacji mogą po prostu usunąć produkt z koszyka, klikając opcję „Usuń”.
5. Kontynuuj zakupy
Użytkownicy aplikacji mogą opuścić koszyk, aby przeglądać więcej produktów w Twojej aplikacji. Kupujący aplikacji mobilnej zostaną przekierowani na ekran główny po dotknięciu opcji Kontynuuj zakupy.
6. Przejdź do kasy
Użytkownicy aplikacji mobilnej typu front-end mogą przejść dalej do ekranów kasy i płatności, wybierając opcję „Przejdź do kasy”. Przekieruje je na ekranie kasy.
Ekran kasowania 6.8
Aplikacje mobilne z PrestaShop Mobile App Maker mają uproszczoną płatność na jednym ekranie z tylko istotnymi informacjami. Użytkownicy mogą przeglądać pełne szczegóły kasy, takie jak szczegóły wysyłki, dane rozliczeniowe, podsumowanie zamówienia, komentarz do zamówienia, płatność Podsumowanie.
1. adres wysyłki
Ten ekran zawiera szczegółowe informacje o adresach wysyłkowych zapisanych przez użytkownika. W razie potrzeby użytkownik może również edytować/zapisywać nowy adres do wysyłki. Całkowity koszt Twojego produktu zostanie zaktualizowany zgodnie z wybraną metodą wysyłki.
2. Szczegóły rozliczeniowe
Ta opcja pozwala użytkownikom wprowadzić szczegóły rozliczeniowe dotyczące ich zakupu. Mogą również wybrać adres wysyłki, który będzie taki sam jak adres rozliczeniowy. Wstępnie zapisany adres rozliczeniowy można również edytować.
3. Podsumowanie zamówienia
Użytkownicy aplikacji mogą zobaczyć szczegóły zakupionego produktu w tej sekcji przed dokonaniem ostatecznego zakupu.
4. Metody wysyłki
Wszystkie dostępne metody wysyłki są wyświetlane w tej sekcji ekranu kasy. Użytkownicy mogą wybrać żądany z tego miejsca.
5. Komentarz do zamówienia
Użytkownicy aplikacji mogą również dodać dowolny komentarz związany z ich zamówieniem, który będzie widoczny na stronie zamówienia w backendzie.
6. Podsumowanie płatności
Ta sekcja wyświetla pełne zestawienie łącznych szczegółów płatności.
7. Przejdź do płatności
Użytkownicy aplikacji zostaną przekierowani do ekranu Płatności po dotknięciu przycisku „Przejdź do płatności”.
6.9 Ekran płatności:
Ekran płatności w Twoim PrestaShop Aplikacja mobilna wyświetla zarówno natywny widok internetowy, jak i metody płatności w aplikacji. PrestaShop Mobile App Maker obsługuje wszystkie rodzaje opcji płatności internetowych w aplikacji. Dodatkowo metody płatności PayPal i COD są dostępne w aplikacjach na Androida i iOS. Co więcej, różne inne natywne opcje płatności, takie jak PayU, Apple Pay, Amazon Pay, Braintree, Stripe itp. Można również zintegrować z aplikacją, jeśli o to poprosisz.
6.10 Ekran Mojego Konta
Ekran Moje konto w aplikacji eCommerce na Androida/iOS umożliwia użytkownikom przeglądanie pełnych szczegółów konta, w tym listy poprzednich zamówień. Ekran Moje konto oferuje następujące opcje:
1. Historia zamówień

Użytkownicy dowiadują się o składanych wcześniej pełnych szczegółach zamówienia. Wyświetlana jest data złożenia zamówienia, numer referencyjny zamówienia, cena i status dostawy.
2. Zaktualizuj profil
Użytkownicy mogą również aktualizować swoje wcześniej zapisane dane profilu, takie jak imię lub nazwisko, numer telefonu i hasło.
3. Adres(y) wysyłki
Użytkownicy aplikacji mogą zobaczyć pełną listę zapisanych adresów wysyłkowych. Z tego miejsca można również dodać nowy adres wysyłkowy.
4. Szczegóły zamówienia
Użytkownicy aplikacji mogą zobaczyć pełną listę wcześniej złożonych zamówień na aplikację.
5. Funkcja ponownego zamówienia
Istnieje możliwość bezpośredniego ponownego zamówienia produktu bezpośrednio po kliknięciu przycisku „Zamów ponownie”. Całe poprzednie zamówienie zostanie dodane do koszyka po naciśnięciu jednego przycisku.
6.11 Ekran szczegółów zamówienia
Ekran szczegółów zamówienia aplikacji PrestaShop eCommerce App zawiera pełne szczegóły zamówienia, takie jak adres wysyłki, podsumowanie produktu, metoda wysyłki i płatności oraz podsumowanie całkowitych kosztów. Użytkownicy mogą nawet śledzić dostawy wcześniej złożonych zamówień bezpośrednio z tego ekranu.
7.0 Samouczki wideo
8.0 Zaawansowany rynek PrestaShop (z aplikacją mobilną)
KnowBand’s PrestaShop Marketplace przekształca Twoją witrynę internetową w pełnoprawny rynek. Konstruktor aplikacji mobilnych PrestaShop jest w pełni kompatybilny z PrestaShop Rozszerzenie Marketplace. Oznacza to, że możesz umieścić całą listę rynkową w tych samych.Aplikacjach mobilnych PrestaShop. Dlatego uruchom parę kompatybilnych z Marketplace aplikacji mobilnych z KnowBand i przyciągnij do swojego sklepu dużą bazę sprzedawców i klientów. > Gdy użytkownik kliknie opcję Sprzedawca, zostanie przekierowany na stronę sprzedawcy w sklepie mobilnym. Użytkownik może przeglądać listę sprzedawców rynku wraz z ich oceną. > Klienci mogą kliknąć nazwę sprzedawcy, aby zobaczyć jego profil i oferowany produkt. Sprzedający mogą zalogować się za pomocą swojej nazwy użytkownika i hasła. Następnie są przekierowywane do pulpitu nawigacyjnego. Dowiedz się więcej o PrestaShop Rynek z aplikacją mobilną od tutaj. Kreator aplikacji mobilnych na Androida i iOS dla PrestaShop jest również dostępny na Oficjalny sklep z dodatkami PrestaShop.