如今,有了像 WordPress 这样的平台,几乎任何人都可以建立网站和在线商店。然而,为电子商务创建移动或 Web 应用程序仍然相对令人生畏。这就是 WooCommerce 应用程序构建器的用武之地。

应用程序构建器允许您转到在线商店并为移动设备“重新打包”它。然后,您可以覆盖更广泛的受众并利用推送通知等功能来帮助推动销售。

在本文中,我们将向您介绍 WooCommerce 应用程序构建器的概念。然后,我们将向您展示如何使用 AppMySite 为您的商店创建应用程序。

让我们深入了解。

想为您的#WooCommerce 商店创建移动应用程序吗? ?这里是如何使用#app builder

点击 Tweet

WooCommerce App Builder 简介

在过去的几年里,我们与互联网进行了互动方法发生了巨大变化。如今,网络上超过 50% 的流量来自移动设备。

除此之外,25% 的电子商务交易发生在移动设备上。一些研究人员认为,到 2020 年底,此类购买将占整个美国市场的 45%。

如果您的在线商店适合移动设备,您应该不会害怕这种趋势。但是,该应用程序提供了许多网站无法提供的功能,包括推送通知、触摸 ID 购买等。

重要的是要注意,其中一些功能仅在符合“本机应用程序”资格的平台上可用。它们与其他已知的渐进式 Web 应用程序 (PWA) 略有不同。

简而言之,PWA 是像网站一样工作的应用程序。它们无需下载即可加载到浏览器中。尽管它们往往更便宜且构建速度更快,但它们不像本地应用程序那样适合电子商务等复杂功能。

总体而言,原生应用提供了比 PWA 和传统移动网站更好的用户体验 (UX)。问题是,从头开始开发一个可能要花费数千美元并需要几个月的时间。

如果您不能自己完成这项工作或无力聘请移动开发人员,您唯一的选择就是“App Maker”。此类平台可以获取您的网站并将其内容重新打包为功能齐全的本机应用程序。

WooCommerce 应用程序构建器是一个相对较新的概念,因为电子商务平台往往非常复杂,因此难以适应。然而,由于移动您的在线商店是可以实现的,那么这可能是一个值得考虑的机会。

如何使用 WooCommerce App Builder 建立商店(4 个步骤)

到了解有关使用 WooCommerce App Builder 的详细信息可能会有所帮助。下面,我们使用 Neve Shop 主题将一个功能齐全的 WooCommerce 网站转换为一个带有 AppMySite 的网站:

AppMySite 让您可以免费为 WordPress 和 WooCommerce 网站生成测试应用程序。但是,要访问所有应用程序文件,您需要付费订阅。

Android 应用程序的订阅计划起价为每月 9 美元,Android 和 iOS 的订阅计划起价为每月 19 美元,外加一些附加功能。

这里是如何使用它...

第 1 步:创建一个新的应用程序项目

请记住,AppMySite 仅适用于启用 HTTPS 的网站,这非常适合电子商务应用程序有意义。 SSL 证书是安全支付所必需的,所以如果您还没有,请立即设置一个。

创建一个免费的 AppMySite 帐户只需几分钟。完成后,您会看到一个显示“构建应用程序”的按钮。继续点击它:

AppMySite 然后会要求您提供网站的 URL、网站类型和新项目的名称:

填写表格后,AppMySite 将设置您的项目,然后您可以继续查看您的应用程序的外观。

第 2 步:自定义应用程序的样式

AppMySite 将指导您逐步完成创建过程。它要求您做的第一件事是选择或上传一个图标并设置其背景颜色和文本。这是用户在主屏幕上识别您的应用程序的方式,因此请仔细考虑以下事项:

接下来,您需要自定义商店的启动画面。与图标一样,您可以上传图片或在文本叠加上使用纯色:

然后您可以使用一组类似的选项来设计应用程序的登录和注册屏幕。请注意,AppMySite 还启用来宾用户:

接下来,您将开始使用应用的顶部标题和按钮选项,并为其设计仪表板。 AppMySite 可让您重新排列(但不能自定义)一些关键元素,包括您的商店徽标、特色产品、购物车按钮等:

您可能会注意到 AppMySite 不允许您自定义自己的产品页面。相反,它会从您的站点中提取信息并应用默认样式。这意味着您的主题不会亮起,但对于低成本的电子商务应用程序来说,这可能是一件大事。

一旦您自定义了您的应用程序,就可以将它连接到您现有的 WooCommerce 商店。

第 3 步:将您的应用程序与 WooCommerce 商店同步

要将 WooCommerce 商店与 AppMySite 连接,您需要为您的网站生成一个 API 密钥:

转到您的 WordPress 控制面板。在那里,导航到 WooCommerce > 设置 > 高级并选择屏幕顶部的 REST API 选项。点击创建 API 密钥按钮:

WooCommerce 会要求您提供您需要密钥的项目的描述以及它应该提供的权限。将其设置为具有读写权限的管理员账号:

填写该信息后,WooCommerce 将生成消费者和消费者密钥。将它们复制到 AppMySite 并点击“提交”按钮。

AppMySite 然后会要求您在您的 WordPress 网站上安装其官方插件,该插件将用于同步您的产品。

AppMySite – 将 WordPress 和 WooCommerce 转换为 Android 和 iOS 移动应用程序

作者:AppMySite

当前版本:2.2.0

最后更新:2020 年 2 月 26 日

appmysite .zip

94% 评分 100+ 安装 WP 4.9+ 要求

激活插件后,单击 AppMySite 中的“验证”按钮:

如果您复制了API密钥并正确安装了插件,AppMySite您的产品将被同步。

第 4 步:预览和发布您的 WooCommerce 应用

AppMySite 现在允许您修改应用的预览。请记住,要发布它,您需要切换到高级帐户:

在预览中,您将能够检查并确保所有基本功能都存在。 AppMySite 的主要缺点是您无法导入商店的样式,并且您的自定义选项有限。但是,这是交钥匙解决方案的预期结果。

也就是说,即使您没有任何开发经验或预算不多,AppMySite 也可以帮助您创建功能强大的 WooCommerce 应用程序。这样的选择在未来只会有所改善,所以现在是推出移动购物平台的好时机。

结论

感谢 WooCommerce,您已经有了一个在线商店。下一个合乎逻辑的步骤是发布相应的移动应用程序,以便您可以为客户提供更好的移动购物体验。如果您还没有准备好在定制开发上花费数千美元,那么最好的选择是 WooCommerce App Builder。

如果您想尝试使用 AppMySite 构建您自己的 WooCommerce 应用程序,流程如下:

  1. 创建一个新的应用程序项目。
  2. 自定义您的应用样式。
  3. 将您的应用程序与 WooCommerce 商店同步。
  4. 预览并发布您的应用。

想为您的#WooCommerce 商店创建移动应用程序吗? ?这里是如何使用#app builder

Click to Tweet

有关如何改善您的商店购物体验的更多提示,请参阅我们的指南如何优化您的 WooCommerce 产品页面和写出更好的产品描述。

您对如何使用 WooCommerce App Builder 有任何疑问吗?在下面的评论部分让我们知道!