在 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、编码和其他技术趋势的文章。