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:

 

home-screen

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.�

home-screen

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.

How to Cross-sell and Upsell?

Nie zawsze musisz dzwonić na zimno lub wysyłać większość e-maili, aby zamknąć transakcję lub zwiększyć sprzedaż. Jeśli wiesz, jak sprzedawać i sprzedawać krzyżowo, Twoja praca będzie łatwa.

Sprzedaż krzyżowa i upselling to strategie marketingowe, które zapewniają doskonałą okazję do uzyskania większych przychodów lub zarobienia większych pieniędzy na istniejących klientach. Jeśli zostanie dobrze wdrożony, może zwiększyć sprzedaż o znaczną marżę.

Badania mówi, że pozyskanie nowego klienta jest 5-25 razy trudniejsze niż zachowanie istniejącego. Dzieje się tak, ponieważ obecni klienci już znają Twoją markę. Jeśli są zadowoleni z Twoich produktów lub usług, prawdopodobnie w przyszłości ponownie odwiedzą Twoją witrynę i wydadzą więcej. Z drugiej strony pozyskanie nowego klienta jest wyzwaniem, ponieważ nigdy wcześniej nie wchodził w interakcję z Twoją marką i zajmie trochę czasu, aby się zaznajomić. Z tego powodu Upselling i Cross-selling są uważane za najlepsze praktyki uzyskiwania sprzedaży od obecnych klientów, ponieważ zapewniają one najlepszy zwrot z inwestycji. Przyjrzyjmy się dokładniej i zrozummy techniki sprzedaży krzyżowej i upsellingu.

Co to jest sprzedaż krzyżowa?

Sprzedaż krzyżowa to taktyka zachęcająca klientów do kupowania powiązanych produktów wraz z produktem podstawowym. Na przykład, jeśli klient kupił lub kupuje iPhone'a, można mu polecić zakup Apple Airpods wraz z nim. To dobrze pasuje do produktu, który kupił początkowo, prawda? Jeśli kupują iPhone'a, chcieliby mieć Airpody do słuchania muzyki, która zwykle kosztuje około 235 USD. To dodatkowe 235 USD w wartości zamówienia odzwierciedla sprzedaż krzyżową.

Co to jest Upselling?

Upselling to taktyka marketingowa mająca na celu zachęcenie klientów do zakupu produktu końcowego wyższej jakości niż ten, który kupują głównie. Na przykład, gdy kupujesz jakiekolwiek narzędzie, zwykle jest ono dostarczane z planem podstawowym i planem premium; który oczywiście ma więcej funkcji. Plan podstawowy jest ustawiany domyślnie podczas zakupu, ale zachęcasz klientów do przejścia na plan premium, aby cieszyć się większymi korzyściami; to jest upowszechnianie.

Różnica między sprzedażą krzyżową a sprzedażą wyższą

Z powyższych definicji można wywnioskować, że sprzedaż krzyżowa polega na nakłanianiu klientów do zakupu produktów odpowiadających pierwotnemu zakupowi, podczas gdy sprzedaż dosprzedażowa polega na przekonywaniu klientów do zakupu droższej lub wyższej wersji produktu. To jest różnica, ale zarówno sprzedaż dodatkowa, jak i sprzedaż krzyżowa mają podobieństwo, tj. Oba mają tendencję do zwiększania średniej wartości zamówienia. Badania sugerują, że sprzedaż dodatkowa jest bardziej skuteczna niż sprzedaż krzyżowa, ponieważ łatwiej jest przekonać kogoś do przejścia na plan premium, niż przekonać go do zakupu powiązanego i nowego produktu.

4 sposoby sprzedaży krzyżowej i dodatkowej

Niektóre z najlepszych praktyk w zakresie sprzedaży krzyżowej i sprzedaży dodatkowej to:

1. Poznaj swoich odbiorców

Możesz być świadomy osobowości kupujących, ale ważne jest, aby zrozumieć swoich odbiorców i poznać ich więcej po zakupie produktu. Analizuj ich zachowania zakupowe, wykorzystuj informacje demograficzne i zbieraj je informacje zwrotne aby zrozumieć ich motywy i wyzwania, aby przedstawić im najbardziej przydatne produkty, które można było sprzedawać dosprzedawczo i krzyżowo.

2. Być dobrym słuchaczem

Kiedy próbujesz sprzedawać swoje produkty lub usługi klientom przez telefon, nie przejmuj się tym. Klienci dowiedzą się w ciągu kilku sekund, że dzwonisz, aby wyjąć pieniądze z kieszeni, jeśli będziesz się chwalić, jak dobre są Twoje produkty. Być dobrym słuchaczem. Zapytaj, czy mieli dobre doświadczenia z poprzednim zakupem. Nie spiesz się do rzucania. Jeśli mają coś do powiedzenia, czy to życzenie, sugestia czy skarga; wysłuchaj go uważnie, a następnie wspomnij, w jaki sposób Twoje produkty lub usługi mogą im pomóc w uzyskaniu tego, czego chcą.

3. Zapewnij odpowiednie rozwiązanie

Musisz zrozumieć, że cross-selling i upselling trzeba przeprowadzać we właściwy sposób, tylko wtedy przyniesie to korzyści i przyniesie efekty. Dopóki to, co oferujesz, nie pomoże klientom przy ich obecnym lub ostatnim zakupie, nie przyniesie to żadnego pozytywnego rezultatu. Śledź historię zakupów klienta. Przejdź przez ich podróż. Następnie przejrzyj swoją ofertę produktów i określ, w jaki sposób może zapewnić rozwiązanie wyzwań, przed którymi staną Twoi klienci.

4. Stosuj taktyki remarketingowe

Remarketing to najlepszy sposób na zautomatyzowanie sprzedaży krzyżowej i upsellingu, przy minimalnym wysiłku. Po skonfigurowaniu kampanii remarketingowej uruchom kilka reklam. Skonfiguruj kampanie remarketingowe w różnych sieciach społecznościowych, ponieważ tam właśnie byliby Twoi potencjalni docelowi odbiorcy. Za pomocą remarketingu na różnych platformach wyświetlane są klientom reklamy dotyczące produktów, które zamierzali kupić, lub można je również wykorzystać do wyświetlenia niektórych powiązanych produktów, które mogą stanowić uzupełnienie ich ostatniego zakupu.

Final Thoughts

Witryny e-commerce mogą wykorzystywać upselling i cross-selling do sugerowania produktów na podstawie wyszukiwań, kliknięć i historii zakupów konsumentów. Knowband udostępnia kilka modułów, które pomogą Ci zachęcić do sprzedaży krzyżowej i upsellingu w Twojej witrynie, takich jak Moduł powiązanych produktów i Moduł strony z podziękowaniami. Sprawdź moduł, aby poznać wszystkie funkcje i korzyści. Mam nadzieję, że ten artykuł pomógł Ci zrozumieć pojęcie sprzedaży krzyżowej i upsellingu.

Portfel mobilny / Portfel cyfrowy a karta kredytowa / karta debetowa

Sprzedawcy e-commerce zawsze starają się, aby zakupy online swoich klientów wygodniej i lepiej niż kiedykolwiek. Jest to istotne, ponieważ rynek eCommerce jest bardzo zajęty, a konkurencja jest ostra. Klienci mają zbyt wiele opcji do wyboru, co sprawia, że ​​ważne jest, abyś wyprzedzał konkurencję i spełniał wymagania klientów. Kupujących online przyciąga marka lub strona internetowa, która zapewnia im płynne zakupy, co obejmuje pewne czynniki, takie jak szybsze ładowanie stron internetowych, atrakcyjny interfejs użytkownika, szybkie i uproszczona kasai przyjazność dla urządzeń mobilnych. Poza tym to, czego oczekują konsumenci, to dostępność wiele opcji płatności, w której portfele cyfrowe mają do odegrania ogromną rolę.

Co to jest portfel cyfrowy?

Portfel cyfrowy, znany również jako e-portfel, przechowuje informacje o płatnościach użytkowników (dane karty kredytowej lub debetowej) w jednym miejscu i umożliwia im dokonywanie bezproblemowych transakcji bez konieczności każdorazowego wprowadzania danych karty. Kiedy dokonujesz płatności w sklepie za pośrednictwem aplikacja mobilna, jest to również portfel cyfrowy, choć często nazywany jest portfelem mobilnym. Można powiedzieć, że portfel cyfrowy jest kategorią nadrzędną, podczas gdy portfel mobilny jest dzieckiem. Niewielka różnica między nimi polega na tym, że portfel mobilny to aplikacja do płatności online na smartfonie, podczas gdy portfel cyfrowy można znaleźć na różnych urządzeniach, w tym na komputerze stacjonarnym, laptopie i telefonie komórkowym. PayPal to jeden z najpopularniejszych portfeli cyfrowych akceptowany przez miliony sprzedawców internetowych. Niektóre inne popularne portfele cyfrowe, z których obecnie korzystają konsumenci, to Amazon Pay, Google Pay, Apple Pay, Paytm itp.

Dlaczego portfele cyfrowe są preferowane w stosunku do kart kredytowych?

Konsumenci uwielbiają portfele cyfrowe. Tak proste jak to! Jest powód, dla którego tak wiele firm przedstawia swój własny portfel cyfrowy. Klienci je uwielbiają i zyskują popularność wśród kupujących online, ponieważ sprawia to, że zakupy są wygodne i nie wymagają wysiłku. Nie muszą już wyjmować karty kredytowej lub debetowej z portfela i wprowadzać danych karty, takich jak numer karty, ważność karty i kod bezpieczeństwa, który również nazywamy CVV. Ludzie boją się publicznego wyciągnięcia karty kredytowej, co jest oczywiste, biorąc pod uwagę kradzież, która ma miejsce obecnie. Portfel cyfrowy całkowicie eliminuje ten strach. Gdziekolwiek jesteś, możesz łatwo robić zakupy online. Co więcej, płatności dokonywane za pośrednictwem portfeli cyfrowych są wysoce zabezpieczone. Nie trzeba więc martwić się o udostępnianie ich danych online. Portfele cyfrowe są nie tylko ograniczone do zakupów online, ale są akceptowane w maksymalnych sklepach stacjonarnych. Eliminuje to również potrzebę noszenia przy sobie karty kredytowej lub gotówki, gdy wychodzisz na zewnątrz, np. Do centrów handlowych lub restauracji. Przy kasie mogą po prostu zeskanować kod QR za pomocą aplikacji na smartfonie lub zapytać zainteresowaną osobę o akceptowane portfele cyfrowe. Dla większości klientów portfel cyfrowy to kompleksowe rozwiązanie do wszystkiego, niezależnie od tego, czy chodzi o zakupy offline, czy online.

Korzyści z cyfrowych portfeli dla sprzedawców

W powyższym akapicie omówiłem już zalety portfeli cyfrowych dla konsumentów i dlaczego są one lepszą opcją niż karty kredytowe. Zobaczmy teraz, w jaki sposób portfele cyfrowe mogą być korzystne również dla sprzedawców eCommerce. Dawno minęły czasy, kiedy można było rozwijać swoją firmę, mając tylko karty kredytowe i debetowe jako tryby płatności. Przetrwanie na dzisiejszym konkurencyjnym rynku eCommerce wymaga integracji wielu opcji płatności, w tym portfeli cyfrowych. Większość kupujących online, nawet tych, którzy robią zakupy offline, korzysta z portfeli cyfrowych do przeprowadzania transakcji. Większość ludzi posiada smartfon i ma dostęp do Internetu, dlatego większość ludzi woli płacić za pomocą urządzeń mobilnych.

Handel mobilny przeszedł już przez eCommerce pod względem konwersji i sprzedaży i rośnie każdego dnia. Zgodnie z statystyki zebrane przez Statista, Mobile Commerce lub m-commerce sprzedaż w Stanach Zjednoczonych wyniosła 268.78 mld USD w 2019 r., a oczekuje się, że do 340 r. osiągnie poziom 2020 mld USD.

Wnioski

Tylko dlatego, że portfele mobilne / portfele cyfrowe mają przewagę nad kartami kredytowymi i kartami debetowymi, nie oznacza, że ​​powinieneś przestać akceptować te drugie w swoim sklepie internetowym. Niektórzy ludzie nadal wolą płacić za pomocą swoich kart niż zakładać portfel cyfrowy. Karty kredytowe to stara metoda i nigdy nie należy ich porzucać. Tak więc wniosek, który wyciągamy z tego artykułu, jest taki, że akceptujemy oba, ale skupiamy się głównie na portfelach cyfrowych. W Knowband oferujemy również różne moduły do ​​integracji wielu opcji płatności w Twojej witrynie, w tym portfeli cyfrowych. Niektóre z najlepszych modułów, jakie mamy do tego celu, to Jedna strona do kasy i Kreator aplikacji mobilnych. Sprawdź je.

Rozpocznij blog, aby zwiększyć sprzedaż eCommerce

Nic nie przychodzi łatwo. Aby coś osiągnąć, trzeba nieustannie starać się i ciężko pracować. Podobnie, gdy zaczynasz Biznes eCommerce, potrzeba czasu, aby zaistnieć na rynku. Ostatecznym celem każdego przedsiębiorcy jest uzyskanie sprzedaży i przychodów. Ale nie osiągniesz tego z dnia na dzień. Wraz z rozwojem Twojej firmy z czasem zaczniesz osiągać dobre wyniki. Wiele osób rozpoczyna działalność online, ale szybko się poddaje. Z trudem rozpoczynają swoją działalność i nie są do końca pewni, jak to zrobić. Tak więc, próbując rozwijać swoją firmę, skup się na robieniu tego efektywnie, ponieważ masz ograniczony budżet na marketing i inne rzeczy. Początkowo Twoim głównym celem powinien być rozwój Twojej witryny. Postaraj się przyciągnąć jak najwięcej użytkowników do swojej witryny. Jednym z najlepszych sposobów na to jest założenie bloga dla Twojego biznesu. To proste i niedrogie, ale skuteczne. Prowadząc bloga dla swojej firmy, będziesz mógł zwiększyć zasięg swojej firmy w Internecie, a ostatecznie pomoże Ci to zwiększyć ruch w Twojej witrynie. Blog to najlepszy sposób na promowanie swojej marki, produktów i usług. Ale znowu, samo posiadanie bloga nie pomoże. Istnieją setki blogów w tej samej niszy i codziennie publikowane są tony treści. Internet jest już zajęty zbyt dużą ilością treści. Dlatego upewnij się, że Twoje treści są niesamowite i kreatywne. Powinien być także niepowtarzalny i intrygujący, aby wyróżniał się na tle pozostałych treści. Jeśli dostarczysz to, czego oczekują użytkownicy, na pewno uzyskasz sprzedaż. Rozumiemy, jak najlepiej wykorzystać swój blog, aby zwiększyć sprzedaż w handlu elektronicznym.

1. Nadaj swojemu blogowi profesjonalny wygląd

Twój blog powinien być zaprojektowany w taki sposób, aby odwiedzający wchodząc na niego nie mieli ochoty wychodzić. Jeszcze przed przeczytaniem treści, pierwszą rzeczą, którą użytkownik zauważy, jest to, jak atrakcyjnie wygląda sekcja bloga. Przydarzyło mi się to wiele razy. Kiedy otwieram dowolnego bloga i widzę, że wszystko jest tak zagracone lub nieporządne, nawet nie zwracam uwagi na treść i natychmiast odbijam się od niego. Nie popełniaj tego błędu na swoim blogu. Twój blog powinien odzwierciedlać profesjonalizm. Powinien wyglądać schludnie i czysto przy użyciu profesjonalnych czcionek i odpowiednich odstępów między wszystkim.

2. Napisz niesamowite treści

Kluczem do zwiększenia sprzedaży eCommerce za pośrednictwem bloga jest pisanie niesamowitych treści. Im wyższa jakość dodasz do swoich treści, tym więcej osób będzie je polubić i udostępniać. Nie próbuj używać wymyślnych słów. Używaj prostego języka angielskiego, aby każdy mógł go łatwo zrozumieć. Treść powinna być wyraźna i angażująca, a co najważniejsze – należy zachować jej przepływ. Pisz z punktu widzenia czytelnika. Upewnij się też, że dodałeś elementy wizualne do swoich treści, aby były bardziej atrakcyjne. Jak mówią: „Obraz jest wart tysiąca słów”, dotyczy to również tutaj. Użyj zdjęć swoich produktów lub zrzutów ekranu, aby przyciągnąć uwagę użytkowników. Istnieje wiele witryn internetowych udostępniających bezpłatne i płatne obrazy do blogów.

3. Zwiększ świadomość marki

Blog to świetna platforma do ulepszania świadomość marki i uświadamiaj klientom swoje produkty i usługi. Jeśli ludzie wyszukują zapytanie w Google i trafiają do Twojego bloga dla tego zapytania, możesz wygenerować ogromny ruch w Twojej witrynie. Ponadto blog zapewnia możliwość dokładnego wyjaśnienia swoich produktów i ofert. Nie ma ograniczeń co do tego, co piszesz. Po prostu skup się na przedstawianiu swoich myśli w najlepszy możliwy sposób. Możesz nawet zainspirować ludzi, informując ich, jak zacząłeś swoją podróż. To buduje osobisty związek między marką a użytkownikami.

4. Promuj się w mediach społecznościowych

Dziś marka, która nie jest obecna w mediach społecznościowych, poważnie traci świetną okazję do rozszerzenia swojej działalności. Jeśli masz dobrą bazę obserwujących w mediach społecznościowych, promowanie swoich postów na blogu w różnych sieciach społecznościowych, takich jak Facebook, LinkedIn, Twitter itp., Może pomóc w zwiększeniu ruchu w Twojej witrynie. Zawsze dobrze jest udostępniać treść swojego posta na blogu Media społecznościowe. Daje dostęp do Twoich treści. Po prostu upewnij się, że korzystasz z dobrych nagłówków, gdy mówisz o poście na blogu, aby przekonać czytelników, że prawdopodobnie pominą go w swoim kanale. Nigdy nie używaj tytułów zachęcających do klikania.

Final Thoughts

Aby Twoje posty na blogu się wyróżniały, musisz mieć też trochę wiedzy na temat SEO. Bez względu na to, jak niesamowicie piszesz, jeśli nie dociera do pożądanej publiczności, wysiłki wydają się iść na marne. Skoncentruj się na słowach kluczowych związanych z Twoją niszą i dowiedz się, jak możesz je wykorzystać w swoich postach na blogu. Mam nadzieję, że informacje, które przekazałem powyżej, były pomocne i pomogły Ci zrozumieć, jak ważny jest blog dla zwiększenia sprzedaży eCommerce.

Najlepsze praktyki dotyczące wiadomości e-mail z alertami o zapasie

Kupujący online są rozczarowani, gdy produkt, który chcą kupić, jest niedostępny. Jest to szczególnie widoczne podczas uruchamiania smartfona, gdy wyczerpuje się on z magazynu, zanim użytkownik dodał go do koszyka. Potem po prostu czekają, czekają i czekają, chyba że istnieje inna opcja. I pojawia się uczucie podekscytowania, gdy ten produkt jest ponownie dostępny. Mogę się z tym bardzo dobrze odnieść. Chciałem kupić smartfon. Kiedy szukałem pożądanego smartfona na Amazon, był on niedostępny, wyszedł z magazynu również ze strony internetowej marki smartfonów i nie był dostępny nigdzie indziej. Zapisałem się więc, aby otrzymywać powiadomienia o tym, gdy tylko wróci do sklepu. Kilka dni później otrzymałem powiadomienie, że produkt jest dostępny do kupienia. Nie tracąc więcej czasu, szybko otworzyłem e-mail, kliknąłem opcję kup teraz i kupiłem telefon. W tym miejscu kluczowa staje się rola wiadomości e-mail z alertami o stanie zapasów. Jeden e-mail z powrotem w magazynie może przynieść Ci ogromne przychody. A studium przypadku wykonane przez Marketing Sherpa ujawniło, że e-maile z alertami o zapasie mają około 22.45% współczynnik konwersji. Jeśli nie podejmiesz obowiązku poinformowania odwiedzających, gdy produkt będzie ponownie dostępny, prawdopodobnie będą szukać konkurencyjnego produktu w innych witrynach zakupów online.

Co to jest e-mail o stanie zapasów?

Wiadomość e-mail o stanie zapasów to wiadomość e-mail wysyłana do użytkowników, którzy dokonali subskrypcji, aby otrzymywać aktualizacje dotyczące produktu, którego nie ma w magazynie. Gdy produkt jest ponownie dostępny, kupujący są informowani o jego dostępności poprzez e-mail, aby mogli go kupić jak najszybciej lub zanim ponownie wyjdzie z magazynu. Wielu użytkowników może przegapić zakup, jeśli nie zostaną powiadomieni, co ostatecznie prowadzi do utraty przychodów. Jedynym celem wiadomości e-mail o stanie zapasów jest zwiększenie sprzedaży. Poza tym pomaga przyciągnąć ogromny ruch do Twojej witryny, zachęca utrzymania klienta, pomaga zrozumieć punkt styczności z klientami i buduje silną więź między marką a konsumentami.

Najlepsze praktyki dotyczące wiadomości e-mail z powrotem w magazynie

Zaczniemy od zera. Aby otrzymać wiadomość e-mail z ostrzeżeniem o dostępności zapasów, pamiętaj o następujących kwestiach.

1. Nie usuwaj stron niedostępnych w magazynie

Nigdy nie jest mądrym pomysłem ukrywanie w witrynie niedostępnych stron produktów. Skąd konsumenci w ogóle będą wiedzieć, że produkt jest po prostu niedostępny? Jeśli przeglądają Twoją witrynę, szukają produktu i znajdą stronę 404, po prostu pomyślą, że produkt nigdy nie był dostępny w Twoim sklepie. Co więcej, pozostawi to negatywne wrażenia użytkownika. Koncepcja wiadomości e-mail „back-in-stock” nie zadziałałaby nawet, gdyby strony produktów, których nie ma w magazynie, nie były widoczne. Wystarczy więc umieścić na produkcie tag „brak w magazynie” i umieścić „Powiadom mniewezwanie do działania, po kliknięciu którego użytkownicy zostaną poproszeni o podanie adresu e-mail, na który chcą otrzymywać powiadomienia o dostępności produktu, gdy będzie on ponownie dostępny. Możesz również skorzystać z pomocy Wyjdź z Popup, więc gdy użytkownik spróbuje wyjść z witryny po zobaczeniu, że produktu nie ma w magazynie, pojawia się wyskakujące okienko z prośbą o wysłanie alertu na jego adres e-mail, gdy produkt będzie ponownie dostępny.

2. Rozwiń swoją listę e-mailową

Wielu użytkowników mogło nie subskrybować Twoich biuletynów lub promocyjnych wiadomości e-mail. Więc gdy ktoś kliknie opcję „powiadom mnie”, posiadanie pola wyboru newslettera wraz z polem adresu e-mail może ci pomóc powiększ swoją listę e-mail dalej. Będzie to korzystne nie tylko przy wysyłaniu powiadomień o stanie zapasów, ale możesz również kierować reklamy do tych użytkowników w innych kampaniach e-mailowych.

3. Napisz przekonujący temat

Użytkownicy będą podekscytowani, gdy dowiedzą się, że produkt, który chcieli kupić, jest już dostępny. Zwiększ emocje, pisząc przekonujący temat. Ponieważ wiersz tematu musi być ograniczony słowami, aby był widoczny, musi zaczynać się od „W magazynie”, po którym następuje nazwa produktu. To natychmiast wyjaśni odwiedzającemu, o czym jest e-mail. Następnie możesz użyć wezwania do działania, takiego jak „Zdobądź jak najszybciej”, „Dostępne ograniczone zapasy” i „Pospiesz się, sprzedaj szybko”. Tego rodzaju tagi są bardzo skuteczne w tworzeniu pilności.

4. Krótka i wyrazista treść wiadomości e-mail

Kupujący chcieliby kupić produkt, gdy tylko będzie dostępny. Nie pozwól im marnować czasu na czytanie treści e-maila. Przechowuj tylko niezbędne informacje w ciele. Co powinieneś zawrzeć w treści e-maila? Na pewno użyj zdjęcia produktu. Wizualizacje sprawiają, że decyzja o zakupie jest jeszcze silniejsza. Oprócz tego napisz krótki i przekonujący tekst. Użyj dużej i pogrubionej czcionki, aby podkreślić główny punkt. Użyj kuszącego CTA, takiego jak „Kup teraz” lub „Kup teraz”. Powinien być również wyraźnie widoczny.

5. Kontynuacja przez e-mail

Może się zdarzyć, że Twoi subskrybenci z jakiegoś powodu przegapią Twój e-mail z powrotem w magazynie. Dlatego zaleca się, aby po pewnym czasie przeprowadzić kontrolę, jeśli produkt nie wyczerpuje się. To skłoni klientów do zakupu produktu, gdy zdadzą sobie sprawę, że przegapili okazję do otrzymania produktu w poprzednim e-mailu. Możesz również poinformować subskrybentów powiadomienia o powrocie w magazynie, nawet gdy ilość produktu jest niska lub gdy konsumenci dodali produkt do koszyka, ale zapomnieli o zakupie, tylko po to, aby kupili produkt, zanim ponownie wyczerpie się on w magazynie. Pomaga to zmniejszyć porzucenie koszyka , jak również.

6. Powiadomienia o dostępności produktów z listy życzeń

Wielu kupujących online dodaje produkt do swojej listy życzeń, aby nie musieć szukać go ponownie, gdy następnym razem wrócą do sklepu. Pozycje z listy życzeń wskazują również, że klienci mają zamiar je kupić. Tak więc, jeśli produkt z listy życzeń wyczerpie się, pamiętaj, aby przypomnieć klientom, kiedy będzie ponownie dostępny. Powiedz im, że produkt, który chcieli kupić, jest już dostępny do kupienia.

Moduł powiadomień o stanie zapasów firmy Knowband

Jeśli szukasz modułu, który pomoże Ci ustawić alert o braku produktów w magazynie, możesz wypróbować nasz moduł powiadamiania o braku zapasów. Ten moduł dodaje zakładkę „powiadom mnie” na stronach Twoich niedostępnych produktów. Dzięki temu użytkownicy mogą wprowadzać swoje adresy e-mail i otrzymywać powiadomienia, gdy tylko produkt wróci do sklepu. W rzeczywistości za pomocą tego modułu można również ustawić alert o niskim stanie zapasów, co oznacza, że ​​jeśli dostępna ilość produktu osiągnie określoną liczbę, do subskrybentów zostanie wysłana informacja o niskim stanie, wyzwalająca zakup impulsowy. Moduł dostępny dla platform PrestaShop i Magento.

Moduł powiadomień PrestaShop z powrotem w magazynie

OpenCart� Moduł powiadomień z powrotem w magazynie

Możesz również sprawdzić Moduł powiadomień web push co również zapewnia podobną funkcjonalność. W rzeczywistości użytkownicy nie muszą nawet podawać swoich adresów e-mail. Jeśli produkt jest niedostępny, użytkownik może po prostu zapisać się na powiadomienia web push. Ten moduł jest dostępny dla PrestaShop, i Magento 2.

Final Thoughts

Wiadomości e-mail z alertami o dostępności towaru są ważne, aby zachęcić kupujących do powrotu do Twojego sklepu i zachęcić ich do zakupów. Są o wiele bardziej skuteczne niż jakikolwiek inny rodzaj wiadomości e-mail, ponieważ klienci sami je wybrali i mają silną chęć zakupu tego produktu. Mam nadzieję, że ten artykuł pomógł Ci zrozumieć koncepcję alertów o stanie zapasów. Jeśli produkt będzie dostępny po pewnym czasie, możesz polecić klientom powiązane i podobne produkty. Kto wie, czy zmieni zdanie z tego produktu na zakup sugerowanego!

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.

Rozszerzenia OpenCart, aby przygotować Twój sklep dla Ojca

Ponieważ Dzień Ojca jest tuż za rogiem, właściciele witryn chcieliby odpowiednio przygotować swój sklep, aby osiągnąć wysoką sprzedaż z tej okazji. Jeśli masz witrynę eCommerce na platformie OpenCart i chcesz również zwiększyć sprzedaż na Dzień Ojca, możesz rozważyć użycie poniżej wspomnianego 8 Rozszerzenia OpenCart.

1. Zakręć i wygraj

OpenCart Spin and Win moduł wyświetla gamifikowane wyskakujące okienko dla odwiedzających, gdy tylko wejdą na twoją stronę. Zawiera wiele okazjonalnych motywów, dzięki czemu możesz spersonalizować wyskakujące okienko również z okazji Dnia Ojca. Użytkownicy mogą zakręcić kołem i zdobyć ekscytujące nagrody, ale zanim będą mogli zakręcić, muszą podać swoje imię i nazwisko oraz adres e-mail. Pomaga to zwiększyć liczbę subskrybentów poczty e-mail i zwiększyć zaangażowanie użytkowników. Poza tym, oferując nagrody, które zazwyczaj są kodami rabatowymi, klienci mogą być zachęcani do zakupów, używając kodu kuponu przy kasie. Zwiększa to współczynnik konwersji. Możesz wprowadzić pewne dostosowania w wyskakującym okienku i dostosować ustawienia wyświetlania zgodnie ze swoimi wymaganiami.

2. Menedżer kart podarunkowych

Menedżer kart upominkowych OpenCart dodaje sekcję kart podarunkowych w Twojej witrynie i oferuje wiele istniejących szablonów kart podarunkowych na różne okazje, takie jak Halloween, Boże Narodzenie, Nowy Rok itp. Podobnie możesz tworzyć karty podarunkowe na Dzień Ojca i zwiększać sprzedaż. Wielu kupujących online, którzy uważają zakupy za żmudne zadanie, wolałoby szybko kupić kartę upominkową, zamiast spędzać godziny na podejmowaniu decyzji, co podarować. Możesz tworzyć karty podarunkowe o różnych wartościach cenowych, aby klienci mogli kupić kartę podarunkową zgodnie z ich budżetem. Moduł oferuje różne funkcje dostosowywania, a także umożliwia śledzenie zamówień kart podarunkowych.

3. Licznik czasu sprzedaży

OpenCart Countdown Sales Timer Rozszerzenie umieszcza licznik czasu w nagłówku Twojej witryny, za pośrednictwem którego odwiedzający Twój sklep są informowani o zbliżającej się sprzedaży. Możesz skorzystać z tego modułu, aby podkreślić również wyprzedaże z okazji Dnia Ojca. Odliczanie czasu przypomina klientom, ile czasu pozostało do rozpoczęcia sprzedaży, i tworzy pilną potrzebę zakupu. Wygląd i sposób działania timera można dostosować i wyświetlać na wielu stronach internetowych.

4. Opuszczony wózek

OpenCart Porzucony koszyk Rozszerzenie pomaga śledzić porzucone koszyki w Twoim sklepie i odzyskać utraconą sprzedaż. Moduł daje Ci możliwość konwersji porzuconych użytkowników koszyka na klientów. Ponieważ wielu klientów przychodzi do Twojego sklepu na wyprzedaży z okazji Dnia Ojca, na pewno będziesz świadkiem kilku porzuconych wózków. Brak ich konwersji może spowodować utratę sprzedaży. Dzięki rozszerzeniu Abandoned Cart, za pomocą którego możesz stworzyć alert porzuconego koszyka (ustawiając czas, po którym koszyk zostanie automatycznie oznaczony jako opuszczony) i przypomnieć tym użytkownikom o oczekujących przedmiotach w koszyku, a nawet przekonać ich do sfinalizowania zakupu, oferując kod rabatowy w wiadomości e-mail.

5. Alert cenowy

Wielu kupujących online miałoby nadzieję na spadek cen niektórych produktów podczas wyprzedaży z okazji Dnia Ojca. Z Alert cenowy OpenCart rozszerzenie, możesz poprosić klientów o zapisanie się na alert cenowy, aby byli natychmiast informowani i nie przegapili okazji do odebrania produktu, gdy cena produktu spadnie poniżej. Ten moduł pomaga przyciągnąć tych użytkowników do Twojej witryny i zwiększyć sprzedaż. Jeśli więc chcesz nieco obniżyć cenę produktu w Dzień Ojca, to rozszerzenie byłoby bardzo pomocne.

6. Zamówienie jednej strony

Klienci pragną wygody, a wygoda na stronie kasy jest niezbędna, ponieważ w przeciwnym razie może to doprowadzić do porzucenia koszyka. Konsumenci nie lubią witryn internetowych, które oferują kłopotliwe zakupy. Dlatego idealnie byłoby zmienić domyślny proces płatności za pomocą One Page Checkout na nadchodzący Dzień Ojca.

OpenCart One Page Checkout Rozszerzenie upraszcza proces realizacji transakcji, konwertując wieloetapowy proces płatności na jedną stronę. Oferuje różne funkcje, takie jak Kasa dla gości, Logowanie społecznościowe, Wiele układów, Wiele metod płatności i obsługa wysyłki. Poza tym zapewnia pewne opcje dostosowywania, aby Twoja płatność była płynna i przyjazna dla użytkownika.

7. Przyspieszone strony mobilne

Większość konsumentów preferuje urządzenia mobilne do zakupów online, a Twój sklep nie jest wyjątkiem. W Dniu Ojca będziecie świadkami większości ruchu pochodzącego z urządzeń ręcznych. Jeśli ładowanie witryny na komórkach zajmuje trochę czasu, może to poważnie wpłynąć na konwersje. W tym przypadku AMP okazuje się korzystny.

Przyspieszone strony mobilne OpenCart (AMP) Rozszerzenie konwertuje zwykłe mobilne strony Twojej witryny na strony AMP. Zapewnia szybsze ładowanie stron internetowych i zmniejsza współczynnik odrzuceń o znaczny margines. Moduł ma na celu poprawę wrażeń z przeglądania / robienia zakupów przez użytkowników mobilnych i może mieć wpływ na sprzedaż.

8. Preferowany czas dostawy

Preferowana dostawa OpenCart to idealne rozszerzenie dla użytkowników, którzy chcą otrzymać produkt w określonym dniu. Będzie wielu klientów, którzy będą chcieli otrzymać zamówienie właśnie w Dzień Ojca. W przypadku takich klientów możesz umieścić preferowaną zakładkę dostawy na stronie kasy, na której mogą określić żądaną datę i godzinę, w której chcą, aby ich produkt został dostarczony. Dzięki temu klienci mają pewność, że ich produkt dotrze do nich we właściwym czasie. W przypadku jakichkolwiek pytań lub pomocy dotyczących wyżej wymienionych modułów, możesz skontaktować się z nami pod adresem support@knowband.com a nasz zespół wsparcia postara się jak najszybciej rozwiązać Twoje problemy.

7 sposobów na wprowadzenie na rynek i zwiększenie sprzedaży na tym Ojcu

Dzień Ojca jest tuż za rogiem i nadszedł czas, kiedy marki będą chciały promować powiązane oferty w swoim sklepie. Chociaż ta okazja nie jest tak opłacalna jak inne ważne święta, przynosi znaczną część sprzedaży. Zgodnie z a raport National Retail Federation (NRF) szacuje, że wydatki na Dzień Ojca w 2019 roku osiągną poziom 16 miliardów dolarów. Sprzedaż może nieco spaść w tym roku, biorąc pod uwagę Pandemia COVID-19 ale kupujący z pewnością szukaliby niektórych ofert. W miarę zbliżania się wydarzenia zobaczysz, jak marki wymyślają niesamowite pomysły marketingowe na Dzień Ojca, aby zwiększyć sprzedaż w swoich sklepach. A jeśli szukasz tego samego, zapewniam Ci ochronę. W tym artykule przedstawiłem kombinację strategii marketingowych, wskazówek i projektów, które mogłyby podnieść sprzedaż z okazji Dnia Ojca.

Pomysły marketingowe na Dzień Ojca w celu zwiększenia sprzedaży

Poniżej przedstawiam siedem prostych, ale skutecznych sposobów, aby to zrobić.

1. Rozpocznij wczesną promocję

Aby uzyskać najlepsze wyniki sprzedaży z okazji Dnia Ojca, musisz wcześnie rozpocząć promocję, aby kupujący w Internecie byli bardzo świadomi i przygotowani, gdy sprzedaż się rozpocznie. Nie przyda się, jeśli zaplanujesz swoje strategie na tydzień przed okazją. Wynik będzie kiepski i ostatecznie sprzedaż będzie niska. Wczesne planowanie nie tylko pomaga uniknąć zmian dokonywanych w ostatniej chwili, ale także zapewnia wystarczająco dużo czasu na przygotowanie i podekscytowanie kupujących oraz możliwość przyciągnięcia nawet tych klientów, którzy rzadko odwiedzają Twój sklep. Jeśli jesteś dobrze przygotowany na wielki dzień z wyprzedzeniem, będziesz w stanie wyciągnąć z niego jak najwięcej. I na tym powinno się skupiać każdą wyprzedaż świąteczną, a nie tylko Dzień Ojca.

2. Zaproponuj Pakiet „Tata”

Sprawdź asortyment swojego sklepu i wymień przedmioty, które idealnie nadałyby się na prezent dla ojca. Utwórz pakiet i sprzedaj je ze zniżką (cena pakietu niższa niż suma indywidualnych kosztów przedmiotów) lub możesz uruchomić oferty, takie jak kup jeden, a otrzymasz jeden za darmo. To świetny sposób na promocję sprzedaż krzyżowa a jednocześnie pozwala każdemu członkowi rodziny przyczynić się do jednego zakupu, zamiast kupować osobne prezenty.

3. Uruchom konkurs w mediach społecznościowych

Inną strategią marketingową mającą na celu zwiększenie sprzedaży w Dzień Ojca byłoby zorganizowanie konkursu na różnych platformach mediów społecznościowych, głównie na Facebooku, Instagramie i Twitterze. Możesz utworzyć hashtag i zachęcić swoich obserwujących lub publiczność do podzielenia się „chwilą taty”, używając tego konkretnego hashtagu, aby liczyć się jako ich wpis. Możesz poprosić ich o podzielenie się „żartem z taty” lub wyjaśnienie, dlaczego uważają, że ich tata jest najlepszy na świecie. Ustaw nagrodę lub prezent dla 3 najlepszych gawędziarzy. Dzięki temu uzyskasz wiele zgłoszeń i zwiększysz zaangażowanie.

4. Karty podarunkowe

Jeśli kupujący nie wiedzą, co podarować tacie, karta podarunkowa może się w takim przypadku okazać przydatna. W swoim sklepie możesz oferować karty podarunkowe na Dzień Ojca o różnych wartościach cenowych, aby kupujący mogli kupić jedną zgodnie ze swoim budżetem. Ułatwia to ich pracę, a także oszczędza czas na poszukiwaniu idealnego prezentu. Nie ma lepszego momentu niż ten, aby kupujący powiedział do swojego ojca: „Kup, co chcesz, z tą kartą podarunkową (oczywiście w tym przedziale cenowym)”. Nie masz sekcji kart podarunkowych w swojej witrynie? Dodaj go za pomocą Menedżer kart podarunkowych.

Związane z: Dlaczego cyfrowe karty upominkowe są ważne dla działalności eCommerce?

5. Docelowe mamy

Nie tylko nastolatki i młodzi dorośli, ale także matki chcieliby wywołać uśmiech na twarzy ojca w ten Dzień Ojca. Pamiętaj, aby odpowiednio dostosować swoje wiadomości i kierować reklamy do mam. Możesz poprosić ich o udostępnienie zdjęcia tacie lub opowieści z dzieciństwa. Segmentuj swoich odbiorców i docieraj do nich za pośrednictwem poczty elektronicznej i reklam w mediach społecznościowych.

6. Ekskluzywny kupon na Dzień Ojca

Kupujący online czekaliby na rabat na wyprzedaże z okazji Dnia Ojca. Utwórz ekskluzywny kod kuponu, który będzie ważny przez ograniczony czas, aby ubiegać się o zniżkę. Spowoduje to pilną potrzebę robienia zakupów i ostatecznie zwiększy sprzedaż, ponieważ coraz więcej użytkowników będzie odwiedzać Twój sklep, aby robić zakupy przed wygaśnięciem kodu kuponu. Promuj go wszędzie, aby zwiększyć ruch w swojej witrynie.

7. Umieść licznik czasu na stronie głównej

Jednym z najlepszych sposobów promowania wyprzedaży z okazji Dnia Ojca jest umieszczenie pliku licznik czasu sprzedaży na stronie głównej witryny lub w nagłówku. Będzie to działać jako przypomnienie dotyczące dni i czasu pozostałych do sprzedaży za każdym razem, gdy użytkownik odwiedza Twoją witrynę.

Słowo końcowe

Strategie marketingowe na Dzień Ojca nie kończą się tutaj. Napotkasz wiele punktów, które mogą pomóc zwiększyć sprzedaż w Dzień Ojca. Koncentrując się głównie na marketingu, nie zapomnij zoptymalizować swojej witryny eCommerce. Upewnij się, że wszystko, od strony głównej do strona kasy, w tym strona produktowa, jest doskonale zoptymalizowana, aby kupujący nie odczuwali żadnych problemów podczas podróży zakupowej. Możesz rozważyć użycie Jedna strona do kasy aby zapewnić odwiedzającym szybkie zakupy. Zacznij przygotowywać się do Dnia Ojca, zanim będzie za późno. Życzę Waszej sprzedaży większej niż kiedykolwiek.

Wzrost zmiany eCommerce podczas kryzysu COVID-19

Mimo że operacje eCommerce mogą nie przebiegać tak płynnie, jak gdyby nie pandemia COVID-19, blokada doprowadziła do przeniesienia sklepów stacjonarnych do handlu detalicznego online. Obecny kryzys utrudnił przetrwanie większości firm, zwłaszcza firmom offline. Wiele firm zostało zamkniętych na stałe, a niektóre tymczasowo. Musiało się to stać, ponieważ ludzie zostali poproszeni o pozostanie w pomieszczeniach. Ostatecznie ta globalna pandemia przyspieszyła rozwój branży eCommerce. Handel elektroniczny szybko się rozwija.

Możesz polubić: 7 powodów, dla których Twoja firma offline musi mieć obecność online

COVID-19 wywarł również ogromny wpływ na nawyki zakupowe konsumentów i pozostanie niezmieniony przez długi czas. Badania sugerują, że odkąd koronawirus przekształcił się w globalną pandemię, zakupy online odnotowały wzrost o prawie 25-80% wśród konsumentów, którzy kupują 50% lub więcej produktów robiąc zakupy online. A nawet jeśli pandemia minie, co 6 na 10 konsumentów prawdopodobnie będzie kontynuować zakupy w Internecie. Ponieważ blokada nieco się zmniejszyła w wielu krajach, popyt na nieistotne przedmioty dotknął nieba. Rzućmy okiem na tweeta od Jean-Michela Lemieux, CTO Shopify.

Liczba kupców (nowych domen) zdobytych przez Shopify na swojej platformie w pierwszym kwartale tego roku będzie dla Ciebie zaskoczeniem. Prawie 70 tys. Nowych domen zostało zarejestrowanych w Shopify w lutym i marcu, czyli więcej niż w całym 2018 roku. Po przeprowadzeniu ankiety wśród konsumentów z Wielkiej Brytanii, Francji i Niemiec; trzech największych internetowych rynków detalicznych w Europie, stwierdzono, że jeśli detaliści przyjmą model eCommerce, będą mieli doskonałą okazję do wyjścia z obecnego kryzysu, gdy ludzie pozbędą się pandemii COVID-19. Badanie wykazało również, że około 80% konsumentów prawdopodobnie wróci do zakupów online za zbędne towary w następnej połowie roku.

Zmiana w ruchu eCommerce

Statista udostępnił plik raport natężenia ruchu we wszystkich sektorach eCommerce po wybuchu koronawirusa we Francji. Od maja 2016 r. Największy spadek odnotowano w dziale podróży i turystyki, a następnie w branży motoryzacyjnej. Apteki internetowe są świadkami największego wzrostu ruchu.

Możesz również przyjrzeć się kursowi transakcji w tym samym okresie tutaj. SEMrush opublikował również szczegółowe informacje o ruchu związanym z wyszukiwaniem, w którym stwierdzono, że pierwszeństwo mają „Książki i literatura”, a następnie „Hobby i rozrywka”, „Ludzie i społeczeństwo” itd. Wśród towarów odnotowano szczytowy wzrost liczby wyszukiwań papieru toaletowego. W kategoriach produktów serwisu eBay największą liczbę wyszukiwań miały kupony na karty podarunkowe.

Przeczytaj także:

COVID-19 i jego wpływ na firmy eCommerce

Jak COVID-19 wpłynął na zachowanie zakupów online i sprzedaż e-commerce?

5 porad dotyczących marketingu e-mailowego podczas pandemii COVID-19

Jak zatrzymać klientów w związku z epidemią wirusa Coronavirus?

Wysyłka e-commerce: wyzwania i rozwiązania

A raport przez Baymard Institute mówi, że „Wysoki koszt wysyłki'to najważniejszy powód porzucenie koszyka na zakupy w USA, co stanowi prawie połowę wszystkich porzuconych koszyków. Sprzedawcy e-commerce, głównie właściciele firm średniej wielkości, często napotykają wyzwania związane z wysyłką, ponieważ popularne marki, takie jak Amazon, już ustanowiły tak wysokie standardy, oferując bezpłatną wysyłkę lub utrzymując minimalną cenę wysyłki. W tym artykule wymieniłem kilka wyzwań związanych z wysyłką, z którymi borykają się sprzedawcy internetowi, a także przedstawiłem wymagane rozwiązanie. Spójrzmy.

1. Wybór przewoźnika

Gdy rozpoczęcie działalności online, możesz polegać tylko na jednym lub dwóch dostawcach. Nawet wybierając jeden, możesz znaleźć się w dużym zamieszaniu. W miarę rozwoju firmy będziesz musiał wybierać dla swoich klientów. FedEx i USPS są idealne na początek. Z czasem uzyskasz lepsze zrozumienie tego, co jest najlepsze dla Twojej firmy, na przykład informacji o najlepszych dostawcach usług transportowych, którzy mają rozsądne koszty operacyjne i zajmują mniej czasu tranzytu.

2. Darmowa dostawa

Chociaż bezpłatna wysyłka jest często postrzegana jako taktyka marketingowa mająca na celu zwiększenie sprzedaży, wiąże się ona z naruszeniem marży zysku. Jeżeli twój biznes online jest dobrze skonfigurowany, możesz dostosować się do koncepcji bezpłatnej wysyłki, jednak tego samego nie można powiedzieć o nowych firmach. Start-upy nie mogą sobie pozwolić na łatwe oferowanie bezpłatnej wysyłki, ponieważ trudno będzie uwzględnić całkowity koszt wysyłki w produkcie. Ale faktem jest również to, że bezpłatna wysyłka jest niezbędna, aby zachęcić klientów i zachęcić ich do zakupu. Niektóre ze skutecznych sposobów oferowania bezpłatnej wysyłki bez wpływu na marżę zysku to:

1. Bezpłatna dostawa przy minimalnej wartości zamówienia 2. Bezpłatna dostawa ograniczona czasowo 3. Bezpłatna dostawa niektórych produktów 4. Bezpłatna dostawa w określonych regionach 5. Bezpłatna dostawa o określonej wadze

Czytaj więcej na?Strategie bezpłatnej wysyłki: dlaczego warto oferować? Jak oferować? Kiedy oferować?

Sprzedawcy internetowi nieznacznie podnoszą cenę produktu, aby pokryć koszty wysyłki.

3. Uszkodzenie podczas tranzytu

Jednym z głównych wyzwań związanych z wysyłką w eCommerce, przed którymi stają e-sprzedawcy, jest bezpieczny transport produktu z magazynu na adres dostawy klienta. Klienci wielokrotnie narzekają, że towar w momencie dotarcia nie był w dobrym stanie lub był uszkodzony. Choć możliwe, że był już w złym stanie, jest bardzo prawdopodobne, że został uszkodzony podczas transportu. Delikatne przedmioty muszą być starannie zapakowane, w przeciwnym razie mogą ulec uszkodzeniu. Aby temu zaradzić, upewnij się, że opakowanie zostało wykonane prawidłowo. Dowiedz się wszystkiego o firmie kurierskiej, zanim się z nią połączysz.

4. Wysyłka ryczałtowa

Innym dylematem, przed którym stają sprzedawcy detaliczni eCommerce, jest to, czy mieć wzór wysyłki ryczałtowej, czy nie. Stawka zryczałtowana ma swoje wady i zalety. Ustawienie zryczałtowanej stawki wysyłki dla każdego rodzaju produktu bez zrozumienia i porównania wartości produktu w innych produktach w Twoim sklepie również może przynieść odwrotny skutek. Na przykład zryczałtowana stawka za dostawę produktu o mniejszej wartości może wydawać się zbyt wysoka, a ta sama stawka może zżerać Twój zysk, jeśli jej rzeczywisty koszt wysyłki jest wyższy niż zryczałtowana stawka za dostawę. Oferowanie odpowiedniego kosztu wysyłki ma kluczowe znaczenie dla uniknięcia porzucania koszyka.

Jak możemy odgrywać rolę w wysyłce eCommerce?

Knowband zapewnia różnorodne moduły związane z wysyłką, które mogą być korzystne dla Twojej witryny eCommerce. Moduły są-

Bezpłatny menedżer wysyłki

Ten moduł jest dostępny tylko dla PrestaShop właściciele witryn. Umożliwia sprzedawcom dostosowanie warunków z konfiguracji zaplecza, aby zaoferować kupującym bezpłatną wysyłkę. Możesz określić czynniki, które należy dopasować, aby otrzymać bezpłatną wysyłkę.

Jedna strona do kasy

Ten moduł kasowy obsługuje większość metod wysyłki, takich jak Mondial Relay, So Colissimo, Ulozenka Delivery, Zasielkovn Delivery, LP Express 24 Delivery, Paczkomaty InPost, Zasilkovna, Poczta Polska (owppoczta), Webshipr, Paczka w Ruchu. Jest dostępny dla PrestaShop, OpenCart, Magento, Magento 2.

Koszt wysyłki według kodu pocztowego

Dostępne dla PrestaShop, ten moduł umożliwia dostosowanie kosztów wysyłki do różnych regionów.

Dostępność produktu Sprawdź według kodu pocztowego

Ten moduł dodaje weryfikator kodu pocztowego na stronach produktów, dzięki czemu kupujący mogą sprawdzić, czy produkt jest dostępny do dostawy w ich lokalizacji, czy nie. Jest dostępny dla PrestaShop, OpenCart i Magento. Aby uzyskać jakąkolwiek pomoc, możesz skontaktować się z nami pod adresem support@knowband.com