Divi WordPress Theme

如果您经营的是WooCommerce商店,则您可能对移动购物的统计信息很熟悉。 如果不是这样,那么现在是进行研究的好时机,因为2018年超过50%的电子商务销售额都发生在移动设备上。

Metorik Woocommerce报告

这意味着您的WooCommerce商店的移动版本需要与桌面版本一样易用且易于转换。

PWACommerce是一个免费增值插件,可帮助您提高商店的移动用户购买能力,具体方法如下: 将WooCommerce转变为渐进式Web应用程序 用ReactJS构建。

虽然PWACommerce插件本身仍是一个相当新的事物,但它与我们之前查看过的流行的WordPress Mobile Pack插件来自相同的开发人员。 因此,这些人知道将WordPress变成渐进式Web应用程序的一两件事。

在我的PWACommerce审查中,我将首先分享渐进式Web应用程序相对于平均响应式设计的好处。 然后,我将亲身实践实际的PWACommerce插件,并向您展示其工作方式。

PWACommerce评论:为什么使用渐进式Web应用程序?

与您可以从手机上的应用程序商店下载的本机应用程序不同,渐进式网络应用程序可以通过网络提供类似应用程序的体验。 无需访问者下载任何内容,您仍然可以包括:

  • 类似应用的体验 –平滑过渡,快速加载时间等内容。
  • 离线模式功能 –对于缓慢的Internet连接(例如3G)也非常有用。
  • 网络推送通知 –您仍然可以使用推送通知与购物者建立联系。
  • 添加到主屏幕 –购物者仍然可以将您的应用添加到主屏幕上,以便于访问。

所有这些实际上对电子商务商店都重要吗? 好吧,阿里巴巴能够提高他们的移动转化率 减少了76% 在实施他们的渐进式Web应用程序之后。 他们还发现“添加到主屏幕”的用户数量有所增加,互动率提高了4倍。

所以……我认为至少值得尝试一下。

PWACommerce如何工作?

PWACommerce是一个免费增值插件,您可以在WooCommerce商店中安装该插件,以将商店的移动版本转变为渐进式Web应用程序。

免费版本为您提供了良好的基本功能。 如果使用专业版,则可以添加:

  • 离线模式
  • 推送通知
  • 添加到主屏幕

以及其他一些功能,例如产品搜索(尽管开发人员可能会很快将其包含在免费版本中)。

免费试用PWACommerce版本

我将从安装可在WordPress.org上获得的免费版本的插件开始。 然后,在下一节中,我将介绍Pro版本的功能。

配置PWACommerce非常简单。 您只需要做几件事。

首先,您应该输入您的Google Analytics(分析)ID,以便可以查看商店中发生的情况。 然后,您还需要输入 WooCommerce按键

pwacommerce审查设置过程

要获取WooCommerce密钥,请转到 WooCommerce→设置→高级→REST API→添加密钥

woocommerce api键

该文档尚不清楚插件需要什么权限,但是我假设 读/写 如果您决定使用PWACommerce,则可能需要验证一下):

查找API密钥

然后,一旦生成了API密钥,您只需要将它们插入插件的界面即可:

api键

然后,您的渐进式Web应用程序商店应该可以正常工作了。 您可能要做的唯一另一件事是添加一个自定义主屏幕图标:

配置主页图标

总而言之,这是一个非常轻松的设置过程。 我认为整个过程花了我大约一分钟的时间。

免费的默认主题是什么样的

以下是在免费版本中使用默认主题时我的演示商店的外观的一些照片。

主页显示了最新产品的列表,以及它们的价格:

pwacommerce示例

用户可以展开侧边栏以访问类别或他们的购物车(他们也可以从右上角访问购物车)。 您还可以在此侧边栏中显示自己的自定义页面,如果要包含常见问题解答或联系页面,这将很有帮助:

侧边栏

各个产品的外观都非常简洁:

产品页面

不过,不仅是外观, 经验。 我不确定如何用屏幕截图演示这一点,但确实确实具有非常“类似于应用程序”的感觉。 没有任何硬页面重新加载,并且动作之间的动画/过渡(例如向购物车中添加项目)感觉非常像本机应用程序。

话虽这么说,但有些事情并不理想……

首先,免费版本缺少任何产品搜索功能。 专业版提供此功能 (您会在一个 第二 开发人员已经写过关于以免费版本提供它的文章。 但, 现在,没有产品搜索 在免费插件中

其次,目前结帐流程尚未完成。 Ť他不是PWACommerce的错 –但仍需注意。

看到了,虽然购物车页面效果很好…

购物车页面

…PWACommerce实际上无法处理完整的结帐流程,因为WooCommerce REST API当前缺少结帐流程的终结点。 因此,PWACommerce的操作将遵循您在WooCommerce中设置的结帐页面(设置–>高级–>页面设置)。

这意味着用户将从类似应用程序的PWACommerce界面转到主题的正常响应设计进行结帐。 同样,这不是开发人员的疏忽,而是WooCommerce API的局限性。

使用PWACommerce的专业版

好的,因此免费版本可为您设置上面看到的默认主题。 但是Pro呢

主要设置过程几乎相同。 仅现在,您可以选择启用服务工作者以脱机模式并添加到主屏幕。 正如文本所解释的,这需要手动将文件移动到站点的根目录:

启用服务人员

移动文件后,确实可以脱机浏览。 我通过打开手机的飞行模式来确认这一点。 即使没有数据或wifi,我仍然能够浏览测试站点的商店。

另一个新增加的选项是 通过与免费的OneSignal插件集成来启用Web推送通知。

新的前端产品搜索功能

Pro版本不仅具有合并脱机模式,添加到主屏幕和推送通知的功能,还可以将产品搜索添加到您的渐进式Web应用程序中:

产品搜寻

同样,此功能很可能很快会成为免费版本

下一步是什么?

现在,您只能获得在屏幕截图中看到的那个默认主题。 最终,PWACommerce计划出售可用于创建更具自定义外观的商店的不同主题。

此外,他们还计划为您提供自定义选项 个别主题 以获得更多控制权。

但是同样,这些额外的主题和自定义选项不在这里 还挺

这种方法有什么缺点吗?

潜在地。 也就是说,如果您在移动商店的重要部分使用任何第三方WooCommerce插件,那么如果您使用的是渐进式Web应用程序,则很可能会失去对这些插件的访问权限。

这并不是对PWACommerce的真正打击,因为期望它们支持每个插件都是不现实的–使用渐进式Web应用程序而不是主题的常规响应式设计只是一种代价。

话虽如此,PWACommerce确实表示如果需要特定的集成,您可以与他们联系。

关于PWACommerce的最终想法

除了上面我强调的特定问题之外,有关我的测试商店的PWACommerce Web应用程序功能的其他所有内容都非常不错。

加载时间很短,动画/过渡看起来很棒。 我也喜欢离线模式。

总的来说,这种体验确实是“类似于应用程序的”,特别是与普通的响应式WooCommerce设计相比。

话虽这么说,但是样式选项和可用主题还是需要跳跃的,因为大多数人都不会想要一个全紫色的商店。 考虑到WordPress Mobile Pack中可用的选项范围,我相信PWACommerce将在设计选项方面有所改善。

如果您有兴趣,请在演示站点上试用免费版本。 如果您喜欢该功能,则可以进行专业试用 149美元,最多可在3个网站上使用

获取PWACommerce
4.7

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=