在 Magento 2 平台上引入 Magento 2 AJAX 購物車擴展

已發表: 2022-07-21

如今,網上購物已成為常態。 全球擁有超過 910 萬家在線零售商,難怪會有很多購物者。 無論是哪個行業,都有許多在線商店構成了電子商務的增長趨勢。

話雖如此,一些人——尤其是那些熟悉電子商務的人——可能以前聽說過 Magento。 事實上,Magento 在互聯網上發揮著重要作用,為 1.2% 的網絡提供動力。 我會相應地分享帖子。 但是你提到的價格對我來說是不可行的。 那我們可以談價格嗎?

但是這些天來,Magento 的繼任者 Magento 2 引起了很多關注。 這並不是說原來的 Magento 已經過時了。 據 CreativeMinds 稱,大約有 11,000 家 Magento 商店在 Magento 2 上運行。

現在,Magento 2 附帶了一個名為“AJAX Cart”的擴展。 此擴展程序的主要目的是為在線用戶提供更好的購物體驗。

例如,當客戶忘記將產品類型添加到購物車時,他們可以這樣做而無需重新加載頁面。 本質上,客戶可以直接從任何頁面將產品添加到購物車,例如:

  • 主頁
  • 類別頁面
  • 該網站的內容,以及
  • 網站上的任何其他頁面

同樣,購物者將不再需要訪問每個產品頁面來獲得他們需要的東西。 相反,AJAX 允許購物者相互捆綁、配置或分組產品。 一旦購物者點擊“添加到購物車”按鈕,添加產品的圖像就會“飛”到“迷你購物車”中。 之後,會出現一個新的 AJAX 彈出窗口,其中包含產品信息和選項。 購物者還可以在同一個彈出窗口上更新產品數量。

但是 AJAX有多重要? 在本概述中,我們將探索 AJAX,以及它對 Magento 2 的重要性。讓我們開始吧!

什麼是 AJAX?

首先,我們來談談 AJAX 的含義。 AJAX 是以下的首字母縮略詞:

  • 異步
  • JavaScript 和
  • XML

此外,AJAX 是一種涉及 XML、HTML、CSS 和 JavaScript 的新技術。 使用這些編程語言,AJAX 可以幫助您創建更好、更快、更具交互性的網站和應用程序。

但是,讓我們看一下 AJAX 中的“A”:異步。 換句話說,AJAX 的主要功能是更新網站或應用程序的內容,使得用戶的網絡瀏覽器不必在每次信息片段發生變化時都刷新整個網頁。

最重要的是,可以輕鬆配置 Magento 2 的 AJAX 購物車擴展。 您可以在 Mageplaza Extension 商店試用並找到它們。

它是如何工作的?

話雖如此,下面是 AJAX 在 Magento 2 中的工作方式。例如,對於電子商務網站,它們可以顯示或隱藏以下任何內容:

  • 產品圖片
  • 產品數量
  • 購物車小計
  • 結帳按鈕
  • 對話等

每當客戶將商品放入購物車時,電子商務網站也可以選擇交叉銷售相關產品。 例如,如果用戶將某種洗髮水放入購物車,該網站可以通過友好的彈出窗口推薦具有相同品牌、相同尺寸等的護髮素。 這就是正在開發的 AJAX 購物車。 這允許用戶選擇將新產品添加到購物車或忽略它——無論他們選擇什麼都是他們的選擇。

因此,當結合提高頁面加載速度和更優化的用戶體驗 (UX) 設計時,電子商務網站可以留住客戶,並可能避免可怕的購物車放棄率。

主要特徵

在 Magento 2 中,AJAX 購物車具有各種功能。 這些功能有助於為用戶提供最佳的購物體驗。 正如您將在功能列表中看到的,您會注意到 AJAX 專門通過其 UX 設計為用戶提供便利:

  • 功能彈窗

彈出窗口必須在網站上正常運行。 否則,用戶只會將其視為垃圾郵件而不會繼續購物。

相反,AJAX 允許這些彈出窗口方便購物者。 彈出窗口在主頁或任何其他頁面上是否有用由購物者自行決定。 此外,網站運營商可以在產品頁面單獨啟用或禁用 AJAX 購物車功能,並將“繼續購物”按鈕放置在他們認為合適的任何頁面上。

  • 沒有頁面重新加載

沒有客戶希望在將其他商品添加到購物車時必須重新加載頁面。 使用 AJAX,在添加到購物車過程中不需要重新加載頁面。 將產品添加到購物車後,購物者可以繼續購物。

  • 支持自定義選項

所有用戶都是不同的。 換句話說,一個用戶在電子商務網站上的體驗將與下一個訪問的用戶不同。

啟用 AJAX 後,用戶可以從彈出窗口中的可自定義選項中進行選擇,而無需訪問產品頁面。

  • 支持所有產品類型

AJAX 支持所有產品類型,包括簡單、可下載、捆綁、虛擬、分組和可配置產品。

  • 支持相關產品並交叉銷售的彈出窗口

如前所述,AJAX 購物車擴展是向客戶交叉銷售相關產品的絕佳機會。 網站可以根據客戶在線查找的內容創建“捆綁包”。 即使客戶決定不購買額外的商品,當您查看網站的分析時,也可以考慮創建捆綁包這一事實。 這使您可以創建營銷活動,其中涉及捆綁相關產品作為特殊產品的一部分,或者作為定制客戶購物體驗的結果。

  • 數量更新

產品數量一直在變化,無論是由於供應,還是由於消費者需求。 此外,購物者希望能夠選擇購買多少或多少少的產品。

因此,使用 AJAX,在彈出窗口更新產品數量的能力是無縫的。

  • 在不重新加載的情況下修改購物車

有時,客戶可能會忘記在他們的購物車中添加一些東西。 或者,有時,他們會改變對所購買商品的看法; 所以,他們想從購物車中取出一些東西。

幸運的是,AJAX 能夠讓客戶在添加產品後修改他們的購物車。 當客戶開始修改他們的購物車時,他們可以在彈出窗口中看到他們正在瀏覽的產品的匯總信息,包括項目數量、小計等。從那裡,他們可以繼續購物或前往結帳頁面.

當您將產品捆綁或組合在一起時,此功能特別理想。 這是在網站上創建促銷和特價商品的好方法。

  • 移動友好

如今,全球有 53.2 億移動用戶(佔全球人口的 67%)。 因此,電子商務網站必須適應移動設備帶來的不斷變化的技術。 這意味著人們將更多地使用智能手機、平板電腦和其他移動設備。

幸運的是,AJAX 對移動設備友好,這意味著不僅可以在台式機和筆記本電腦上看到彈出窗口,還可以在移動設備上看到。

  • 靈活配置

最後,使用 AJAX Cart 擴展,配置很容易。 從管理面板上的多個自定義選項到調整彈出按鈕、文本顏色、標題等內容,AJAX for Magento 2 的配置非常靈活。

對於一般 Magento 2 配置,以下是有關如何創建新品牌的說明列表:

  • 首先,轉到“目錄”。
  • 轉到“按品牌購物”,您將在其中看到“管理品牌”選項卡。 您可以在“管理選項”中找到所有品牌。
  • 接下來,單擊“添加”(位於列表底部)以創建新品牌。
  • 單擊“保存配置”以保存品牌。
  • 在“設置”菜單中,轉到“品牌信息”。
  • 在“品牌信息”下:
  • 輸入您品牌的“頁面標題”
  • 創建品牌頁面的“URL Key”,並且
  • 為您的品牌上傳圖片
  • 在“特色品牌”滑塊上顯示品牌。
  • 為您的品牌填寫元描述(顯示在搜索結果中)和常規描述。
  • 將品牌顯示為您想要的任何地方的 CMS 塊,或將該部分留空(如果您不想顯示)。
  • 選擇相關品牌。
  • 添加多個品牌產品。
  • 使用“操作 > 添加產品 > 提交”添加了選定的品牌產品。
  • 使用“操作 > 刪除產品 > 提交”刪除選定的品牌產品。
  • 填寫元信息(用於 SEO 目的):元標題、元關鍵字和元描述
  • 最後,點擊“保存品牌”。

結論

所以你有它!

Magento 2 是原始 Magento 的有希望的繼任者,這要歸功於 AJAX。 AJAX 購物車為在線用戶引入了更優化的購物體驗。

因此,在創建您自己的 Magento 2 商店時,您的購物者必須利用 AJAZ Cart 擴展。 這不僅會使您的網站對消費者更方便,您的消費者也會欣賞這種便利。 最終,這將導致銷售轉化,以及更多客戶返回網站。

作者簡介:

Madeline Miller 是 Thesis Writing Service 和 UKWritings 的作家。 她還是各種在線出版物的撰稿人。 作為一名內容作家,她撰寫有關 Magento 2、編碼和其他技術趨勢的文章。