Wprowadź rozszerzenie koszyka Magento 2 AJAX na platformie Magento 2

Opublikowany: 2022-07-21

Zakupy online to obecnie norma. Z ponad 9,1 milionami sklepów internetowych na całym świecie, nic dziwnego, że jest wielu kupujących. Bez względu na branżę istnieje wiele sklepów internetowych, które wpisują się w rosnący trend eCommerce.

Powiedziawszy to, niektórzy ludzie – zwłaszcza ci, którzy znają się na eCommerce – mogli już wcześniej słyszeć o Magento. W rzeczywistości Magento odgrywa znaczącą rolę w Internecie, zasilając 1,2% sieci. Odpowiednio udostępnię posty. Ale cena, o której wspomniałeś, nie jest dla mnie realna. Czy możemy więc negocjować cenę?

Ale w dzisiejszych czasach następca Magento, Magento 2, przyciągnął wiele uwagi. Nie oznacza to, że oryginalne Magento jest jeszcze przestarzałe. Według CreativeMinds około 11 000 sklepów Magento działa na Magento 2.

Teraz Magento 2 zawiera rozszerzenie o nazwie „Koszyk AJAX”. Głównym celem tego rozszerzenia jest zapewnienie użytkownikom online lepszych zakupów.

Na przykład, gdy klient zapomni dodać typ produktu do koszyka, może to zrobić bez konieczności ponownego ładowania strony. Zasadniczo klient może dodać produkt do koszyka bezpośrednio z dowolnej strony, np.:

  • Strona główna
  • Strony kategorii
  • Zawartość witryny ORAZ
  • Wszelkie inne strony w witrynie

Z tego samego powodu kupujący nie będą już musieli odwiedzać każdej strony produktu, aby uzyskać to, czego potrzebują. Zamiast tego AJAX umożliwia kupującym łączenie, konfigurowanie lub grupowanie produktów ze sobą. Gdy kupujący kliknie przycisk „Dodaj do koszyka”, obraz dodanego produktu „przeleci” do „mini koszyka”. Następnie pojawi się nowe wyskakujące okienko AJAX z informacjami o produkcie i opcjami. Kupujący mogą również aktualizować ilość produktów w tym samym wyskakującym okienku.

Ale jak ważny jest AJAX? W tym przeglądzie przyjrzymy się AJAX i jak jest niezbędny w Magento 2. Zanurzmy się od razu!

Co to jest AJAX?

Najpierw porozmawiajmy o tym, co pociąga za sobą AJAX. AJAX to skrót od:

  • Asynchroniczny
  • JavaScript, AND
  • XML

Co więcej, AJAX to nowa technika, która obejmuje XML, HTML, CSS i JavaScript. Dzięki tym językom programowania AJAX może pomóc w tworzeniu lepszych, szybszych i bardziej interaktywnych witryn i aplikacji.

Przyjrzyjmy się jednak „A” w AJAX: asynchroniczny. Innymi słowy, główną funkcją AJAX jest aktualizowanie zawartości witryny lub aplikacji w taki sposób, aby przeglądarka internetowa użytkownika nie musiała odświeżać całej strony internetowej za każdym razem, gdy zmieni się skrawek informacji.

Co najlepsze, rozszerzenie koszyka AJAX dla Magento 2 można łatwo skonfigurować. Możesz je wypróbować i znaleźć w sklepie Mageplaza Extension.

Jak to działa?

Mając to na uwadze, oto jak działa AJAX w Magento 2. Na przykład w przypadku witryn eCommerce mogą one wyświetlać lub ukrywać dowolne z następujących elementów:

  • Zdjęcia produktów
  • Ilość produktu
  • Suma częściowa koszyka
  • Przycisk kasy
  • Dialog itp.

Witryny handlu elektronicznego mogą również zdecydować się na sprzedaż krzyżową powiązanych produktów za każdym razem, gdy klient umieści produkt w koszyku. Na przykład, jeśli użytkownik włoży do koszyka określony szampon, witryna może za pomocą przyjaznego wyskakującego okienka zasugerować odżywkę tej samej marki, tego samego rozmiaru itp. To właśnie działa wózek AJAX. Dzięki temu użytkownik może dokonać wyboru, czy dodać nowy produkt do koszyka, czy go zignorować – cokolwiek wybierze, jest jego wyborem.

Tak więc, w połączeniu ze zwiększoną szybkością ładowania strony i bardziej zoptymalizowanym projektem interfejsu użytkownika (UX), witryna eCommerce może zatrzymać swoich klientów i być może uniknąć tego przerażającego wskaźnika porzucania koszyków.

Kluczowe cechy

W Magento 2 wózek AJAX ma różne funkcje. Te funkcje pomagają sprawić, by zakupy były jak najlepsze dla użytkowników. Jak zobaczysz na liście funkcji, zauważysz, że AJAX specjalizuje się w zapewnianiu użytkownikowi wygody poprzez projekt UX:

  • Funkcjonalne wyskakujące okienka

Wyskakujące okienka muszą działać w witrynie. W przeciwnym razie użytkownicy uznają to tylko za spam i NIE BĘDĄ kontynuować zakupów.

Zamiast tego AJAX pozwala, aby te wyskakujące okienka były wygodne dla kupującego. To, czy wyskakujące okienko jest przydatne na stronie głównej, czy na jakiejkolwiek innej stronie, zależy od decyzji kupującego. Ponadto osoby prowadzące witryny mogą osobno włączyć lub wyłączyć funkcję koszyka AJAX na stronie produktu i umieścić przycisk „Kontynuuj zakupy” na dowolnej stronie, którą uznają za odpowiednią.

  • Brak przeładowań stron

Żaden klient nie chce przeładowywać strony podczas dodawania kolejnego towaru do koszyka. Dzięki AJAX nie jest potrzebne ponowne ładowanie strony podczas procesu dodawania do koszyka. Po dodaniu produktu do koszyka kupujący mogą kontynuować zakupy.

  • Obsługuje opcje dostosowywania

Wszyscy użytkownicy są różni. Innymi słowy, to, czego doświadczy jeden użytkownik w witrynie eCommerce, będzie się różnić od tego, co odwiedzi następny użytkownik.

Po włączeniu AJAX użytkownicy mogą wybierać spośród dostosowywanych opcji w wyskakującym okienku bez konieczności odwiedzania strony produktu.

  • Obsługuje wszystkie typy produktów

AJAX obsługuje wszystkie typy produktów, w tym produkty proste, do pobrania, pakietowe, wirtualne, pogrupowane i konfigurowalne.

  • Wyskakujące okienka, które obsługują powiązane produkty i sprzedają je krzyżowo

Jak wspomniano wcześniej, rozszerzenie koszyka AJAX to doskonała okazja do sprzedaży krzyżowej powiązanych produktów klientom. Witryny mogą tworzyć „pakiety” na podstawie tego, czego ich klienci szukają w Internecie. Nawet jeśli klient zdecyduje się nie kupować tego dodatkowego przedmiotu, fakt utworzenia pakietu można uwzględnić, gdy spojrzysz na statystyki swojej witryny. Umożliwia to tworzenie kampanii marketingowych, które obejmują łączenie powiązanych produktów w ramach oferty specjalnej lub w wyniku dostosowywania doświadczeń zakupowych klienta.

  • Aktualizacja ilości

Ilość produktów zmienia się przez cały czas, czy to z powodu podaży, czy z powodu popytu konsumentów. Ponadto kupujący chcą mieć możliwość wyboru, za ile lub za ile kupić produkt.

Dzięki AJAX możliwość aktualizacji ilości produktów w wyskakującym okienku jest bezproblemowa.

  • Poprawianie wózków bez przeładowywania

Czasami klienci mogą zapomnieć o dodaniu czegoś do koszyka. Czasami zmieniali zdanie na temat tego, co kupują; więc chcą coś wyjąć z wózka.

Na szczęście AJAX jest w stanie umożliwić klientom zrewidowanie swoich koszyków po dodaniu produktów. W miarę poprawiania koszyka klienci mogą zobaczyć w wyskakującym okienku podsumowane informacje dotyczące przeglądanych produktów, w tym liczbę produktów, sumy częściowe itp. Stamtąd mogą kontynuować zakupy lub przejść do strony kasy .

Ta funkcja jest szczególnie idealna, gdy łączysz lub grupujesz produkty. To świetny sposób na tworzenie promocji i ofert specjalnych w serwisie.

  • Przyjazny dla urządzeń mobilnych

Obecnie na świecie jest 5,32 miliarda użytkowników telefonów komórkowych (67% światowej populacji). Dlatego konieczne jest, aby witryny eCommerce były przystosowane do zmieniających się technologii, które są dostarczane z urządzeniami mobilnymi. Oznacza to, że ludzie będą częściej korzystać ze smartfonów, tabletów i innych urządzeń mobilnych.

Na szczęście AJAX jest przyjazny dla urządzeń mobilnych, co oznacza, że ​​wyskakujące okienka można oglądać nie tylko na komputerach stacjonarnych i laptopach, ale także na urządzeniach mobilnych.

  • Elastyczna konfiguracja

I wreszcie, dzięki rozszerzeniu AJAX Cart konfiguracja jest łatwa do wykonania. Od wielu opcji dostosowywania w panelu administracyjnym po dostosowywanie takich elementów, jak przyciski wyskakujące, kolor tekstu, tytuły itp., konfiguracja w AJAX dla Magento 2 jest elastyczna.

W przypadku ogólnej konfiguracji Magento 2, poniżej znajduje się lista instrukcji dotyczących tworzenia nowej marki:

  • Najpierw przejdź do „Katalogu”.
  • Przejdź do „Sklep według marki”, gdzie znajdziesz zakładki „Zarządzaj markami”. Wszystkie marki znajdziesz w „Zarządzaj opcjami”.
  • Następnie kliknij „Dodaj” (znajdujący się na dole listy), aby utworzyć nową markę.
  • Kliknij „Zapisz konfigurację”, aby zapisać markę.
  • W menu „Ustawienia” przejdź do „Informacje o marce”.
  • W sekcji „Informacje o marce”:
  • Wpisz „Tytuł strony” swojej marki
  • Utwórz „Klucz URL” strony marki ORAZ
  • Prześlij obraz swojej marki
  • Wyświetl markę na suwaku „Wyróżniona marka”.
  • Uzupełnij metaopis (widoczny w wynikach wyszukiwania) oraz zwykły opis swojej marki.
  • Pokaż markę jako blok CMS w dowolnym miejscu lub pozostaw tę sekcję pustą (jeśli nie chcesz pokazywać).
  • Wybierz powiązane marki.
  • Dodaj wiele markowych produktów.
  • Dodano wybrane produkty markowe za pomocą opcji „Akcja > Dodaj produkty > Prześlij”.
  • Usuń wybrane produkty marki za pomocą „Akcja > Usuń produkty > Prześlij”.
  • Wypełnij informacje Meta (do celów SEO): Tytuł Meta, Słowa kluczowe Meta i Opis Meta
  • Na koniec kliknij „Zapisz markę”.

Wniosek

Więc masz to!

Magento 2 to obiecujący następca oryginalnego Magento, dzięki AJAX. Koszyk AJAX wprowadza bardziej zoptymalizowane doświadczenie zakupów dla użytkowników online.

Tak więc, tworząc własny sklep Magento 2, konieczne jest, aby Twoi kupujący korzystali z rozszerzenia koszyka AJAZ. Nie tylko sprawi to, że Twoja witryna będzie wygodniejsza dla konsumentów, ale z kolei Twoi konsumenci docenią wygodę. W końcu doprowadzi to do konwersji sprzedaży i większej liczby klientów powracających do witryny.

Biografia autora:

Madeline Miller jest pisarką w Thesis Writing Service i UKWritings. Jest także współautorem różnych publikacji internetowych. Jako autorka treści pisze o Magento 2, kodowaniu i innych trendach technologicznych.