WooCommerce PWA Mobile App Plugin (v1.0.1) | Uaktualnienia nowych funkcji

Aplikacje mobilne stały się głównym źródłem potencjalnych klientów dla prawie każdego rodzaju działalności eCommerce. Niezależnie od tego, czy jest to aplikacja natywna, hybrydowa czy PWA, dostępność dla klientów na ich najczęściej używanym urządzeniu jest zawsze świetnym podejściem.

W ciągu ostatnich 5 lat progresywne aplikacje internetowe (PWA) stały się bardzo popularne wśród użytkowników aplikacji i bardzo opłacalne dla firm eCommerce. Różne platformy eCommerce umożliwiają prostszym mediom tworzenie i uruchamianie aplikacji mobilnej PWA. Aby wprowadzić właścicieli sklepów WooCommerce w ten krajobraz, nasi eksperci z KnowBand opracowali i uruchomili zautomatyzowaną wtyczkę WooCommerce PWA Mobile App Builder, która po prostu integruje się z Twoją witryną i zapewnia w pełni konfigurowalny WooCommerce PWA.

Ta wtyczka do tworzenia PWA nie wymaga użycia kodu, ale nadal zapewnia łatwe w użyciu narzędzia do samodzielnego tworzenia, za pomocą których administratorzy sklepu mogą modyfikować swoje PWA bez żadnego wysiłku. Ponadto użytkownicy aplikacji uzyskują najlepszy w swojej klasie interfejs użytkownika i interfejs użytkownika, podobnie jak każdy wysokiej klasy sklep mCommerce.

Sprawdź to z poniższego linku:

https://www.knowband.com/woocommerce-pwa-mobile-app

Nowe aktualizacje funkcji w WooCommerce PWA Builder (wersja 1.0.1)

# 1 Stepper ilościowy dla produktów:

Jak zwykle dla wygody kupujący online lubią prostszy, ale bogaty w funkcje interfejs w sklepie internetowym. Takie rzeczy, jak dodawanie wielu ilości produktów lub zmiana ilości w momencie płatności i podczas pobytu w koszyku, poprawiają wrażenia zakupowe użytkowników aplikacji. Wszystkie takie funkcje są domyślnie dodawane w kompilacji PWA za pomocą wtyczki WooCommerce PWA. Ta nowo dodana funkcja umożliwia użytkownikom aplikacji zmianę ilości produktu poprzez zwiększenie (+) lub zmniejszenie o jedną jednostkę.

# 2 Recenzje produktów:

Ta funkcja umożliwia użytkownikom aplikacji pisanie i przesyłanie recenzji produktów, które kupili w Twoim sklepie. Recenzje odgrywają ogromną rolę w aplikacjach i witrynach eCommerce. Mogą motywować innych do zakupu produktów oraz zwiększać sprzedaż i przychody.

Proste kroki, aby uruchomić progresywną aplikację internetową WooCommerce:

  1. Zakup WooCommerce PWA Mobile App Builder Podłącz.
  2. Zainstaluj wtyczkę na swojej stronie WooCommerce.
  3. Wypełnij formularz wymagań wstępnych aplikacji i przejrzyj aplikację PWA przed jej udostępnieniem.

Jak instaluje się PWA na urządzeniach użytkowników?

Aplikacja mobilna PWA jest po prostu uruchamiana na stronie internetowej firmy. Nie ma potrzeby publikowania go w Google Play Store lub Apple App Store. Za każdym razem, gdy kupujący odwiedzają taką witrynę w swoich mobilnych przeglądarkach internetowych, na ich ekranie wyświetla się wyskakujące okienko „Dodaj do ekranu głównego”. Po kliknięciu PWA zostanie automatycznie zainstalowany na urządzeniu mobilnym tego użytkownika. Wydaje się, że PWA działa tak samo jak zwykłe aplikacje mobilne na urządzeniu mobilnym.

Główne cechy wtyczki WooCommerce PWA Builder:

1. Uproszczony panel administracyjny PWA:

Właściciele i administratorzy sklepów mogą łatwo skonfigurować swoją aplikację WooCommerce PWA, zaprojektować układ strony głównej, zarządzać powiadomieniami push i zrobić o wiele więcej bez kłopotów.

2. Nieograniczone powiadomienia push:

Pozwala administratorom sklepu wysyłać nieograniczoną liczbę powiadomień push do użytkowników aplikacji i utrzymywać ich zaangażowanie.Administratorzy mogą również wysyłać spersonalizowane powiadomienia oraz automatyzować i planować niektóre z typowych, takich jak powiadomienia o porzuconym koszyku, status zamówienia i powiadomienia o potwierdzeniu zamówienia. Używaj odpowiednich grafik i chwytliwych wiadomości z pożądanymi linkami przekierowującymi w powiadomieniach push.

3. Obsługa wielu języków i walut:

Aplikacje eCommerce PWA utworzone przy użyciu tych wtyczek obsługują wiele walut i wiele języków, w tym skrypty RTL, takie jak arabski, perski itp.

4. Dostępność offline:

Domyślnie progresywne aplikacje internetowe obsługują dostęp offline. Ze względu na buforowanie danych aplikacje PWA działają nawet wtedy, gdy użytkownik aplikacji jest offline lub ma wolne połączenie internetowe.

5. Wszystkie metody płatności i wysyłki:

Wszystkie metody płatności i wysyłki aktywne na Twojej stronie internetowej będą automatycznie aktywne iw pełni funkcjonalne w aplikacji WooCommerce PWA.

6. Logowanie społecznościowe i szybkie udostępnianie:

Użytkownicy aplikacji mogą łatwo zintegrować Twoją aplikację WooCommerce PWA z bezproblemowymi opcjami logowania społecznościowego, np. Za pośrednictwem kont Facebook i Google.

Aplikacje PWA zbudowane przy użyciu tej wtyczki WooCommerce PWA zapewniają również szybkie łącze do udostępniania na stronach produktów. Użytkownicy aplikacji mogą zatem łatwo udostępniać wybrane produkty na dowolnym uchwycie w mediach społecznościowych.

7. Śledzenie zamówienia:

Użytkownicy aplikacji mogą również śledzić wszystkie swoje aktywne zamówienia i być na bieżąco ze statusem ich realizacji. Wszelkie zmiany / aktualizacje statusu zamówienia są natychmiast odzwierciedlane w aplikacji, a także w formie automatycznego powiadomienia o statusie zamówienia.

Podsumowując:

Dzięki tak potężnemu narzędziu dostępnemu na rynku, sprzedawcy sklepów WooCommerce mogą przestać martwić się kłopotami i czasem związanymi z budowaniem PWA. Skorzystaj z własnej wtyczki WooCommerce PWA Mobile App Maker i jak najszybciej uruchom nową PWA.

W celu uzyskania pomocy lub zapytania prosimy o kontakt z naszymi ekspertami pod adresem support@knowband.com. Nasz zespół chętnie Ci pomoże.

How to sell on eBay with these Pro tips

Z ponad 1.2 miliarda ofert w serwisie eBay, sprzedający muszą dużo konkurować o uwagę 182 milionów aktywnych kupujących w serwisie eBay. A to jest trochę trudne dla nowych sprzedawców. Jest to więc główny powód, dla którego większość sprzedających szuka wskazówek, jak zacząć sprzedawać w serwisie eBay. Ten rynek jest nie tylko zbyt rozległy, ale także czasami skomplikowany. Jeśli jesteś nowy w eBay, najlepiej zacząć powoli, poznać otoczenie, zapoznać się z regulaminem, poznać strukturę opłat i metodycznie rozwijać swoje hobby lub biznes w serwisie eBay. Oto kilka profesjonalnych wskazówek dla sprzedających, którzy chcą sprzedawać w serwisie Rynek eBay.

Spraw, aby Twój post był wyjątkowy

Użycie kilku przyciągających wzrok słów w nagłówku może przyciągnąć uwagę kupującego. Twój opis nagłówka musi być jasny. W opisie wszystkie warunki produktu muszą być jasno określone. Oprócz nagłówka i opisu ważną rolę w zwróceniu uwagi kupującego odgrywa wizerunek produktu.

Zastosuj ofertę zainicjowaną przez sprzedającego

Niedawno w serwisie Rynek eBay wprowadzono nową funkcję o nazwie Oferta inicjowana przez sprzedającego, którą można kierować do kupujących, którzy umieścili produkt na liście obserwowanych lub mają produkt w koszyku. Na przykład, jeśli kupujący dodaje laptopa do swojej listy obserwowanych lub koszyka, jest to wyraźna wskazówka, że kupujący jest zainteresowany produktem, więc jako sprzedawca możesz przejść do Centrum sprzedających i sprawdzić konkretną aukcję i zobaczyć, że ludzie mają okazane zainteresowanie. Następnie sprzedawca może wysłać ekskluzywną ofertę ze spersonalizowaną wiadomością.

Czas jest kluczowy, dobrze wyceń swój przedmiot

Według serwisu Rynek eBay najlepszym dniem na zakupy jest niedziela, a następnie sobota i poniedziałek. Aby szybko sprzedać swoje przedmioty, pomyśl o czasie i co najważniejsze, jakich produktów chcą ludzie. Na przykład artykuły bożonarodzeniowe będą działać lepiej na początku grudnia niż w marcu. Masz pomysł. Jeśli chodzi o ceny, upewnij się, że Twój przedmiot ma idealną cenę, ponieważ większość kupujących kupuje produkt po porównaniu go z innymi. Bezpłatna wysyłka pomaga również szybciej sprzedać produkt.

Poznaj ograniczenia sprzedających

Limity sprzedaży obowiązują wszystkich sprzedawców, ale są bardziej rygorystyczne dla nowych sprzedających.

Wybierz odpowiednią kategorię aukcji

Kategoria listy produktów jest bardzo ważna na rynku. Zawsze umieszczaj produkt we właściwej kategorii. Na przykład właściwą kategorią dla smartfona jest elektronika niż jakakolwiek inna kategoria. Jeśli umieścisz produkt w złej kategorii, nikt go nie kupi, ponieważ szuka produktu pasującego do właściwej kategorii.

Inne wskazówki dotyczące sprzedaży:

Jasno określ zasady dotyczące zwrotów lub zwrotów pieniędzy; buduj reputację sprzedawcy, prosząc zadowolonych klientów o opublikowanie krótkiej recenzji i przyznanie gwiazdek oraz reklamowanie Twojego posta w serwisie Rynek eBay w innych miejscach, w tym w witrynach aukcyjnych i mediach społecznościowych, aby zmaksymalizować Twój zasięg.

Skorzystaj z rozszerzeń eBay, aby wystawiać produkty swojego sklepu e-commerce w serwisie eBay:

Zapewniamy prestashop, Opencart, Magento. Indywidualne wystawianie produktów na tych platformach jest bardzo czasochłonnym procesem. Dlatego te rozszerzenia pomagają zaoszczędzić czas i pieniądze.

Niektóre zalety tych rozszerzeń są następujące:

1- Zbiorcza lista produktów: Za pomocą rozszerzeń integracji eBay sprzedawcy mogą zbiorczo przesyłać produkty, a także mapować kategorie sklepów e-commerce z kategoriami eBay.
2- Zarządzanie profilami: Sprzedawcy mogą przesyłać produkty, tworząc wiele profili. W profilu sprzedawcy zarządzający mogą również wybrać podstawowe ustawienia. Lista produktów oparta na profilu pomoże Ci wystawić różne produkty w różnych kategoriach na rynku.
3- Lista produktów: na tej karcie sprzedawcy mogą zobaczyć stan swoich produktów. Na tej karcie sprzedawca może sprawdzić, który produkt jest powiązany z daną kategorią, jego identyfikator aukcji, status aukcji itp.
4- Zarządzanie cenami: Korzystając z tej funkcji, sprzedawcy mogą wystawiać swoje produkty po cenie innej niż cena w sklepie internetowym. Mogą skorygować cenę wyższą lub niższą na podstawie ceny stałej i procentowej.
5- Różne metody płatności: rozszerzenie integracji serwisu eBay pomaga sprzedającemu ustawić metody płatności zgodnie z ich wyborem.
6- Zarządzanie ilością: Administrator może dodać bufor ilości podczas wystawiania produktów w serwisie eBay, aby uniknąć zamówień, których brak na stanie. Ten moduł umożliwia również administratorowi zbiorczą synchronizację zapasów od administratora sklepu do serwisu eBay.
7- Zarządzanie wysyłkami: Administrator może tworzyć wiele profili wysyłki, a także oferować bezpłatną wysyłkę lub wysyłkę międzynarodową w serwisie eBay za pomocą naszego modułu.
8- Zasady dotyczące zwrotów: Administrator może zarządzać ustawieniami zasad zwrotów w serwisie eBay z poziomu samego modułu. wyborem.

Wnioski:

Tak więc, jeśli sprzedajesz w serwisie eBay lub jesteś nowy, musisz postępować zgodnie z tymi wskazówkami, aby jak najlepiej wykorzystać eBay. Te wskazówki pomogą Ci szybciej sprzedawać produkty. A jeśli sprzedajesz w innych sklepach e-commerce, takich jak Prestashop, Opencart i Magento, oprócz Rynek eBay, musisz użyć tych rozszerzeń integracji, aby zaoszczędzić czas i wysiłek.

Podobne artykuły:

4 Ultimate Tips Aby zwiększyć sprzedaż w serwisie eBay

Jak oceniać wyższe i uzyskiwać swoje aukcje w wyszukiwarce eBay?

Jak wyświetlić produkt w serwisie eBay Marketplace?

Historia sukcesu integracji z rynkiem (eBay, Etsy) w sklepie z modą męską

30-dniowa gwarancja zwrotu pieniędzy dla aplikacji mobilnych eCommerce | KnowBand

Aplikacje mobilne mają ogromne znaczenie zwłaszcza dla firm internetowych (eCommerce), które chcą uruchomić swoją nową aplikację mobilną. Posiadanie odpowiednich aplikacji mobilnych eCommerce z odpowiednim zestawem funkcji i funkcjonalności jest czymś, czego pragnie każda taka firma. Chociaż w niektórych scenariuszach niektóre firmy mogą nie czuć się zadowolone ze swojej aplikacji mobilnej i mogą chcieć ją zmodyfikować, a nawet mogą chcieć uzyskać zwrot pieniędzy.

Cóż, o tym jest ten artykuł. We wszystkich naszych rozszerzeniach eCommerce Mobile App Builder oferujemy rozszerzenie 30 dniowa gwarancja zwrotu pieniedzy. Rozszerzenie jest dostępne dla następujących platform eCommerce:

PrestaShop Mobile App Builder

OpenCart Mobile App Builder

Magento Mobile App Builder

Magento 2 Mobile App Builder

WooCommerce Mobile App Builder

Na podstawie opinii kilku naszych klientów zdaliśmy sobie sprawę, że niektórzy klienci mogą potrzebować trochę czasu, aby dowiedzieć się, czy rozszerzenie do tworzenia aplikacji jest odpowiednie dla ich potrzeb. Mamy różne przewodniki w postaci artykułów, samouczków wideo, linków demonstracyjnych dla administratorów i bezpłatnej wersji naszych rozszerzeń eCommerce Mobile App Builder. Mimo to nadal może utrzymywać się pewna nieświadomość, co może prowadzić do niezadowolenia z twórcy aplikacji. Ta 30-dniowa gwarancja zwrotu pieniędzy będzie dla nich korzystna.

W przypadku niektórych klientów z innym lub unikalnym modelem biznesowym uogólniony układ naszych rozszerzeń do tworzenia aplikacji e-commerce może nie być odpowiedni lub może nie być odpowiedni dla nich, aby zmodyfikować ich ogólny układ aplikacji w celu przekształcenia jej w aplikację mobilną odpowiednią ich potrzeby. Ta 30-dniowa gwarancja zwrotu pieniędzy może również w dużym stopniu pomóc.

Uwaga:?With this offer, we will create and send APK to you for review. Money-back is only valid if you are not satisfied and don’t publish it on Google Play Store. If the app is published, we won’t offer you a refund.

Regularnie aktualizujemy i ulepszamy nasze rozszerzenia eCommerce Mobile App Builder, aby wyposażyć je w najnowsze technologie i funkcje. Zarówno na froncie, jak i na backendzie intensywnie testujemy nasze rozszerzenia, aby uniknąć błędów i usterek, tak abyśmy mogli jak najlepiej służyć naszym klientom. Dzięki temu otrzymaliśmy pozytywne recenzje i opinie większości naszych klientów.

Nie tylko my, ale nasi klienci oznaczyli nasze rozszerzenia do tworzenia aplikacji mobilnych eCommerce jako jedne z najbardziej wydajnych i opłacalnych rozwiązań do tworzenia aplikacji dla domen eCommerce.Jesteśmy dumni ze wszystkich naszych rozszerzeń eCommerce Mobile App Builder, a wprowadzenie gwarancji zwrotu pieniędzy jeszcze bardziej to potwierdza.

[Świetna okazja] Najważniejsze funkcje, które otrzymasz w aplikacjach zakupowych:

Aplikacje zakupowe dla stron internetowych oparte na PrestaShop, OpenCart, Magento 2 i WooCommerce są wyposażone we wszystkie podstawowe i niezbędne funkcje i funkcjonalności eCommerce. Oto lista najważniejszych z nich, dzięki którym Twoja firma rozwija się bez przeszkód:

# 1. Nieograniczone powiadomienia push:

W przypadku każdego rodzaju aplikacji mobilnych eCommerce powiadomienia push są koniecznością. Ich dominacja nad tradycyjnymi podejściami do marketingu e-mailowego i rosnące wskaźniki sprzedaży to solidne powody, dla których mobilne powiadomienia push są warte każdej firmy.

Również w aplikacjach zakupowych powiadomienia push odgrywają ogromną rolę w zwiększaniu zaangażowania, utrzymania i sprzedaży klientów. Ta funkcja jest czymś, w co dostaniesz

Kreator aplikacji mobilnych KnowBand oferuje nawet niestandardowe powiadomienia w panelu administracyjnym, które można wysłać do użytkowników i zmotywować ich do większej sprzedaży. Wszystkie aktualne oferty i promocje można promować za pomocą mobilnych powiadomień push.

Czytaj więcej:?Jak łatwo wysyłać powiadomienia push w aplikacjach mobilnych PrestaShop?

# 2. Obsługa wielu języków i wielu walut:

Aby zwiększyć zasięg odbiorców, coraz więcej sklepów internetowych obsługuje wiele języków i walut. Aby zaspokoić potrzeby takich firm i ułatwić im uruchamianie aplikacji, większość aplikacji zakupowych obsługuje obecnie te funkcje.

It?wasn’t facile to take your business to cross borders and sell products like your store was there only. Our Mobile Apps helps in achieving the same. The native eCommerce Apps come with all languages support including RTL ones like Arabic, Hebrew, Urdu, Persian, etc. Hence, whatever languages on your eCommerce store, same will be on the mobile apps as well.

Czytaj więcej:??Obsługa języków RTL (od prawej do lewej) dla aplikacji mobilnych

# 3. Synchronizacja w czasie rzeczywistym:

Jest to obowiązkowa funkcja dla każdego rodzaju aplikacji, w tym aplikacji zakupowych. Dzięki tej funkcji zarówno telefon komórkowy, jak i strona internetowa zawsze pozostają ze sobą w synchronizacji na żywo. W ten sposób administratorzy sklepu nie muszą oddzielnie zarządzać swoją aplikacją mobilną.

Właściciele sklepów eCommerce często skarżą się na problemy z zarządzaniem ich ogromnymi zapasami zarówno w witrynach, jak i aplikacjach. Aby zmniejszyć wysiłek ręczny, zaoferowaliśmy 100% synchronizację w naszych aplikacjach, umożliwiając automatyczne aktualizacje w czasie rzeczywistym w spisie aplikacji za każdym razem, gdy jakiekolwiek nowe dodatki lub zmiany dokonane w sklepie.

Czytaj więcej:?Kodowanie lub niekodowanie: co wybrać w aplikacji mobilnej eCommerce?

# 4. Zamówienie jednostronicowe:

Żadna firma eCommerce nie chce, aby jej klienci byli sfrustrowani z powodu długich procesów kasowych. Aby pomóc, funkcja „One-Page Checkout” jest obecnie powszechna w prawie każdej aplikacji do zakupów online.

Użytkownicy uzyskują uproszczoną obsługę transakcji dzięki łatwemu składaniu zamówień z szybkim przeglądem szczegółów związanych z zakupem.

Czytaj więcej:?Kasa z jedną stroną a kasa z wieloma stronami

# 5. Obsługa czatu na żywo (Zopim i WhatsApp):

Opcje czatu na żywo są pierwszą linią obsługi klienta dla każdej aplikacji do zakupów online. W rozszerzeniach eCommerce Mobile App Builder obsługa czatu Whatsapp i Zopim jest domyślnie dostępna. To dwie bardzo popularne platformy. Szczególnie Whatsapp jest obecnie używany przez każdego internauty.

Wszystkie wymienione powyżej funkcje, a nawet więcej, są dostępne w naszych rozszerzeniach E-Commerce Mobile App Builder dla platform takich jak PrestaShop, OpenCart, Magento i WooCommerce. Naszym celem jest umieszczanie najlepszych i najnowszych w naszych rozszerzeniach i nadal będziemy to robić, aby lepiej obsługiwać naszych klientów.

Mamy nadzieję, że nasze rozszerzenia aplikacji mobilnych eCommerce okażą się jeszcze bardziej pomocne i wygodne. Jak zawsze możesz skontaktować się z nami pod adresem support@knowband.com w przypadku jakichkolwiek pytań lub pomocy.

W jaki sposób sprzedawca może skorzystać z bezpłatnej listy zakupów Google

Z powodu pandemii koronawirusa ruch eCommerce nagle wzrósł z powodu blokady, a także nikt nie chce wychodzić z domu. Większość ludzi robi teraz zakupy online z powodu blokady. W tym trudnym czasie Zakupy Google pozwalają sprzedawcom bezpłatnie wystawiać swoje produkty.

Ta bezpłatna oferta pomaga wielu mniejszym firmom, których nie stać na Zakupy Google. Daje możliwość zwiększenia widoczności sklepu, prezentując jego produkty milionom użytkowników, którzy codziennie korzystają z Zakupów Google.

Czym właściwie są Zakupy Google:

Podobnie jak inne platformy reklamowe, takie jak reklamy na Facebooku czy Instagramie, reklamy w Zakupach Google – znane również jako reklamy z listą produktów (PLA) – to kolejny sposób na gromadzenie klientów oraz dokonywanie konwersji i sprzedaży. Chociaż reklamy w Zakupach Google nie są tak popularne w porównaniu z innymi platformami mediów społecznościowych, nadal stanowią ponad 16 procent sprzedaży w branży eCommerce.

Reklamy Google Shopping pojawiają się w prawym górnym rogu wyników wyszukiwania. Różnią się one znacznie od reklam tekstowych wyświetlanych w wynikach wyszukiwania, ponieważ zawierają zdjęcia produktu.

Ponieważ te reklamy zapewniają kupującym wszystkie istotne informacje, których potrzebują

Złota szansa dla istniejących i nowych użytkowników:

Obecni sprzedawcy mogą teraz wyświetlać swoje pełne zapasy, w przeciwieństwie do promowania tylko niektórych produktów za pomocą płatnych reklam na platformie. Nowi sprzedawcy mogą teraz składać wnioski o bezpłatne wystawianie produktów za pośrednictwem Google Merchant Center.

Nowe partnerstwa:

W ramach tego Google współpracuje również z PayPal, aby pomóc w szybszym wprowadzaniu większej liczby sprzedawców na platformę, umożliwiając im połączenie istniejących kont Paypal w celu przyjmowania płatności online. Google współpracuje również z firmami eCommerce, takimi jak Shopify, aby zapewnić firmom, które prowadzą swoją działalność głównie za pośrednictwem swoich witryn internetowych, możliwość szybkiego przejścia na sprzedaż w Zakupach Google.

Jak sprzedawcy mogą zoptymalizować swoje oferty, aby uzyskać więcej konwersji:

Daje to ulgę małym sprzedawcom, ale sprzyja również ostrej konkurencji. Google nadal będzie wyświetlać listy produktów od dostawców, którzy przesyłają przejrzyste, trafne i często aktualizowane informacje. Aby dobrze sobie radzić w grze, Twój plik produktowy musi być dobrze zoptymalizowany. Oto kluczowe punkty, o których należy pamiętać podczas optymalizacji aukcji:

Tytuł i opis:

Podczas tworzenia tytułów i opisów produktów unikaj upychania słów kluczowych. W przypadku tytułów wybierz docelowe słowo kluczowe i umieść je jak najbliżej początku tytułu produktu.

Atrakcyjny obraz:

Zdjęcia produktów są zwykle używane do przyciągania klientów. Pierwsze wrażenie to ostatnie wrażenie. Dbaj o profesjonalizm i usuwaj wszelkiego rodzaju znaki wodne, logo lub dodatkowy tekst itp.

Cena efektywna:

Pamiętaj, aby przeanalizować ceny konkurencji dla podobnych produktów i odpowiednio wycenić swoje. Ponieważ nie będzie możliwości licytowania przyrostowego ruchu uzyskanego z tych bezpłatnych bezpłatnych aukcji, jeszcze ważniejsze będzie strategiczne podejście do ustalania cen.

Kategoria docelowa:

Kategoria produktów odgrywa ważną rolę, ponieważ jest to atrybut zaplecza, który Google bierze pod uwagę podczas wypełniania wyników wyszukiwania w Zakupach. Twój produkt będzie bardziej trafny, jeśli wybierzesz bardziej ukierunkowane kategorie.

Jak możemy Ci pomóc w umieszczeniu produktów Twojego sklepu w Zakupach Google?

Zapewniamy Cię Rozszerzenia integracji z Zakupami Google które pomogą Ci łatwo zintegrować Twoje sklepy eCommerce z zakupami Google. Dzięki tym rozszerzeniom integracji możesz łatwo promować swoje produkty w Zakupach Google.

?So if you are also selling on eCommerce platforms like Prestashop, Opencart, and Magento then you must try these extensions.

Główne zalety tych rozszerzeń są następujące:

Zarządzanie profilem: Utworzenie profilu pomoże właścicielom sklepów w łatwym kategoryzowaniu produktów w ich sklepie za pomocą odpowiedniej kategorii Google. Nastąpi to poprzez utworzenie różnych profili dla różnych kategorii produktów.

Śledzenie UTM: Sprzedawcy mogą łatwo śledzić swój ruch pochodzący z Zakupów Google przy użyciu różnych parametrów UTM.

Zarządzanie kanałami: Sprzedawcy mogą zaplanować listę produktów, tworząc pliki danych. Po utworzeniu plików danych produkty będą automatycznie wyświetlane bez ręcznej ingerencji.

Dzienniki audytów: Sprzedawcy mogą również śledzić wszystkie swoje działania, sprawdzając dzienniki audytów.

Włącz lub wyłącz produkty: Za pomocą jednego kliknięcia sprzedawca może włączyć lub wyłączyć listę produktów w Zakupach Google.

Wnioski:

To doskonała okazja dla małych firm, których nie stać na płatne reklamy. Bezpłatna lista w Zakupach Google pomaga zapewnić większą konwersję. Ponadto, jeśli sprzedajesz na innych platformach eCommerce, takich jak prestashop, Opencart i Magento możesz też wypróbować nasze

Podobne artykuły:

Jak sprzedawać w Zakupach Google?

Google Express: kompletny przewodnik

Teraz wystawiaj swoje produkty w Zakupach Google za darmo

WooCommerce PWA Mobile App – User Manual

1.0 Wprowadzenie

Ta gotowa wtyczka została zaprojektowana i opracowana przez KnowBand w celu przekształcenia działającego sklepu WooCommerce w bogatą w funkcje progresywną aplikację internetową. Po przekształceniu sklepu eCommerce w Aplikację PWA, za każdym razem, gdy dowolny użytkownik otworzy adres URL sklepu w przeglądarce mobilnej, zainteresowana osoba zostanie poproszona o „Dodaj PWA do ekranu głównego”. Po dodaniu aplikacji mobilnej WooCommerce PWA do ekranu głównego urządzenia mobilnego, użytkownik może przeglądać sklep w aplikacji jak każdą inną aplikację. Aplikacja mobilna WooCommerce PWA to aplikacja internetowa, która w rzeczywistości nie opiera się na publikacji aplikacji w Google Play i Apple App Store. Użytkownicy mogą po prostu dodać Progressive Web App do urządzenia mobilnego i używać jak każdej innej aplikacji.

1.1 Przekonujące funkcje do wyboru WooCommerce PWA:

– Szybsze ładowanie i szybka wydajność – W pełni konfigurowalny ekran główny z edytorem DIY – Obsługa wszystkich metod wysyłki i płatności w witrynie – Przyjazny dla użytkownika interfejs – Brak zależności od sklepów z aplikacjami – W pełni oznaczony marką Twojego sklepu – E-mail i logowanie społecznościowe (Google i Facebook ) – Obsługa wielu języków i RTL – Praca w trybie offline – Synchronizacja na żywo czarno-biała strona internetowa i aplikacja – Kompatybilny zarówno z Androidem, jak i iOS – Jednostronna kasa – Lekka aplikacja – Zarządzanie stronami CMS

1.2 Zobacz demo PWA WooCommerce

Poznaj funkcje modułu i aplikacji PWA z poniższych linków demonstracyjnych:

Panel administracyjny modułu: https://wcdemo1.knowband.com/pwa/wp-login.php
Aplikacja demonstracyjna PWA: https://wcdemo1.knowband.com/pwa/pwa-app/
Uwaga-�Skopiuj i wklej adres URL w przeglądarce mobilnej i „Dodaj do ekranu głównego”.

[IMP] Uwagi dla iOS:

�> Urządzenia z systemem iOS nie oferują wbudowanego monitu „Dodaj do ekranu głównego”, więc użytkownicy muszą ręcznie dodać aplikację mobilną PWA do ekranu głównego iPhone’a lub iPada. �> iOS nie obsługuje powiadomień web push. Stąd powiadomienia push nie będą odbierane na PWA zainstalowanym na iPhonie lub iPadzie.

[NOWA AKTUALIZACJA]�WooCommerce�PWA obsługuje skrypty języka RTL:

Kreator progresywnej aplikacji internetowej WooCommerce obsługuje teraz wszystkie języki na całym świecie, w tym języki RTL (od prawej do lewej), takie jak arabski, hebrajski, perski itp. Administrator sklepu może teraz nawet dodawać języki RTL w aplikacji mobilnej WooCommerce PWA.

Ekrany panelu administracyjnego 2.0:

Poznaj wszystkie ustawienia w Panelu Administracyjnym aplikacji mobilnej WooCommerce PWA i sprawdź, jak działają, korzystając z poniższych szczegółowych zrzutów ekranu:

2.1 Ustawienia ogólne:

a) Pokaż/ukryj podgląd: Dotknij przycisku oka, aby wyświetlić/ukryć podgląd telefonu w panelu administracyjnym.
b) Włącz/Wyłącz: Włącz moduł do pracy PWA na urządzeniach mobilnych.
c) Włącz raportowanie dziennika żądań: Włącz dziennik błędów na urządzeniu mobilnym.
d) Przekieruj na stronę koszyka po dodaniu do koszyka: Kontroluj przekierowywanie przycisku Dodaj do koszyka za każdym razem, gdy dowolny użytkownik kliknie przycisk Dodaj do koszyka.
e) Wyświetl krótki opis: Włącz i wyświetl krótki opis produktu (jeśli został dodany na stronie produktu w witrynie).
f) Wyświetl wyskakujące okienko Dodaj do ekranu głównego: Zaoferuj wyskakujący komunikat „Dodaj do ekranu głównego” i zezwól użytkownikom na dodanie aplikacji PWA na urządzeniach mobilnych.
g) Włącz logo: Dodaj logo swojej marki w nagłówku aplikacji mobilnej WooCommerce PWA.

h) Kolor tła ekranu powitalnego: Wybierz i ustaw kolor ekranu powitalnego WooCommerce Progressive Web App.
i) Nazwa aplikacji PWA: Wprowadź żądaną nazwę aplikacji WooCommerce PWA. Zostanie wyświetlony, gdy użytkownik doda aplikację na urządzeniach mobilnych.
j) Obraz ikony aplikacji: Dodaj obraz ikony aplikacji w panelu administracyjnym.
k) Wybierz czcionkę aplikacji: Wybierz czcionkę dla swojej aplikacji mobilnej WooCommerce PWA.
l) Wybierz układ strony głównej: Wybierz spośród wstępnie dodanego układu ekranu głównego dla aplikacji WooCommerce PWA.

m) Kolor przycisku aplikacji: Wybierz kolor przycisku dla aplikacji mobilnej PWA.
n) Kolor motywu aplikacji: Wybierz kolor motywu dla aplikacji PWA.
o) Kolor tła aplikacji: Wybierz kolor tła dla aplikacji PWA.
p) Włącz pasek kart: Włącz pasek kart na dole aplikacji PWA, aby szybko i łatwiej nawigować.
q) Niestandardowy CSS: Wprowadź kod CSS, aby poprawić wygląd i działanie stron internetowych aplikacji PWA, takich jak płatności za wyświetlanie stron internetowych, strony CMS itp.

2.2 Ustawienia powiadomień push

Powiadomienia push to najlepsze narzędzie marketingowe dla aplikacji PWA dla WooCommerce. Administrator sklepu może po prostu promować produkty i oferty sklepu wśród użytkowników aplikacji oraz zwiększać sprzedaż i przychody. Wprowadź wszystkie szczegóły w ustawieniach powiadomień push, tworząc projekt Firebase:

Jak założyć konto Firebase?

Krok 1:�Zaloguj się do Google Firebase

Krok 2:�Utwórz nowy projekt Gdy klikniesz na Dodaj projekt, pojawi się następujące okno dialogowe:


Utworzenie projektu zajmie kilka sekund. Gdy projekt będzie gotowy, kliknij kontynuuj.

Krok 3:�Zarządzaj ustawieniami projektu Po utworzeniu projektu kliknij Ustawienia projektu.

Krok 4:�Przejdź do opcji uwierzytelniania:


Krok 5:�Znajdź klucze Firebase W ustawieniach projektu kliknij Ustawienia wiadomości w chmurze. Stąd możesz bezpośrednio uzyskać klucz serwera.


Krok 6:�Dodaj swoją aplikację internetową do Firebase

Krok 7:�Pobierz inne szczegóły związane z Firebase i wklej je w panelu administracyjnym modułu PWA.

Krok 8:�Pobierz klucz serwera Firebase z karty wiadomości w chmurze w Ustawieniach:

Krok 9:�Dodaj swoją domenę do uwierzytelniania>>zaloguj się.

A) Powiadomienie push o pomyślnym zamówieniu:

Włącz/wyłącz automatyczne powiadomienia push, które mają być wysyłane do użytkowników aplikacji za każdym razem, gdy złożą udane zamówienie z aplikacji WooCommerce PWA.

B) Powiadomienie push o aktualizacji statusu zamówienia:

Włącz/wyłącz automatyczne powiadomienia push wysyłane za każdym razem, gdy status zamówienia z aplikacji zostanie zaktualizowany. Użytkownicy aplikacji mobilnej WooCommerce PWA mogą mieć na oku szczegóły poprzednich zamówień.

C) Powiadomienie push o porzuconym koszyku:

Włącz/wyłącz automatyczne powiadomienia push wysyłane do użytkowników porzucających produkty w koszyku bez udanego zakupu. To powiadomienie push zostanie wysłane do użytkowników automatycznie po wprowadzonym przedziale czasu.

2.3 Historia powiadomień push

Tutaj będzie widoczna pełna historia powiadomień push o pomyślnie wysłanych powiadomieniach push. Administrator sklepu może stąd śledzić wcześniej wysłane powiadomienia push.

A) Wyślij powiadomienie:

Personalizuj i ręcznie wysyłaj powiadomienia push do użytkowników aplikacji PWA zgodnie z potrzebami. Administrator sklepu może samodzielnie skonfigurować te powiadomienia i wysłać je do użytkowników aplikacji WooCommerce PWA.

Układ strony głównej 2.4:

Aplikacja mobilna WooCommerce PWA oferuje konfigurowalny ekran główny, którego układ można zaprojektować z panelu administracyjnego za pomocą kilku kliknięć myszą i przeciągania. Atrakcyjny układ według festiwalu, wyprzedaży, okazji itp. Z pewnością może pomóc w poprawie sprzedaży za pośrednictwem aplikacji mobilnych WooCommerce PWA.

Dodaj nowy układ z tej zakładki lub edytuj poprzednio dodane. Ustawienia konfiguracji strony głównej oferują następujące elementy:

a) Najlepsze kategorie:�

b) Kwadratowy sztandar:�

c) Poziomy baner przesuwny:�

d) Banery siatki:�

e) Baner odliczania czasu:�

f) Produkty kwadratowe:�

g) Produkty przesuwne:�

h) Produkty sieciowe:�

2.5 Strony informacyjne:

Dodaj strony CMS w aplikacji i oferuj treści informacyjne użytkownikom WooCommerce PWA Mobile App.

Jak uzyskać szczegółowe informacje o aplikacji Facebook?

Aplikację Facebook można utworzyć, wykonując poniższe czynności:-

Krok 1:�Idź do danego�URL: https://developers.facebook.com/apps/

Krok 2:�Kliknij przycisk „Dodaj nową aplikację”.

Krok 3 i 4:Wprowadź nazwę swojej aplikacji i identyfikator e-mail, a następnie kliknij przycisk „Utwórz identyfikator aplikacji”.

Krok 5 i 6:�Po kliknięciu Create App ID będziesz musiał� przejść kontrolę bezpieczeństwa, jak pokazano:

Krok 7:�Kliknij na zakładkę „Ustawienia”.

Krok 8-13:�Dwie opcje będą dostępne na liście rozwijanej, Podstawowe i Zaawansowane, kliknij „Podstawowe”. Następnie wprowadź swoją „Domenę aplikacji”,�„Kontaktowy adres e-mail”, „Prywatność�URL”, „Zasady i warunki�URL”, „Dodaj logo”, „Wybierz kategorię” i kliknij przycisk „Zapisz zmiany”. Domeny aplikacji: twojadomena.com jest�poprawna twojadomena.com/store jest�nieprawidłowa www.domena.com jest�nieprawidłowa

Krok 14:�Teraz kliknij „+Dodaj platformę”.


Krok 15:�
I wybierz Witrynę jako Platformę.

Krok 16:�Teraz wprowadź adres URL swojej witryny.


Krok 17 i 18:�Kliknij „Produkty+” i wybierz login Facebook.


Krok 19:�Wybierz sieć jako platformę aplikacji.

Krok 20:�Teraz kliknij Zapisz.


Krok 21 i 22:�Kliknij Ustawienia i dodaj prawidłowe identyfikatory URI przekierowania OAuth. Prawidłowe identyfikatory URI przekierowania OAuth: https://example.com/pwa-app/login

Krok 23 i 24:�Kliknij „Przegląd aplikacji”. I zaznacz „Ustaw „Nazwę swojej aplikacji” jako publiczną” na Tak.


Ostatni krok:�Skopiuj identyfikator aplikacji i klucz tajny aplikacji i wklej je w pola w module.

Jak uzyskać szczegółowe informacje o aplikacji Google?

  • Przejdź do Google Developers Console (https://console.developers.google.com/project) lub kliknij link znajdujący się w prawym górnym rogu odpowiedniej zakładki na stronie konfiguracji modułu.
  • Teraz kliknij Utwórz projekt po lewej stronie.
  • Wpisz nazwę swojego projektu i przejdź do następnego kroku.
  • Teraz kliknij APIs and auth-> Credentials z lewego menu, jak pokazano poniżej.

  • Kliknij przycisk Utwórz nowy identyfikator klienta z prawego panelu ekranu.
  • Przed kontynuowaniem może być konieczne wypełnienie formularza na ekranie zgody. Aby to zrobić, musisz kliknąć Ekran zgody w lewym menu, jak pokazano na powyższym obrazku.
  • Wypełnij wyskakujący formularz, podając poniższe dane:

Typ aplikacji:�Aplikacja internetowa.
Autoryzowane źródła JavaScript:�Nazwa domeny Twojego sklepu (https://www.yourstore.com).
Autoryzowany identyfikator URI przekierowania lub URI strony przekierowania Loginizera:
https://example.com/pwa-app/login

  • Teraz kliknij przycisk Utwórz identyfikator klienta, aby uzyskać identyfikator klienta i tajny klucz klienta.
  • Teraz możesz użyć klucza klienta i identyfikatora klienta, aby umożliwić klientom logowanie się do Twojego sklepu przy użyciu ich konta Google.

3.0 Front End ekrany PWA:

3.1 Ekran główny:

Ekran główny aplikacji mobilnej WooCommerce PWA można w pełni dostosować za pomocą edytora DIY, jak wyjaśniono powyżej na ekranach panelu administracyjnego. Zmień wygląd ekranu głównego aplikacji w dowolnym momencie i zaoferuj bardziej przyjazny dla użytkownika i oparty na sprzedaży wygląd.

1. Układ niestandardowy:

Korzystając z różnych banerów, suwaków, elementów produktu, administrator sklepu może stworzyć dynamiczny układ zgodnie z potrzebami.

2. Logo marki:

Użyj logo swojego sklepu w górnym nagłówku aplikacji WooCommerce PWA.

3. Torba na zakupy:

Ikona koszyka na zakupy w prawym górnym rogu ekranu głównego umożliwia użytkownikom dostęp do ekranu koszyka i sprawdzanie dodanych produktów.

4. Lewe menu nawigacyjne:

Przeglądaj kategorie wyświetlane w aplikacji PWA z przeglądaniem po lewej stronie menu nawigacyjnego.

3.2 Menu Akordeon (Pasek Nawigacyjny):

Aplikacje mobilne WooCommerce PWA są wyposażone w bezproblemową i odpowiednią kategoryzację. Użytkownicy mogą znaleźć odpowiednie kategorie z lewego menu nawigacyjnego i przeglądać produkty. Do menu można dodać różne strony CMS, oferujące odpowiednie treści w aplikacji.

1. Moje konto

Opcja Moje konto zawiera wszystkie dane osobowe użytkowników, w tym wysyłkę i zamówienie. Kupujący WooCommerce Progressive Web App mogą przeglądać i aktualizować zapisane informacje.

2. Kategorie

Kategorie wyświetlane w lewym menu nawigacyjnym WooCommerce Progressive Web App są takie same, jak dostępne w sklepie eCommerce.

3. Strony CMS

Różne strony CMS, takie jak O nas, Kontakt, Warunki itp., są dostępne tutaj. Te strony informacyjne można dodać z panelu administracyjnego rozszerzenia.

4. Język(i)

Opcja języka umożliwia użytkownikom aplikacji PWA przeglądanie aplikacji internetowej w żądanym języku.

5. Waluta(e)

Wszystkie dostępne waluty w Twojej witrynie są wyświetlane tutaj w aplikacji WooCommerce PWA.

6. Zaloguj się/Wyloguj

Dzięki tej opcji użytkownicy mogą łatwo zalogować się/wylogować się z aplikacji WooCommerce PWA.

3.3 Ekran kategorii:

Pozbawione bałaganu ekrany kategorii z widokiem listy i siatki pozwalają użytkownikom wybrać to, co jest dla nich najlepsze z określonej kategorii. Cały asortyment sklepu pozostanie zsynchronizowany z aplikacją mobilną WooCommerce PWA, a nowe dodatki i zmiany będą nawet aktualizowane w czasie rzeczywistym.

1. Widok listy i siatki:

Kategorie w aplikacji PWA dla WooCommerce można przeglądać zarówno w widoku listy, jak i siatki.

2. Sortowanie produktów:

Opcja sortowania pozwala kupującym online zawęzić produkty w żądanej kolejności sortowania i znaleźć właściwy.

3. Filtr produktów:

Aplikacja mobilna WooCommerce PWA oferuje opcję filtrowania produktów, co ułatwia wyszukiwanie produktów. Kupujący online mogą znaleźć pożądane produkty w kategoriach za pomocą filtrów dla różnych atrybutów, takich jak rozmiar, kolor, cena itp.

3.4 Ekran produktu:

Ekran produktu progresywnej aplikacji internetowej WooCommerce jest tak prosty i intrygujący, jak to tylko możliwe. Dzięki wszystkim niezbędnym opcjom i informacjom o produkcie, użytkownicy mają pewność co do produktu w ciągu kilku minut�które zamierza kupić. Dostępnych jest wiele obrazów dla produktu z opcjami W magazynie i Brak w magazynie.

1. Informacje o produkcie i pielęgnacja:

Tutaj zostaną wyświetlone pełne informacje o produkcie dostępne w ekwipunku.

2. Krótki opis:

Użytkownicy mogą zapoznać się z krótkim opisem Twojego produktu, aby szybko podjąć decyzję o zakupie.

3. Opcje produktu:

Tutaj wyświetlane są wszystkie opcje związane z produktem, takie jak rozmiar, kolor itp.

5. Dodaj do koszyka:

Ten przycisk umożliwia użytkownikom dodawanie produktów do koszyka. Użytkownicy mogą dalej przetwarzać koszyk do zakupu.

6. Udostępnianie społecznościowe produktu:

Opcja udostępniania produktu umożliwia użytkownikom udostępnianie produktów w wielu kanałach społecznościowych.

Ekran logowania 3.5

Aplikacja mobilna WooCommerce PWA oferuje opcje logowania społecznościowego jednym dotknięciem i sprawia, że ​​proces logowania/rejestracji jest bardziej płynny. Progresywna aplikacja internetowa WooCommerce oferuje logowanie do Google i Facebooka.

1. Zaloguj się:

Użytkownicy aplikacji mogą łatwo uwierzytelniać się i logować do aplikacji PWA przy użyciu swoich poprzednich danych logowania e-mail.

2. Zarejestruj się:

Wszyscy nowi użytkownicy aplikacji mogą zarejestrować się i utworzyć swoje konto w sklepie z aplikacji WooCommerce PWA. Formularz rejestracyjny prosi tylko o podanie danych niezbędnych do utworzenia konta.

3. Zaloguj się przez Facebooka:

Użytkownicy mogą logować się do aplikacji PWA za pomocą swoich poświadczeń konta na Facebooku.

4. Zaloguj się przez Google:

Użytkownicy mogą logować się do aplikacji PWA za pomocą swoich danych logowania do konta Google.

3.6 Ekran koszyka:

Ekran Koszyk aplikacji mobilnej WooCommerce PWA 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 korzystanie z kuponów internetowych i zbieranie ofert rabatowych.

2. Całkowita cena produktu:

Użytkownicy mogą zobaczyć pełny koszt swojej torby na zakupy, zanim przejdą dalej. Jest automatycznie aktualizowany zgodnie z każdą aktualizacją o ilość produktu lub nowy dodatek.

3. Zaktualizuj ilość produktu:

Użytkownicy aplikacji PWA mogą nawet aktualizować ilość produktu za pomocą opcji „Aktualizuj ilość”.

4. Usuń produkt:

Użytkownicy aplikacji mogą po prostu usunąć produkt z koszyka, po prostu dotykając opcji „Usuń”.

5. Kontynuuj zakupy:

Użytkownicy aplikacji mogą opuścić koszyk, aby przeglądać więcej produktów w Twojej aplikacji.

6. Przejdź do kasy:

Użytkownicy aplikacji PWA mogą przejść dalej do ekranów kasy i płatności, klikając opcję „Przejdź do kasy”.

Ekran kasowania 3.7

Progresywna aplikacja internetowa dla WooCommerce ma uproszczoną kasę na jednym ekranie, zawierającą tylko istotne informacje. Użytkownicy aplikacji mogą przeglądać pełne szczegóły realizacji transakcji, takie jak szczegóły wysyłki, dane rozliczeniowe, podsumowanie zamówienia, komentarz do zamówienia, podsumowanie płatności.

1. Szczegóły dotyczące wysyłki i rozliczeń:

Ten ekran zawiera szczegółowe informacje o adresach wysyłkowych i rozliczeniowych zapisanych przez użytkownika. W razie potrzeby użytkownik może również edytować/zapisywać nowy adres wysyłki.

2. Podsumowanie zamówienia:

Użytkownicy aplikacji mogą zobaczyć szczegóły produktu przed dokonaniem płatności.

3. Metody wysyłki:

Wszystkie dostępne metody wysyłki są wyświetlane tutaj. Użytkownicy mogą wybrać ten, który odpowiada ich potrzebom.

4. Komentarz do zamówienia:

Użytkownicy mogą również dodać dowolny komentarz związany z ich zamówieniem, który będzie widoczny dla administratora sklepu na stronie zamówienia w zapleczu.

5. Podsumowanie płatności:

Ta sekcja wyświetla pełne szczegóły płatności za awarię związane z zakupem.

6. Przejdź do płatności:

Użytkownicy aplikacji PWA zostaną przekierowani do ekranu Płatności po naciśnięciu przycisku „Przejdź do płatności”.

3.8 Ekran płatności:

Ekran płatności aplikacji WooCommerce PWA zawiera wszystkie dostępne w sklepie płatności internetowe. Kupujący online mogą znaleźć podobne sposoby płatności zarówno na stronach internetowych, jak i w aplikacjach.

3.9 Ekran Mojego Konta

Ekran mojego konta aplikacji mobilnej WooCommerce PWA umożliwia kupującym online przeglądanie pełnych danych zapisanych w progresywnej aplikacji internetowej. Ten ekran wyświetla również listę poprzednich zamówień aplikacji.

1. Dane osobowe:

Użytkownicy mogą przeglądać i aktualizować swoje wcześniej zapisane dane osobowe w aplikacji mobilnej PWA.

2. Adres(y) wysyłki:

Użytkownicy aplikacji mogą zobaczyć pełną listę zapisanych adresów wysyłkowych w aplikacji PWA.

3. Szczegóły zamówienia:

Użytkownicy aplikacji mają dostęp do pełnej listy wcześniej złożonych zamówień z aplikacji PWA oraz ich szczegółów.

4. Funkcja ponownego zamówienia:

Na ekranie Moje konto w aplikacji PWA znajduje się przycisk bezpośredniego zamówienia. Wszystkie poprzednie produkty w ramach tego zamówienia zostaną dodane do koszyka za pomocą jednego przycisku.

3.91 Ekran szczegółów zamówienia

Ekran szczegółów zamówienia w aplikacji WooCommerce Progressive Web App zawiera pełne informacje o konkretnych zamówieniach z aplikacji PWA. Użytkownicy mogą łatwo przeglądać adres wysyłki, podsumowanie produktu, metodę wysyłki i płatności, podsumowanie całkowitych kosztów itp. Oferuje nawet opcję śledzenia statusu zamówienia i dostawy.

Walmart integruje się z Shopify, aby rozwijać swój rynek online

Walmart niedawno uruchomił nową integrację z platformą zakupową e-commerce, Shopify, z którego korzysta ponad 1 milion małych i średnich firm. Dzięki temu partnerstwu dostawcy Shopify mogą korzystać z rynku Walmart. Ta umowa skupia się na celu sprowadzenia 1,200 Shopifysprzedawców na rynku do tego roku. Ideą tej integracji jest zwiększenie zasięgu większej liczby marek poprzez umieszczenie ich przed milionami użytkowników Walmart.

Integracja nastąpiła w czasie, gdy większość użytkowników robi zakupy online w związku z pandemią koronawirusa. Walmart odnotowali około 74% wzrost sprzedaży w ostatnim kwartale ze względu na wzrost liczby zakupów wywołanych pandemią, które wysyłały użytkowników do Internetu w celu zakupu niezbędnych artykułów, takich jak żywność, środki czystości i inne.

Wraz z uruchomieniem tej integracji Walmart koncentruje się teraz na tych markach, które mogą zaspokoić potrzeby swoich użytkowników. Walmart szuka marek, które mają świetne wyniki i większą satysfakcję klientów.

Po tej integracji sprzedawcy Shopify mogą sprawdzić swoje uprawnienia, instalując aplikację Walmart ze sklepu Shopify. Jeśli zostaną zatwierdzone przez Walmart

Podobnie, podobnie jak integracja Walmart-Shopify, w Knowband oferujemy również różne rozszerzenia, które ułatwiają i usprawniają proces sprzedaży, a także przekształcają Twój sklep e-commerce w rynek. Korzystając z tych rozszerzeń, uzyskasz następujące funkcje:

  1. Przesyłaj produkty zbiorczo: Możesz łatwo zbiorczo przesyłać produkty za pomocą tych rozszerzeń,
  1. Zezwalaj na wielu sprzedawców: Korzystając z tych rozszerzeń, możesz również zezwolić wielu sprzedawcom na sprzedaż na swoim rynku.
  1. Zarządzanie prowizjami: Możesz ustawić różne rodzaje prowizji od sprzedawców za sprzedaż ich produktów w Twoim sklepie.
  1. Recenzje sprzedawcy: Proces recenzji jest bardzo łatwy, użytkownik może recenzować zarówno sprzedawcę, jak i jego produkt.
  1. Wiele możliwości wyboru: Jeśli więcej sprzedawców sprzedaje swoje produkty na Twoim rynku, Twoi użytkownicy mają szerszy wybór.
  1. Łatwa rejestracja: Sprzedawcy mogą łatwo zarejestrować się za pomocą kilku kliknięć przycisku. Cały proces jest bardzo łatwy.
  1. Obsługa wszystkich typów produktów: Te rozszerzenia obsługują różne typy produktów, takie jak proste, konfigurowalne i dołączane.

Tak więc, jeśli sprzedajesz swoje produkty online i chcesz przekształcić swój sklep internetowy w rynek, aby umożliwić wielu sprzedawcom sprzedawanie ich produktów na Twoim rynku, musisz wypróbować następujące rozszerzenia:

Progresywna aplikacja internetowa OpenCart (PWA) — Instrukcja obsługi

1.0 Wprowadzenie

To zautomatyzowane rozszerzenie OpenCart zostało zbudowane z myślą o ułatwieniu właścicielom sklepów internetowych przekształcenia ich sklepu w progresywną aplikację internetową. Sklep eCommerce w PWA jest jedną z głównych zaawansowanych technologii, których powinien szukać każdy biznes eCommerce. Aplikacja mobilna OpenCart PWA jest w rzeczywistości aplikacją internetową, która nie opiera się na zewnętrznych sklepach z aplikacjami (Google Play i Apple App Store). Kupujący online mogą z łatwością „Dodaj aplikację PWA do ekranu głównego” i kupować produkty w podróży, jak każda inna aplikacja.

1.1 Jak działa progresywna aplikacja internetowa OpenCart (PWA)?

Gdy sklep eCommerce zostanie przekonwertowany na aplikację mobilną OpenCart PWA, za każdym razem, gdy dowolny użytkownik otworzy adres URL sklepu w przeglądarce mobilnej, użytkownicy zostaną poproszeni o „Dodaj PWA do ekranu głównego”. To takie proste w instalacji i obsłudze aplikacji OpenCart Progressive Web App.

1.2 Najważniejsze funkcje do wyboru OpenCart PWA:

  • Szybsze ładowanie i szybka wydajność
  • W pełni konfigurowalny ekran główny z edytorem DIY
  • Obsługa wszystkich metod wysyłki i płatności w witrynie
  • Nieograniczone powiadomienia push (zarówno automatyczne, jak i niestandardowe powiadomienia)
  • Powiadomienie push o porzuconym koszyku
  • Obsługa czatu Zopim i WhatsApp
  • Angażujący, przyjazny dla użytkownika interfejs
  • Brak zależności od sklepów z aplikacjami
  • W pełni brandowane do Twojego sklepu (biała etykieta)
  • E-mail i logowanie społecznościowe (Google i Facebook)
  • Obsługa wielu języków i RTL
  • Tryb offline działa
  • Wbudowana funkcjonalność listy życzeń
  • Synchronizacja na żywo czarno-biała strona internetowa i aplikacja
  • Automatyczna aktualizacja zapasów
  • Kompatybilność z wieloma urządzeniami
  • Jednokartkowa realizacja zamówienia
  • Lekka aplikacja
  • Zarządzanie stronami CMS
  • Powiązane produkty w progresywnej aplikacji internetowej
  • Opinie użytkowników o produktach na�PWA
  • Obsługa wielu walut
  • Wsparcie kuponów / kuponów

[IMP] Uwagi dotyczące aplikacji PWA na iOS:

�> Urządzenia z systemem iOS (iPhone, iPad itp.) nie oferują wbudowanego monitu „Dodaj do ekranu głównego”. Dlatego użytkownicy aplikacji mobilnej PWA muszą ręcznie dodać aplikację mobilną OpenCart PWA do ekranu głównego iPhone’a lub iPada. �> iOS nie obsługuje powiadomień web push. Dlatego administrator sklepu może wysyłać powiadomienia push tylko na urządzenie z Androidem, a nie na iOS.

[NOWA AKTUALIZACJA].OpenCart PWA obsługuje języki RTL (arabski, hebrajski itp.):

Kreator aplikacji mobilnych OpenCart PWA obsługuje teraz wiele języków, w tym skrypty RTL (od prawej do lewej), takie jak arabski, hebrajski, perski itp. Wszystkie języki sklepu OpenCart będą dostępne w progresywnej aplikacji internetowej, a inne wymagane języki mogą być również dodane. Użytkownicy mogą wybrać język w progresywnej aplikacji internetowej, a cała zawartość aplikacji zostanie odpowiednio przetłumaczona.

W pełni kompatybilny z rynkiem wielu dostawców KnowBand:

Nasza aplikacja mobilna OpenCart PWA jest kompatybilna z Rynek wielu dostawców OpenCart. Przekształć swój sklep OpenCart eCommerce w pełnoprawny rynek i uruchom aplikację mobilną PWA w tym samym celu. Sprzedawcy na rynku będą dostępni w Twojej progresywnej aplikacji internetowej, a użytkownicy również będą mogli je po prostu przeglądać.

Uwaga: Aplikacje mobilne OpenCart PWA są zorientowane wyłącznie na klienta, tzn. użytkownicy mogą odwiedzać aplikację przeglądania PWA wraz ze sprzedawcami. Nie będzie pulpitu sprzedawcy ani zarządzania za pośrednictwem aplikacji OpenCart Progressive Web App. Administrator może zarządzać sprzedawcami z sieci marketplace, a to samo będzie automatycznie aktualizowane w aplikacji mobilnej PWA.

1.3 Zobacz demo OpenCart PWA:

 

Poznaj funkcje modułu i aplikacji PWA z poniższych linków demonstracyjnych:

Panel administracyjny modułu:�https://opencartdemo.knowband.com/3.0/pwa/admin/
Aplikacja demonstracyjna PWA: https://opencartdemo.knowband.com/3.0/pwa/pwa-app/

(Skopiuj i wklej adres URL w przeglądarce mobilnej i „Dodaj do ekranu głównego”)

Ekrany panelu administracyjnego 2.0:

Poznaj wszystkie ustawienia panelu administracyjnego rozszerzenia OpenCart PWA Mobile App wraz z funkcjonalnością i pracuj z udostępnionymi poniżej migawkami:

2.1 Ustawienia ogólne:

a) Pokaż/ukryj podgląd: Dotknij przycisku oka, aby wyświetlić/ukryć podgląd telefonu w panelu administracyjnym.
b) Status: Włącz moduł do pracy PWA na urządzeniach mobilnych.
c) Włącz raportowanie dziennika żądań: Włącz dziennik błędów na urządzeniu mobilnym.
d) Nazwa aplikacji PWA: Wpisz nazwę aplikacji OpenCart PWA.
e) Wybierz układ strony głównej: Wybierz spośród wstępnie dodanego układu ekranu głównego dla aplikacji OpenCart Progressive Web App.

f) Włącz pasek kart: Włącz pasek kart na dole aplikacji OpenCart PWA, aby zapewnić bezproblemową nawigację.
g) Czcionka dla aplikacji PWA: Wybierz czcionkę dla aplikacji OpenCart Progressive Web App (PWA).
h) Kolor przycisku aplikacji: Wybierz kolor przycisku dla aplikacji mobilnej PWA.
i) Kolor motywu aplikacji: Wybierz kolor motywu dla aplikacji PWA.
j) Kolor tła aplikacji: Wybierz kolor tła dla aplikacji PWA.
k) Kolor ekranu powitalnego aplikacji: Wybierz ekran powitalny dla aplikacji mobilnej PWA.
l) Włącz logo: Dodaj logo swojej marki w nagłówku aplikacji mobilnej OpenCart PWA.

m) Obraz ikony aplikacji: Dodaj obraz ikony aplikacji w panelu administracyjnym rozszerzenia OpenCart PWA.
n) Przekieruj na stronę koszyka po dodaniu do koszyka: Kontroluj przekierowywanie przycisku Dodaj do koszyka za każdym razem, gdy dowolny użytkownik kliknie przycisk Dodaj do koszyka.

2.2 Ustawienia powiadomień push

Powiadomienia push to najlepsze narzędzie marketingowe dla Progressive Web App (PWA) dla OpenCart. Administrator sklepu może po prostu promować produkty i oferty sklepu dla użytkowników aplikacji oraz zwiększać sprzedaż i przychody. Wprowadź wszystkie szczegóły w ustawieniach powiadomień push, tworząc projekt Firebase:

Jak założyć konto Firebase?

Krok 1:�Zaloguj się do Google Firebase

Krok 2:�Utwórz nowy projekt Gdy klikniesz na Dodaj projekt, pojawi się następujące okno dialogowe:


Utworzenie projektu zajmie kilka sekund. Gdy projekt będzie gotowy, kliknij kontynuuj.

Krok 3:�Zarządzaj ustawieniami projektu Po utworzeniu projektu kliknij Ustawienia projektu.

Krok 4:�Przejdź do opcji uwierzytelniania:


Krok 5:�Znajdź klucze Firebase W ustawieniach projektu kliknij Ustawienia wiadomości w chmurze. Stąd możesz bezpośrednio uzyskać klucz serwera.


Krok 6:�Dodaj swoją aplikację internetową do Firebase

Krok 7:�Pobierz inne szczegóły związane z Firebase i wklej je w panelu administracyjnym modułu PWA.

Krok 8:�Pobierz klucz serwera Firebase z karty wiadomości w chmurze w Ustawieniach:

Krok 9:�Dodaj swoją domenę do uwierzytelniania>>zaloguj się.

A) Powiadomienie push o pomyślnym zamówieniu:

Włącz/wyłącz automatyczne powiadomienia push, które mają być wysyłane do użytkowników aplikacji za każdym razem, gdy złożą oni pomyślne zamówienie z progresywnej aplikacji internetowej OpenCart (PWA).

B) Powiadomienie push o aktualizacji statusu zamówienia:

Włącz/wyłącz automatyczne powiadomienia push wysyłane za każdym razem, gdy status zamówienia z aplikacji zostanie zaktualizowany. Użytkownicy aplikacji mobilnej OpenCart PWA mogą mieć oko na szczegóły poprzednich zamówień.

C) Powiadomienie push o porzuconym koszyku:

Włącz/wyłącz automatyczne powiadomienia push wysyłane do użytkowników porzucających produkty w koszyku bez udanego zakupu. To powiadomienie push zostanie wysłane do użytkowników automatycznie po wprowadzonym przedziale czasu.

2.3 Historia powiadomień push

Tutaj będzie widoczna pełna historia powiadomień push o pomyślnie wysłanych powiadomieniach push. Administrator sklepu może stąd śledzić wcześniej wysłane powiadomienia push.

A) Wyślij powiadomienie:

Personalizuj i ręcznie wysyłaj powiadomienia push do użytkowników OpenCart Progressive Web App (PWA) zgodnie z potrzebami. Administrator sklepu może samodzielnie skonfigurować te powiadomienia i wysłać je do użytkowników OpenCart Progressive Web App (PWA).

Układ strony głównej 2.4:

Zaprojektuj i zapisz wiele projektów układów (wyprzedaż, festiwale itp.) I po prostu wybierz odpowiedni z panelu administratora, aby zaktualizować w aplikacji OpenCart Progressive Web App.�

Progresywna aplikacja internetowa OpenCart (PWA) oferuje konfigurowalny ekran główny, którego układ można zaprojektować z panelu administracyjnego za pomocą kilku kliknięć myszą i przeciągania. Atrakcyjny układ zgodnie z biegającym festiwalem, wyprzedażą, okazją itp. Z pewnością może pomóc w poprawie sprzedaży dzięki aplikacjom mobilnym OpenCart PWA.

Dodaj nowy układ z tej zakładki lub edytuj poprzednio dodane. Ustawienia konfiguracji strony głównej oferują następujące elementy:

Najpopularniejsze kategorie:�

Kwadratowy baner:

Poziomy baner przesuwny:

Sztandar siatki:�

Baner odliczający czas:�

Produkty kwadratowe:�

Produkty przesuwne:�

Produkty sieciowe:�

Jak uzyskać szczegółowe informacje o aplikacji Facebook?

Aplikację Facebook można utworzyć, wykonując poniższe czynności:-

Krok 1:�Idź do danego�URL: https://developers.facebook.com/apps/

Krok 2:�Kliknij przycisk „Dodaj nową aplikację”.

Krok 3 i 4:Wprowadź nazwę swojej aplikacji i identyfikator e-mail, a następnie kliknij przycisk „Utwórz identyfikator aplikacji”.

Krok 5 i 6:�Po kliknięciu Create App ID będziesz musiał� przejść kontrolę bezpieczeństwa, jak pokazano:

Krok 7:�Kliknij na zakładkę „Ustawienia”.

Krok 8-13:�Dwie opcje będą dostępne na liście rozwijanej, Podstawowe i Zaawansowane, kliknij „Podstawowe”. Następnie wprowadź swoją „Domenę aplikacji”,�„Kontaktowy adres e-mail”, „Prywatność�URL”, „Zasady i warunki�URL”, „Dodaj logo”, „Wybierz kategorię” i kliknij przycisk „Zapisz zmiany”. Domeny aplikacji: twojadomena.com jest�poprawna twojadomena.com/store jest�nieprawidłowa www.domena.com jest�nieprawidłowa

Krok 14:�Teraz kliknij „+Dodaj platformę”.


Krok 15:�
I wybierz Witrynę jako Platformę.

Krok 16:�Teraz wprowadź adres URL swojej witryny.


Krok 17 i 18:�Kliknij „Produkty+” i wybierz login Facebook.


Krok 19:�Wybierz sieć jako platformę aplikacji.

Krok 20:�Teraz kliknij Zapisz.


Krok 21 i 22:�Kliknij Ustawienia i dodaj prawidłowe identyfikatory URI przekierowania OAuth. Prawidłowe identyfikatory URI przekierowania OAuth: https://example.com/pwa-app/login

Krok 23 i 24:�Kliknij „Przegląd aplikacji”. I zaznacz „Ustaw „Nazwę swojej aplikacji” jako publiczną” na Tak.


Ostatni krok:�Skopiuj identyfikator aplikacji i klucz tajny aplikacji i wklej je w pola w module.

Jak uzyskać szczegółowe informacje o aplikacji Google?

  • Przejdź do Google Developers Console (https://console.developers.google.com/project) lub kliknij link znajdujący się w prawym górnym rogu odpowiedniej zakładki na stronie konfiguracji modułu.
  • Teraz kliknij Utwórz projekt po lewej stronie.
  • Wpisz nazwę swojego projektu i przejdź do następnego kroku.
  • Teraz kliknij APIs and auth-> Credentials z lewego menu, jak pokazano poniżej.

  • Kliknij przycisk Utwórz nowy identyfikator klienta z prawego panelu ekranu.
  • Przed kontynuowaniem może być konieczne wypełnienie formularza na ekranie zgody. Aby to zrobić, musisz kliknąć Ekran zgody w lewym menu, jak pokazano na powyższym obrazku.
  • Wypełnij wyskakujący formularz, podając poniższe dane:

Typ aplikacji:�Aplikacja internetowa.
Autoryzowane źródła JavaScript:�Nazwa domeny Twojego sklepu (https://www.yourstore.com).
Autoryzowany identyfikator URI przekierowania lub URI strony przekierowania Loginizera:
https://example.com/pwa-app/login

  • Teraz kliknij przycisk Utwórz identyfikator klienta, aby uzyskać identyfikator klienta i tajny klucz klienta.
  • Teraz możesz użyć klucza klienta i identyfikatora klienta, aby umożliwić klientom logowanie się do Twojego sklepu przy użyciu ich konta Google.

2.7 Strony informacyjne:

Dodawaj strony CMS w aplikacji i oferuj treści informacyjne dla użytkowników OpenCart PWA Mobile App.

3.0 Ekrany aplikacji Front End PWA:

3.1 Ekran główny:

Ekran główny aplikacji OpenCart Progressive Web App (PWA) jest w pełni konfigurowalny za pomocą edytora DIY, jak wyjaśniono powyżej na ekranach panelu administracyjnego. Zmień wygląd ekranu głównego aplikacji w dowolnym momencie i zaoferuj bardziej przyjazny dla użytkownika i oparty na sprzedaży wygląd.

1. Układ niestandardowy:

Korzystając z różnych banerów, suwaków, elementów produktu, administrator sklepu może stworzyć dynamiczny układ zgodnie z potrzebami.

2. Logo marki:

Użyj logo swojego sklepu w górnym nagłówku progresywnej aplikacji internetowej OpenCart (PWA).

3. Torba na zakupy:

Ikona koszyka na zakupy w prawym górnym rogu ekranu głównego umożliwia użytkownikom dostęp do ekranu koszyka i sprawdzanie dodanych produktów.

4. Lewe menu nawigacyjne:

Przeglądaj kategorie wyświetlane w aplikacji PWA z przeglądaniem po lewej stronie menu nawigacyjnego.

3.2 Menu Akordeon (Pasek Nawigacyjny)

Aplikacje mobilne OpenCart PWA są wyposażone w bezproblemową i odpowiednią kategoryzację. Użytkownicy mogą znaleźć odpowiednie kategorie z lewego menu nawigacyjnego i przeglądać produkty. Do menu można również dodać różne strony CMS oferujące odpowiednie treści w aplikacji.

1. Moje konto:

Opcja Moje konto zawiera wszystkie dane osobowe użytkowników, w tym wysyłkę i zamówienie. Kupujący OpenCart Progressive Web App mogą przeglądać i aktualizować zapisane informacje.

2. Kategorie:

Kategorie wyświetlane w lewym menu nawigacyjnym aplikacji OpenCart Progressive Web App są takie same, jak dostępne w sklepie eCommerce.

3. Strony CMS:

Różne strony CMS, takie jak O nas, Kontakt, Warunki itp., są dostępne tutaj. Te strony informacyjne można dodać z panelu administracyjnego rozszerzenia.

4. Język(i):

Opcja języka umożliwia użytkownikom aplikacji PWA przeglądanie aplikacji internetowej w żądanym języku.

5. Waluta(y):

Wszystkie waluty dostępne w Twojej witrynie są wyświetlane tutaj w aplikacji OpenCart Progressive Web App (PWA).

6. Zaloguj/Wyloguj:

Dzięki tej opcji użytkownicy mogą łatwo zalogować się / wylogować się z aplikacji OpenCart PWA.

3.3 Ekran kategorii:

Pozbawione bałaganu ekrany kategorii z widokiem listy i siatki pozwalają użytkownikom wybrać to, co jest dla nich najlepsze z określonej kategorii. Cały asortyment sklepu pozostanie zsynchronizowany z aplikacją mobilną OpenC Progressive Web App (PWA), a nowe dodatki i zmiany będą nawet aktualizowane w czasie rzeczywistym.

1. Widok listy i siatki:

Kategorie w aplikacji PWA dla OpenCart można przeglądać zarówno w widoku listy, jak i siatki.

2. Sortowanie produktów:

Opcja sortowania pozwala kupującym online zawęzić produkty w żądanej kolejności sortowania i znaleźć właściwy.

3. Filtr produktów:

Aplikacja mobilna OpenCart PWA oferuje opcję filtrowania produktów, co upraszcza wyszukiwanie produktów. Kupujący online mogą znaleźć pożądane produkty w kategoriach za pomocą filtrów dla różnych atrybutów, takich jak rozmiar, kolor, cena itp.

3.4 Ekran produktu:

Ekran produktu progresywnej aplikacji internetowej OpenCart jest tak prosty i intrygujący, jak to tylko możliwe. Dzięki wszystkim niezbędnym opcjom i informacjom o produkcie, użytkownicy stają się kwestią kilku minut, aby mieć pewność co do produktu, który zamierzają kupić. Dostępnych jest wiele obrazów dla produktu z opcjami W magazynie i Brak w magazynie.

1. Informacje o produkcie i pielęgnacja:

Tutaj zostaną wyświetlone pełne informacje o produkcie dostępne w ekwipunku.

2. Krótki opis:

Użytkownicy mogą zapoznać się z krótkim opisem Twojego produktu, aby szybko podjąć decyzję o zakupie.

3. Opcje produktu:

Tutaj wyświetlane są wszystkie opcje związane z produktem, takie jak rozmiar, kolor itp.

4. Dodaj do koszyka:

Ten przycisk umożliwia użytkownikom dodawanie produktów do koszyka. Użytkownicy mogą dalej przetwarzać koszyk do zakupu.

5. Udostępnianie społecznościowe produktu:

Opcja udostępniania produktu umożliwia użytkownikom udostępnianie produktów w wielu kanałach społecznościowych.

Ekran logowania 3.5

Aplikacja mobilna OpenCart PWA oferuje opcje logowania społecznościowego jednym dotknięciem i sprawia, że ​​proces logowania / rejestracji jest bardziej płynny. Progresywna aplikacja internetowa OpenCart oferuje logowanie do Google i Facebooka.

1. Zaloguj się:

Użytkownicy aplikacji mogą łatwo uwierzytelniać się i logować do aplikacji PWA przy użyciu swoich poprzednich danych logowania e-mail.

2. Zarejestruj się:

Wszyscy nowi użytkownicy aplikacji mogą zarejestrować się i utworzyć swoje konto w sklepie z aplikacji OpenCart PWA. Formularz rejestracyjny prosi tylko o podanie danych niezbędnych do utworzenia konta.

3. Zaloguj się przez Facebooka:

Użytkownicy mogą logować się do aplikacji PWA za pomocą swoich poświadczeń konta na Facebooku.

4. Zaloguj się przez Google:

Użytkownicy mogą logować się do aplikacji PWA za pomocą swoich danych logowania do konta Google.

3.6 Ekran koszyka:

Ekran Koszyk aplikacji mobilnej OpenCart PWA 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 korzystanie z kuponów internetowych i zbieranie ofert rabatowych.

2. Całkowita cena produktu:

Użytkownicy mogą zobaczyć pełny koszt swojej torby na zakupy, zanim przejdą dalej. Jest automatycznie aktualizowany zgodnie z każdą aktualizacją o ilość produktu lub nowy dodatek.

3. Zaktualizuj ilość produktu:

Użytkownicy aplikacji PWA mogą nawet aktualizować ilość produktu za pomocą opcji „Aktualizuj ilość”.

4. Usuń produkt:

Użytkownicy aplikacji mogą po prostu usunąć produkt z koszyka, po prostu dotykając opcji „Usuń”.

5. Kontynuuj zakupy:

Użytkownicy aplikacji mogą opuścić koszyk, aby przeglądać więcej produktów w Twojej aplikacji.

6. Przejdź do kasy:

Użytkownicy aplikacji PWA mogą przejść dalej do ekranów kasy i płatności, klikając opcję „Przejdź do kasy”.

Ekran kasowania 3.7

Progresywna aplikacja internetowa dla OpenCart ma uproszczoną kasę na jednym ekranie z tylko istotnymi informacjami. Użytkownicy aplikacji mogą przeglądać pełne szczegóły realizacji transakcji, takie jak szczegóły wysyłki, dane rozliczeniowe, podsumowanie zamówienia, komentarz do zamówienia, podsumowanie płatności.

1. Szczegóły dotyczące wysyłki i rozliczeń:

Ten ekran zawiera szczegółowe informacje o adresach wysyłkowych i rozliczeniowych zapisanych przez użytkownika. W razie potrzeby użytkownik może również edytować/zapisywać nowy adres wysyłki.

2. Podsumowanie zamówienia:

Użytkownicy aplikacji mogą zobaczyć szczegóły produktu przed dokonaniem płatności.

3. Metody wysyłki: Tutaj wyświetlane są wszystkie dostępne metody wysyłki. Użytkownicy mogą wybrać ten, który odpowiada ich potrzebom.

4. Komentarz do zamówienia:

Użytkownicy mogą również dodać dowolny komentarz związany z ich zamówieniem, który będzie widoczny dla administratora sklepu na stronie zamówienia w zapleczu.

6. Podsumowanie płatności:

Ta sekcja wyświetla pełne szczegóły płatności za awarię związane z zakupem.

7. Przejdź do płatności:

Użytkownicy aplikacji PWA zostaną przekierowani do ekranu Płatności po naciśnięciu przycisku „Przejdź do płatności”.

3.8 Ekran płatności:

Ekran płatności aplikacji OpenCart PWA zawiera wszystkie dostępne w sklepie płatności internetowe. Kupujący online mogą znaleźć podobne sposoby płatności zarówno na stronach internetowych, jak i w aplikacjach.

3.9 Ekran Mojego Konta

Ekran mojego konta aplikacji mobilnej OpenCart PWA umożliwia kupującym online przeglądanie pełnych danych zapisanych w progresywnej aplikacji internetowej. Ten ekran wyświetla również listę poprzednich zamówień aplikacji.

1. Dane osobowe:

Użytkownicy mogą przeglądać i aktualizować swoje wcześniej zapisane dane osobowe w aplikacji mobilnej PWA.

2. Adres(y) wysyłki:

Użytkownicy aplikacji mogą zobaczyć pełną listę zapisanych adresów wysyłkowych w aplikacji PWA.

3. Szczegóły zamówienia:

Użytkownicy aplikacji mają dostęp do pełnej listy wcześniej złożonych zamówień z aplikacji PWA oraz ich szczegółów.

4. Funkcja ponownego zamówienia:

Na ekranie Moje konto w aplikacji OpenCart Progressive Web App (PWA) znajduje się przycisk bezpośredniego zamówienia. Wszystkie poprzednie produkty w ramach tego zamówienia zostaną dodane do koszyka za pomocą jednego przycisku.

3.91 Ekran szczegółów zamówienia

Ekran szczegółów zamówienia w aplikacji OpenCart Progressive Web App zawiera pełne informacje o konkretnych zamówieniach z aplikacji PWA. Użytkownicy mogą łatwo przeglądać adres wysyłki, podsumowanie produktu, metodę wysyłki i płatności, podsumowanie całkowitych kosztów itp. Oferuje nawet opcję śledzenia statusu zamówienia i dostawy.

Magento 2 PWA Mobile App – User Manual

1.0 Wprowadzenie

Będąc w branży retail eCommerce, na pewno natrafiłeś na słowo PWA (Progressive Web App). Jeśli tak, musisz również zdawać sobie sprawę z możliwości, jakie niosą ze sobą jako aplikacja zakupowa. W przeciwnym razie wylądowałeś we właściwym miejscu. Wraz ze stałym wzrostem wykorzystania aplikacji zakupowych (zarówno natywnych, jak i PWA), sklepy internetowe przechodzą na rozwój aplikacji mobilnych PWA dla swoich firm. Uruchamianie progresywnej aplikacji internetowej jest obecnie dość prostszym i niedrogim zadaniem. KnowBand uruchomił aplikację mobilną Magento 2 PWA, kompletne bezkodowe i zautomatyzowane narzędzie do uruchamiania progresywnej aplikacji internetowej. Krótko mówiąc, za każdym razem, gdy dowolny użytkownik otworzy adres URL Twojego sklepu w przeglądarce mobilnej, otrzyma monit „Dodaj do ekranu głównego”. Progresywna aplikacja internetowa Magento 2 zostanie dodana do urządzenia użytkownika, tak jak każda inna aplikacja, a zakupy online będą mogły być dokonywane w podróży.

1.1 Wyświetl aplikację demonstracyjną:

Poznaj demo progresywnej aplikacji internetowej dla Magento 2 i zobacz, jak będą wyglądać i działać Twoje ostateczne aplikacje:

URL sklepu demonstracyjnego:�https://ma2demo.knowband.com/pwa/manager/
URL aplikacji PWA:�https://ma2demo.knowband.com/pwa/pwa-app/

 

[IMP] Uwagi dotyczące Magento 2 iOS PWA:

�> Urządzenia z systemem iOS nie oferują wbudowanego monitu „Dodaj do ekranu głównego”. Użytkownicy muszą ręcznie dodać aplikację mobilną Magento 2 PWA do ekranu głównego iPhone’a lub iPada. �> iOS nie obsługuje powiadomień web push. Powiadomienia push można wysyłać tylko na urządzenie z systemem Android z panelu administratora�Magento 2 PWA Mobile App Builder.

[NOWA AKTUALIZACJA] Magento 2�PWA obsługuje języki RTL:

Kreator aplikacji mobilnych Magento 2 PWA obsługuje teraz wszystkie języki świata, w tym RTL (od prawej do lewej). Aplikacja mobilna PWA dla Magento 2 może mieć języki takie jak arabski, hebrajski, perski itp. Właściciel sklepu może oferować wszystkie języki strony internetowej w Progressive Web App, a nawet dodawać nowe.

Ekrany panelu administracyjnego 2.0:

Dzięki przyjaznemu zapleczu panelu administracyjnego administrator sklepu może konfigurować i dostosowywać wygląd, działanie i działanie aplikacji mobilnej PWA. Wystarczy kilka kliknięć i przełączeń myszy, aby wprowadzić zmiany w progresywnych aplikacjach internetowych Magento 2. Przyjrzyjmy się szczegółowo ekranom panelu administracyjnego:

2.1 Ustawienia ogólne:

a) Włącz rozszerzenie:�Włącz�moduł Magento 2�PWA, aby aplikacja webowa działała na smartfonach użytkowników.

b) Przekieruj na stronę koszyka po dodaniu do koszyka:�Włącz przekierowywanie użytkowników do koszyka lub wyłącz, aby utrzymać ich na ekranie produktu.

c) Krótki opis wyświetlacza:�Włącz dodawanie i wyświetlanie krótkiego opisu na ekranie produktu progresywnej aplikacji internetowej.

d) Włącz raportowanie dziennika żądań: Włącz tę zakładkę, aby aktywować plik dziennika w aplikacji mobilnej PWA. Ten plik dziennika może służyć do naprawy wszelkich nienormalnych zachowań progresywnej aplikacji sieci Web.

e) Pokaż podgląd aplikacji: Włącz, aby dodać podgląd telefonu w panelu administracyjnym. Wszystkie zmiany kolorów, czcionek, ekranu głównego będą wyświetlane w telefonie podglądu w czasie rzeczywistym.

f) Włącz pasek kart: Dodaj dolny pasek kart w aplikacji mobilnej Magento 2 PWA.

g) Wybierz układ strony głównej:�Wybierz pożądane układy spośród dodanych i popraw wygląd i działanie aplikacji.

h) Obraz ikony aplikacji:�Prześlij samodzielnie ikonę aplikacji Magento 2 PWA i zmień ją w razie potrzeby.

i) Nazwa aplikacji PWA:�Wpisz nazwę progresywnej aplikacji internetowej Magento 2.

j) Wybierz czcionkę dla aplikacji PWA:�Wybierz czcionkę swojej aplikacji PWA dla Magento 2.

k) Kolor przycisku aplikacji: Wybierz kolor przycisku dla swojej aplikacji mobilnej PWA.

l) Kolor tekstu przycisku aplikacji: Wybierz kolor tekstu przycisku dla swojej aplikacji Magento 2. Progressive Web App.

m) Kolor motywu aplikacji: Wybierz kolor motywu (nagłówek) swojej aplikacji internetowej.

n) Aplikacja� Kolor tła:�Wybierz kolor tła progresywnej aplikacji internetowej.

o) Kolor tła ekranu powitalnego: Wybierz odpowiednią opcję koloru tła ekranu powitalnego aplikacji PWA.

p) Wyłączone metody wysyłki: Wybierz metody wysyłki, które nie będą działać w aplikacji mobilnej Magento 2 PWA.

q) Włącz i prześlij logo: Dodaj obraz logo swojego sklepu, który będzie wyświetlany w nagłówku aplikacji PWA Mobile.

2.2 Ustawienia powiadomień push:

Progresywna aplikacja internetowa Magento 2 oferuje nieograniczoną liczbę powiadomień push na rynku oraz promuje oferty i produkty w sklepach. Administrator sklepu będzie otrzymywać powiadomienia push przez całe życie bez dodatkowych opłat.

Różne pola na tej karcie ustawień wymagają skonfigurowania konta Firebase. Oto jak możesz go ustawić:

Jak założyć konto Firebase?

Krok 1: Zaloguj się do Google Firebase

Krok 2: Utwórz nowy projekt Po kliknięciu na Dodaj projekt pojawi się następujące okno dialogowe:


Utworzenie projektu zajmie kilka sekund. Gdy projekt będzie gotowy, kliknij kontynuuj.

Krok 3: Zarządzaj ustawieniami projektu Po utworzeniu projektu kliknij Ustawienia projektu.

Krok 4: Przejdź do opcji uwierzytelniania:


Krok 5: Znajdź klucze Firebase W ustawieniach projektu kliknij Ustawienia wiadomości w chmurze. Stąd możesz bezpośrednio uzyskać klucz serwera.


Krok 6: Dodaj swoją aplikację internetową do Firebase

Krok 7: Pobierz inne szczegóły związane z Firebase i wklej je w panelu administracyjnym modułu PWA.

Krok 8: Uzyskaj klucz serwera Firebase z karty wiadomości w chmurze w Ustawieniach:

Krok 9: Dodaj swoją domenę w uwierzytelnianiu>>zaloguj się.

2.21 Zautomatyzowane powiadomienia push:

Administrator sklepu może zaplanować automatyczne wysyłanie powiadomień w następujących przypadkach:

a) Nowe ustawienia zamówień:�Za każdym razem, gdy składane jest nowe zamówienie z aplikacji mobilnej Magento 2 PWA.

b) Ustawienia zmiany statusu zamówienia: Za każdym razem, gdy status dostawy dowolnego zamówienia zostanie zmieniony/zaktualizowany.

c) Ustawienia porzuconego koszyka: Za każdym razem, gdy jakikolwiek użytkownik zostawia produkt w koszyku i rezygnuje z Progressive Web App.

2.22 Ręczne powiadomienie push:

Jak pokazano na powyższej migawce, administrator sklepu może personalizować i wysyłać ręczne powiadomienia push do użytkowników aplikacji mobilnej PWA. Wiadomość, zdjęcie, oferowany rabat, link przekierowania można dodać/edytować, aby poprawić skuteczność powiadomień i zwiększyć sprzedaż.

Układ strony głównej 2.3:

Magento 2 PWA Mobile App Builder oferuje w pełni konfigurowalny panel edytora DIY do dostosowywania i konfigurowania wyglądu progresywnej aplikacji internetowej. Do panelu administracyjnego można dodać różne nowe układy w oparciu o nadchodzące festiwale i okazje.

2.31 Najlepsze kategorie:

2.32 Baner kwadratowy:

2.33 Przesuwany baner:

2.34 Baner siatki:

2.35 Baner odliczający czas

2.36 Kwadratowe produkty:

2.37 Produkty przesuwne:

2.38 Produkty sieciowe:

Jak uzyskać szczegółowe informacje o aplikacji Facebook?

Aplikację Facebook można utworzyć, wykonując poniższe czynności:-

Krok 1:�Idź do danego�URL: https://developers.facebook.com/apps/

Krok 2:�Kliknij przycisk „Dodaj nową aplikację”.

Krok 3 i 4:Wprowadź nazwę swojej aplikacji i identyfikator e-mail, a następnie kliknij przycisk „Utwórz identyfikator aplikacji”.

Krok 5 i 6:�Po kliknięciu Create App ID będziesz musiał� przejść kontrolę bezpieczeństwa, jak pokazano:

Krok 7:�Kliknij na zakładkę „Ustawienia”.

Krok 8-13:�Dwie opcje będą dostępne na liście rozwijanej, Podstawowe i Zaawansowane, kliknij „Podstawowe”. Następnie wprowadź swoją „Domenę aplikacji”,�„Kontaktowy adres e-mail”, „Prywatność�URL”, „Zasady i warunki�URL”, „Dodaj logo”, „Wybierz kategorię” i kliknij przycisk „Zapisz zmiany”. Domeny aplikacji: twojadomena.com jest�poprawna twojadomena.com/store jest�nieprawidłowa www.domena.com jest�nieprawidłowa

Krok 14:�Teraz kliknij „+Dodaj platformę”.


Krok 15:�
I wybierz Witrynę jako Platformę.

Krok 16:�Teraz wprowadź adres URL swojej witryny.


Krok 17 i 18:�Kliknij „Produkty+” i wybierz login Facebook.


Krok 19:�Wybierz sieć jako platformę aplikacji.

Krok 20:�Teraz kliknij Zapisz.


Krok 21 i 22:�Kliknij Ustawienia i dodaj prawidłowe identyfikatory URI przekierowania OAuth. Prawidłowe identyfikatory URI przekierowania OAuth: https://example.com/pwa-app/login

Krok 23 i 24:�Kliknij „Przegląd aplikacji”. I zaznacz „Ustaw „Nazwę swojej aplikacji” jako publiczną” na Tak.


Ostatni krok:�Skopiuj identyfikator aplikacji i klucz tajny aplikacji i wklej je w pola w module.

Jak uzyskać szczegółowe informacje o aplikacji Google?

  • Przejdź do Google Developers Console (https://console.developers.google.com/project) lub kliknij link znajdujący się w prawym górnym rogu odpowiedniej zakładki na stronie konfiguracji modułu.
  • Teraz kliknij Utwórz projekt po lewej stronie.
  • Wpisz nazwę swojego projektu i przejdź do następnego kroku.
  • Teraz kliknij APIs and auth-> Credentials z lewego menu, jak pokazano poniżej.

  • Kliknij przycisk Utwórz nowy identyfikator klienta z prawego panelu ekranu.
  • Przed kontynuowaniem może być konieczne wypełnienie formularza na ekranie zgody. Aby to zrobić, musisz kliknąć Ekran zgody w lewym menu, jak pokazano na powyższym obrazku.
  • Wypełnij wyskakujący formularz, podając poniższe dane:

Typ aplikacji:�Aplikacja internetowa.
Autoryzowane źródła JavaScript:�Nazwa domeny Twojego sklepu (https://www.yourstore.com).
Autoryzowany identyfikator URI przekierowania lub URI strony przekierowania Loginizera:
https://example.com/pwa-app/login

  • Teraz kliknij przycisk Utwórz identyfikator klienta, aby uzyskać identyfikator klienta i tajny klucz klienta.
  • Teraz możesz użyć klucza klienta i identyfikatora klienta, aby umożliwić klientom logowanie się do Twojego sklepu przy użyciu ich konta Google.

3.0 Ekrany aplikacji Front End PWA:

Rzuć okiem na płynnie zaprojektowane ekrany Progressive Web App dla Magento 2:

3.1 Ekran główny:

Ekran główny Magento 2 Progressive Web App jest w pełni konfigurowalny z panelu administracyjnego modułu. Możesz zaprojektować układ ekranów aplikacji tak, jak chcesz. Niestandardowe układy można projektować w panelu administracyjnym w oparciu o wydarzenia, festiwale, okazje itp. i używać w razie potrzeby.

1. Układ dynamiczny:

Korzystając z różnych elementów projektowych (banerów, suwaków, kategorii itp.), administrator sklepu może stworzyć dynamiczny układ zgodnie z potrzebami.

2. Logo sklepu:
Dodaj logo sklepu w nagłówku aplikacji PWA.

3. Koszyk:
Ikona koszyka na zakupy w prawym górnym rogu ekranu głównego pozwala użytkownikom przełączać się na ekranie koszyka.

4. Menu nawigacji:
Przeglądaj kategorie w aplikacjach z lewym menu nawigacyjnym na ekranie głównym.

3.2 Lewe menu nawigacyjne:

Aplikacje mobilne Magento 2 PWA zapewniają bezproblemową kategoryzację produktów. Kategorie w Aplikacji Mobilnej PWA będą takie same, jak dostępne na stronie. Kupujący online mogą łatwo i bezproblemowo przeglądać produkty z wielu kategorii. Różne strony CMS można również dodać do lewego menu nawigacyjnego za pomocą panelu administracyjnego.

1. Moje konto:
Opcja Moje konto zawiera wszystkie informacje osobiste, wysyłkowe, dotyczące zamówienia. Kupujący aplikacji PWA mogą przeglądać wszystkie powiązane z nimi przechowywane dane i mogą je również aktualizować.

2. Kategorie
Kategorie wyświetlane w lewym menu nawigacyjnym aplikacji PWA są takie same jak na Twojej stronie.

3. Strony CMS:
Różne strony CMS, takie jak O nas, Kontakt z nami, Regulamin itp. Można uzyskać dostęp tutaj.

4. Język(i)
Opcja języka umożliwia użytkownikom aplikacji PWA przeglądanie aplikacji internetowej w żądanym języku. Wszystkie dostępne języki są wyświetlane tylko w tej opcji.

5. Waluta(e)
Wszystkie waluty dostępne w Twojej witrynie są wyświetlane tutaj w aplikacji�Magento 2 PWA.

6. Zaloguj się/Wyloguj
Dzięki tej opcji użytkownicy mogą łatwo zalogować się/wylogować się z aplikacji Magento 2 PWA.

3.3 Ekran kategorii:

1. Wiele widoków:
Kategorie w aplikacji PWA dla Magento 2 można przeglądać zarówno w widoku listy, jak i siatki.

2. Sortowanie:
Ta opcja pozwala kupującym online wybrać kolejność sortowania w celu zawężenia wyszukiwania i łatwego uzyskania pożądanego produktu.

3. Filtr:
Opcja filtrowania produktów upraszcza wyszukiwanie produktów. Użytkownicy mogą filtrować wszystkie produkty w kategoriach za pomocą różnych atrybutów, takich jak rozmiar, kolor, cena itp.

3.4 Ekran produktu:

Ekran produktu w Magento 2 Progressive Web App zawiera wszystkie niezbędne informacje o produkcie, takie same jak w Twoim sklepie. Od wielu zdjęć produktów po krótki i długi opis pomaga w skłonieniu użytkownika do zakupu. Dostępność produktu jest sygnalizowana jako „W magazynie” lub „Brak w magazynie” na podstawie stanu zapasów.

1. Informacje o produkcie i pielęgnacja
Tutaj zostaną wyświetlone pełne informacje o produkcie dostępne w ekwipunku.

2. Krótki opis
Użytkownicy mogą zapoznać się z krótkim opisem Twojego produktu, aby szybko podjąć decyzję o zakupie.

3. Opcje produktu:
Tutaj wyświetlane są wszystkie opcje związane z produktem, takie jak rozmiar, kolor itp.

5. Dodaj do koszyka:
Ten przycisk umożliwia użytkownikom dodawanie produktów do koszyka. Użytkownicy mogą dalej przetwarzać koszyk do zakupu.

6. Udostępnianie społecznościowe produktu:
Opcja udostępniania produktu umożliwia użytkownikom udostępnianie produktów w wielu kanałach społecznościowych.

Ekran logowania 3.5

Progresywna aplikacja internetowa Magento 2 oferuje szybkie opcje logowania jednym dotknięciem i ułatwia proces logowania/rejestracji: – Logowanie przez e-mail – Logowanie do Google – Logowanie do Facebooka

1. Zaloguj Się
Użytkownicy aplikacji mogą łatwo uwierzytelniać się i logować do aplikacji PWA przy użyciu swoich poprzednich danych logowania e-mail.

2. Zapisz się
Wszyscy nowi użytkownicy aplikacji mogą zarejestrować się i utworzyć swoje konto w sklepie z aplikacji Magento 2 PWA. Formularz rejestracyjny prosi tylko o podanie danych niezbędnych do utworzenia konta.

3. Zaloguj się przez facebook
Użytkownicy mogą logować się do aplikacji PWA za pomocą swoich poświadczeń konta na Facebooku.

4. Zaloguj się przez Google+
Użytkownicy mogą logować się do aplikacji PWA za pomocą swoich danych logowania do konta Google.

3.6 Ekran koszyka:

W koszyku aplikacji Magento 2 PWA pojawią się wszystkie dodane produkty wraz z ich ilością i ceną do zapłaty. Użytkownicy aplikacji mogą również przeglądać szczegóły produktu, aby upewnić się przed zakupem.

1. Zastosuj kupon:
Ta opcja umożliwia użytkownikom korzystanie z kuponów internetowych i zbieranie ofert rabatowych.

2. Całkowita cena produktu:
Użytkownicy mogą zobaczyć pełny koszt swojej torby na zakupy, zanim przejdą dalej. Jest automatycznie aktualizowany zgodnie z każdą aktualizacją o ilość produktu lub nowy dodatek.

3. Zaktualizuj ilość produktu:
Użytkownicy aplikacji PWA mogą nawet aktualizować ilość produktu za pomocą opcji „Aktualizuj ilość”.

4. Usuń produkt:
Użytkownicy aplikacji mogą po prostu usunąć produkt z koszyka, po prostu dotykając opcji „Usuń”.

5. Kontynuuj zakupy:
Użytkownicy aplikacji mogą opuścić koszyk, aby przeglądać więcej produktów w Twojej aplikacji.

6. Przejdź do kasy:
Użytkownicy aplikacji PWA mogą przejść dalej do ekranów kasy i płatności, klikając opcję „Przejdź do kasy”.

3.7 Ekran kasy:

Aplikacje PWA Mobile dla Magento 2 są wyposażone w jeden ekran bez bałaganu, z wymaganymi tylko odpowiednimi i niezbędnymi polami. Użytkownicy aplikacji otrzymują pełny przegląd zamówienia przed dokonaniem płatności, np. szczegóły wysyłki, dane rozliczeniowe, podsumowanie zamówienia, komentarz do zamówienia, podsumowanie płatności.

1. Szczegóły dotyczące wysyłki i rozliczeń
Ten ekran zawiera szczegółowe informacje o adresach wysyłkowych i rozliczeniowych zapisanych przez użytkownika. W razie potrzeby użytkownik może również edytować/zapisywać nowy adres wysyłki.

2. Podsumowanie zamówienia
Użytkownicy aplikacji mogą zobaczyć szczegóły produktu przed dokonaniem płatności.

3. Metody wysyłki
Wszystkie dostępne metody wysyłki są wyświetlane tutaj. Użytkownicy mogą wybrać ten, który odpowiada ich potrzebom.

4. Komentarz do zamówienia
Użytkownicy mogą również dodać dowolny komentarz związany z ich zamówieniem, który będzie widoczny dla administratora sklepu na stronie zamówienia w zapleczu.

6. Podsumowanie płatności
Ta sekcja wyświetla pełne szczegóły płatności za awarię związane z zakupem.

7. Przejdź do płatności
Użytkownicy aplikacji PWA zostaną przekierowani do ekranu Płatności po naciśnięciu przycisku „Przejdź do płatności”.

3.8 Ekran płatności:

Aplikacja Magento 2 PWA zapewnia wszystkie płatności internetowe (strona internetowa) w aplikacji. Użytkownicy aplikacji znajdą tutaj te same opcje płatności, które są dostępne w aplikacjach. Ekran płatności Magento 2 Progressive Web App jest w pełni zoptymalizowany pod kątem wyświetlania aplikacji.

3.9 Ekran Mojego Konta:

Ekran mojego konta aplikacji Magento 2 PWA oferuje wszystkie dane użytkowników dostępne w Progressive Web App. Kupujący online mają dostęp do danych osobowych, adresu wysyłki, szczegółów zamówienia itp.

1. Dane osobowe
Użytkownicy mogą również przeglądać i aktualizować swoje wcześniej zapisane dane profilu.

2. Adres(y) wysyłki
Użytkownicy aplikacji mogą zobaczyć pełną listę zapisanych adresów wysyłkowych w aplikacji PWA.

3. Szczegóły zamówienia
Użytkownicy aplikacji mają dostęp do pełnej listy wcześniej złożonych zamówień z aplikacji PWA oraz ich szczegółów.

4. Funkcja ponownego zamówienia
Na ekranie Moje konto w aplikacji PWA znajduje się przycisk bezpośredniego zamówienia. Wszystkie poprzednie produkty w ramach tego zamówienia zostaną dodane do koszyka za pomocą jednego przycisku.

3.10 Ekran szczegółów zamówienia

Progresywna aplikacja internetowa Magento 2 wyświetla pełne szczegóły zamówień z poprzednich zamówień aplikacji. Ten ekran zawiera szczegóły zamówienia, historię statusu, adresy wysyłkowe i rozliczeniowe itp. dla każdego zamówienia złożonego za pośrednictwem aplikacji Magento 2 PWA. Użytkownicy aplikacji mogą szybko przeglądać całe podsumowanie zamówienia i śledzić status dostawy.

Jak szybko zbudować aplikację mobilną WooCommerce dla sklepu eCommerce?

WooCommerce to wiodąca platforma eCommerce i jeden z najkorzystniejszych wyborów sprzedawców internetowych. Ponadto funkcje i integracja dodatkowo zwiększają korzyści płynące z posiadania sklepu internetowego WooCommerce. Różne wtyczki innych firm rozszerzają funkcje sklepu internetowego i umożliwiają użytkownikom łatwe zakupy w Internecie.

Uruchom aplikację mobilną WooCommerce z zerowym kodowaniem

Tak, teraz jest to możliwe. Nawet bez pisania jednego wiersza kodu właściciele firm niezwiązanych z technologią mogą opracowywać aplikacje na Androida i iOS (natywne) dla swojego sklepu. KnowBand oferuje gotowy do użycia automatyczny konstruktor aplikacji mobilnych WooCommerce, który wykona zadanie za Ciebie. Kreator aplikacji mobilnych WooCommerce dla sklepów internetowych to w pełni zautomatyzowane narzędzie do uruchamiania aplikacji w sklepie internetowym. Wystarczy wykonać 3 szybkie kroki:

Krok 1: Kup rozszerzenie.

Zakup WooCommerce Mobile App Builder za jednorazową opłatą. Brak subskrypcji lub ukrytych opłat za tworzenie aplikacji i zarządzanie nimi.

Krok 2: Formularz wstępny.

Wypełnij wymagane dane w wymaganym formularzu. Te dane będą wymagane do opracowania i wydania aplikacji.

Krok 3: Przejrzyj opracowane pliki APK / IPA

Nasz zespół opracuje i udostępni pliki APK / IPA do recenzji. Gdy poczujesz, że wszystko jest w porządku z aplikacjami, potwierdź, że wypuszczamy aplikacje.

Uwaga: Zarówno aplikacje na Androida, jak i iOS będą uruchamiane w Google Play Store i Apple App Store za pomocą kont programistów.

Co jest najlepsze z tym rozszerzeniem?


Mimo że rozszerzenie zawiera wiele funkcji, oto niektóre z głównych, które pozwalają szybko zapoznać się z działaniem rozszerzenia i aplikacji:

1. Konfigurowalny układ ekranu głównego:

Dawno minęły czasy, kiedy trzymaliśmy się stałego układu ekranu głównego aplikacji eCommerce na zakupy. Aplikacje mobilne dla WooCommerce pozwalają sprzedawcom internetowym na zmianę wyglądu i wyglądu ekranu głównego zgodnie z wymaganiami. Czy to w Czarny piątek, Boże Narodzenie, Nowy Rok czy cokolwiek innego, zmień cały ekran główny aplikacji za pomocą kilku drobnych poprawek.

Aby ekran główny aplikacji mobilnej WooCommerce był bardziej atrakcyjny i atrakcyjny, użyj odpowiedniej grafiki i obrazów z intuicyjnymi schematami kolorów. Oto kilka opracowanych przez nas pięknych interfejsów aplikacji:

Uwaga: Możemy również improwizować i upiększyć ekran główny aplikacji przy pomocy naszego wykwalifikowanego zespołu projektantów.

2. Nieograniczone powiadomienia push:

Dostosuj i wysyłaj nieograniczoną liczbę powiadomień push na urządzenia mobilne, na których zainstalowana jest Twoja aplikacja. Zobaczysz powiadomienia wypychane z różnych dużych sklepów eCommerce, takich jak Amazon, Walmart itp., A będąc w branży detalicznej, pamiętaj również o ich potencjale. WooCommerce Mobile App Maker oferuje powiadomienia automatyczne i ręczne (edytor) w panelu administracyjnym. Administrator sklepu może po prostu włączyć następujące powiadomienie o automatycznym wdrożeniu w aplikacjach na Androida i iOS: – Pomyślne utworzenie zamówienia – Aktualizacja statusu zamówienia – Porzucone powiadomienie koszyka Oprócz tego sprzedawca sklepu może nawet przygotować i wysłać ręczne powiadomienie push na podstawie promocji lub sprzedaży z odpowiednią grafiką i przekierowaniem. Wszystko, czego potrzebujesz, to spędzić kilka minut i zająć się marketingiem z aplikacji jak profesjonalista.

3. Płatności za pośrednictwem witryny i wsparcie wysyłki

Musisz szukać tych samych opcji płatności w aplikacji, które są dostępne na stronie internetowej. Ten WooCommerce Mobile App Creator został zaprojektowany z myślą o tym fakcie. Umożliwia aktywację wszystkich metod płatności w Twojej witrynie w aplikacjach. Oprócz metod płatności w aplikacji będą również dostępne wszystkie metody wysyłki aktywnie działające w sklepie eCommerce. Użytkownicy mogą łatwo wybrać korzystny wybór i dokonać zakupu.

4. Wielojęzyczny i RTL (arabski, urdu itp.)

Aplikacje mobilne dla WooCommerce obsługują wszystkie rodzaje języków na całym świecie, w tym skrypty RTL, takie jak arabski, hebrajski, perski itp. Użytkownicy znajdą treść aplikacji w wybranym języku i kupują produkty. Wraz z wieloma językami w aplikacjach będą dostępne wszelkiego rodzaju opcje walutowe dostępne na stronie internetowej. Wszystkie waluty będą dostępne w końcowych aplikacjach.

5. Czat WhatsApp i Zopim (Zendesk)

Dzięki wbudowanej obsłudze czatów WhatsApp i Zendesk kupujący online mogą bezpośrednio pozostać w kontakcie z właścicielem sklepu i uzyskać odpowiedzi na pytania w możliwie najkrótszym czasie. Często zdarza się, że użytkownicy końcowi utknęli w jakichkolwiek problemach lub wątpliwościach i ostatecznie nie mieli dostępnego medium kontaktowego. WooCommerce Mobile App Builder oferuje wyraźny kanał komunikacji między kupującym a administratorem sklepu w celu usprawnienia procesu zakupów. Wystarczy włączyć czat z panelu administracyjnego, aby działał w aplikacjach. To nie wszystko. Wciąż jest wiele funkcji do omówienia. Sprawdź je wszystkie z poniższego linku:

WooCommerce Mobile App Builder

Wnioski:

Do tej pory było jasne, jak łatwo stworzyliśmy aplikację za pomocą tego narzędzia. Wszystko, czego potrzebujesz, aby kupić i zainstalować w swoim sklepie, a resztą zajmą się nasi wykwalifikowani i profesjonalni programiści. Zaangażuj więcej użytkowników w tej erze mobilnej, oferując im dzisiaj skuteczną aplikację wspomagającą sprzedaż. To wszystko na ten list. Jeśli chcesz dowiedzieć się więcej, skontaktuj się z nami przez Skype (support@knowband.com) lub napisz do nas na adres support@knowband.com

Czekamy na przeczytanie cennych komentarzy !!

Przeczytaj także:

[Nowa wersja wersji] Magento 2 Mobile App Builder: v1.0.6


Zbuduj lekką aplikację PWA dla swojego sklepu PrestaShop | Korzyści i porady?

Lekkie aplikacje są potrzebne prawie każdej branży, zwłaszcza e-commerce; bez względu na to, czy są one uznaną organizacją czy startupem. Bez względu na dane demograficzne konsumentów / odbiorców, których są celem, lekkie aplikacje są boomem. W tym artykule skupiono się głównie na tworzeniu aplikacji mobilnej PrestaShop PWA, a także na zapoznaniu się z większymi zaletami progresywnych aplikacji internetowych. Musisz zdawać sobie sprawę z podstawowej natury lekkiej aplikacji, która zużywa mniej miejsca na urządzeniach użytkowników aplikacji bez uszczerbku dla jakości i funkcjonalności aplikacji. Ponadto lekkie aplikacje ładują zawartość szybciej i generalnie wykonują wszystkie zadania szybciej, w porównaniu z aplikacjami natywnymi. Te dwa czynniki pomagają lekkim aplikacjom rozwijać się nawet w obszarach, które nie mają bardzo szybkiego połączenia z Internetem. Progresywne aplikacje internetowe lub PWA są doskonałym rozwiązaniem. PWA są nie tylko szybsze i zajmują mniej miejsca, ale także oferują szerszy zakres korzyści zarówno właścicielom sklepów, jak i użytkownikom aplikacji. Posiadanie PrestaShop PWA (aplikacja internetowa) może zdziałać cuda dla firmy. A zbudowanie jednego dla Twojej firmy jest teraz tak proste, jak ciasto przy użyciu gotowego rozszerzenia, tj. Modułu PrestaShop PWA Builder. Zanim się w to zanurzysz, musisz przejrzeć korzyści płynące z PWA (aplikacji internetowej) dla swojego sklepu PrestaShop.

Budowanie lekkiej aplikacji za pomocą PrestaShop PWA Builder:

Krok 1: Zakup PrestaShop PWA Mobile App Builder z KnowBand. Zainstaluj ten moduł na swojej stronie PrestaShop.

Krok 2: Wypełnij wstępnie wymagany formularz dostarczony przez KnowBand.

Krok 3: Przejrzyj swoją opracowaną aplikację internetową PrestaShop i potwierdź, aby ją uruchomić. Ta aplikacja mobilna PWA dla PrestaShop z łatwością buduje progresywną aplikację internetową pochodzącą z własnej witryny internetowej PrestaShop eCommerce.

Funkcje aplikacji mobilnej PrestaShop PWA:

Ze względu na bogate funkcje i możliwości dostosowywania, aplikacje progresywne zyskują coraz większą popularność wśród firm każdego roku. PWA i jego wersje hybrydowe zostały w rzeczywistości oznaczone jako przyszłość aplikacji i eCommerce.

Inne zalety aplikacji PWA PrestaShop:

  • Progresywne aplikacje internetowe (PWA) zajmują mniej miejsca i są szybsze niż tradycyjne aplikacje mobilne (aplikacje natywne). PWA są szybsze, nawet w przypadku witryn eCommerce, takich jak PrestaShop, ponieważ zawartość strony pobiera się stopniowo, gdy użytkownik kontynuuje przeglądanie. Należy również pamiętać, że PWA to aplikacje internetowe zakodowane w HTML, CSS i javascript, stąd nazwa „Progressive Web App”.
  • Pojedyncza aplikacja PrestaShop PWA może działać na każdym systemie operacyjnym, tj. Na Androidzie, iOS, Windows itp. Jest tak, ponieważ PWA działają w przeglądarkach internetowych. To samo nie jest możliwe w przypadku aplikacji natywnych, ponieważ trzeba by zbudować 2 aplikacje natywne – jedną dla Androida i drugą dla iOS, oba w różnych językach programowania.
  • PWA wyglądają dokładnie jak natywna aplikacja mobilna, gdy odwiedzający Twoją stronę PrestaShop dodają PWA do ekranu głównego.
  • Ponieważ PWA to aplikacje internetowe, nie musisz publikować swojego PrestaShop PWA w sklepie Play lub App Store, aby udostępnić go odbiorcom. Dlatego nie ma zależności od sklepów z aplikacjami mobilnymi z PWA.
  • Progresywne aplikacje internetowe mogą być łatwo udostępniane użytkownikom witryny / aplikacji za pomocą tylko adresu URL. Nowi użytkownicy nie muszą pobierać i instalować aplikacji przed jej użyciem. Mogą bezpośrednio uzyskiwać dostęp do aplikacji internetowej PrestaShop ze swoich przeglądarek, a następnie bezpośrednio dodawać ją do ekranu głównego. I wtedy zacznie działać jak natywna aplikacja z ikoną aplikacji na ekranie głównym urządzenia i w menu.
  • Progresywne aplikacje internetowe mogą również korzystać z większości funkcji urządzenia (smartfonów / tabletów), takich jak aparaty fotograficzne, mikrofony itp. Chociaż korzystanie z geofencing i NFC w PWA jest jeszcze w najbliższej przyszłości.
  • PWA umożliwia również wysyłanie powiadomień push do użytkowników aplikacji, tak jak zrobiłaby to aplikacja natywna.
  • PWA używają bezpiecznych adresów URL (https: //), dlatego nie musisz się martwić obawami o bezpieczeństwo.
  • Progresywne aplikacje internetowe są łatwiejsze do aktualizacji i utrzymania. Użytkownicy aplikacji internetowej PrestaShop nie będą musieli ręcznie aktualizować swoich PWA. To zadanie dotyczy natywnych aplikacji, a nie PWA.

Wnioski:

Ponieważ posiadanie aplikacji PWA dla Twojego sklepu PrestaShop stało się łatwiejsze i niedrogie, to świetny czas, aby wybrać te aplikacje internetowe. Korzystanie z modułu PrestaShop PWA Builder to inteligentny sposób na zbudowanie aplikacji internetowej. My, w KnowBand, oferujemy również aplikacje natywne (Android i iOS) dla PrestaShop. Sprawdź je od dołu:

PrestaShop Mobile App Builder

PrestaShop Advanced Marketplace Z aplikacją mobilną

Jeśli masz jakieś pytania dotyczące tego modułu tworzenia aplikacji, napisz do nas na adres support@knowband.com. Bardzo chcielibyśmy usłyszeć wasze cenne komentarze !!