如何使用Shopify App Bridge构建销售点应用程序

Shopify商家依赖Shopify POS可以在店内、快闪店和旅途中销售。

随着越来越多的商家转向全渠道商业模式，目前在线商店使用应用程序的企业将开始寻找能够满足其线下需求的应用程序。欧宝体育官网入口首页OB欧宝娱乐APP

为了帮助您将应用程序的功能扩展到销售点(POS)——或者围绕销售点应用启动一项全新的业务——这篇文章为Shopify POS上的商家寻找什么类型的应用以及如何将你的应用扩展到POS提供了指导Shopify App Bridge。

店内销售和全渠道销售需要什么样的应用程序?

物理空间为商业体验增加了一层全新的复杂性。由于实体货架需要储存库存，销售人员需要管理，客户需要更高的零售体验，帮助补充和增加这些复杂性的应用程序肯定会受到零售商的欢迎。

以下是需要考虑的七个具体类别。

1.库存和订单管理

对于拥有多个商店和/或仓库的商家，他们需要知道他们有什么库存，以及库存的位置。这不仅对于保持货架上的库存很重要，而且对于能够将客户引导到他们想要的商品有库存的不同位置，或者将该商品订购到他们喜欢的位置也很重要。而且，随着网上提货(BOPIS)越来越受欢迎，商家需要一种简单的方法来准备和管理店内提货。

2.员工管理

打孔卡的时代一去不复返了。如今的商家需要一种简单的方法来跟踪员工的上下班时间。管理员工还需要安排员工日程、培训员工、记录佣金等等。

3.追加销售和交叉销售

在收银台被追加销售过吗?如果购物者在冲动购买通道中没有买到东西，为他们兑现的销售代表也可以提出建议，以帮助增加购物车的大小。任何提醒收银员推荐产品的应用程序都可以方便地帮助销售人员销售更多产品。

4.寻找客户并与客户建立关系

对于大多数零售商店来说，建立一个忠诚的顾客基础是至关重要的。这就是为什么零售商需要付出额外的努力来创造一种享受和吸引人的购物体验。为了做到这一点，店内销售人员正在实践客户服务:使用工具授权销售人员为每一位进门的顾客创造个性化的体验。

5.忠诚与晋升

有什么比买一双闪亮的新鞋更甜蜜的呢?新鞋,和下次购买优惠10美元!

与将商店访客转变为忠实客户的重要性相一致的是，忠诚计划和特别促销活动给了买家进入商店的另一个理由。

6.报告和分析

哪些商店客流量最大?什么颜色在什么地区卖得最好?你一天中什么时候最需要员工?

通过报告和分析应用程序，商家可以更好地跟踪商店数据并做出更明智的决策。

7.会计与税务

更多的零售地点意味着你的用户账户中有更多的行项目。随着需要跟踪的东西越来越多——包括会贬值的实物资产——拥有能够捕捉这些有价值信息的会计和税务应用程序是必须的。

你可能还喜欢:如何在Shopify应用商店获得更多应用下载量。

集成到POS与Shopify App桥

如果上述任何类别听起来像是你的应用满足或可以扩展到满足的需求，那么你的应用就有很大的机会获得零售用户。

好消息是，集成到Shopify POS非常简单，只需要一个工具:Shopify App Bridge。

使用Shopify App Bridge，应用程序开发人员可以构建直接嵌入POS销售体验的有用工具。在这篇文章中，我们深入研究这个过程，帮助你开始为POS构建应用程序。OB欧宝娱乐APP

1.确定POS体验的哪一部分对你的应用有意义

商家将销售点应用程序用于销售体验的不同部分:从商店音乐等始终在线的功能，到与购物车和结帐相关的功能。总的来说，有四个不同的地方可以访问应用程序。下面，我们分别来看看。

管理中的应用选项卡

对于结账时不需要的应用程序，比如员工打卡或销售人员培训材料的应用程序，应用程序的最佳位置是在管理菜单中。

添加到购物车集成

当需要购买时，使用添加到购物车集成的应用程序可以添加快捷方式来帮助加快和简化结账。例如，如果你发现有些商品似乎总是一起购买，比如人字拖、太阳镜和沙滩毛巾，你可以创建一个捆绑应用程序，一键将所有商品添加到购物车中。

另一个用例可能是添加不属于用户实际库存的慈善项目，例如捐赠金额。

此外，如果商家提供与产品相关的服务，这些细节可以被记录下来，并作为购物车中的一个项目输入。这可以包括组装、安排安装或雕刻或字母组合的细节等服务。

通过收集和编译这些信息到交易中，您可以帮助商家通过在一个地方收集购买细节来保持组织，同时允许他们接受信用卡支付。

编辑购物车集成

一旦所有商品都被添加到购物车中，你就可以在这里集成应用程序，这些应用程序可以帮助你在计算欠款和接受付款之前提供额外的附加组件。

对于记录客户数据或提供折扣的应用程序来说，这个整合点是理想的，它允许实体商家提供忠诚度计划、特殊折扣和批发定价。

完成订单整合

您可以将已完成的订单集成用于在交易结束时运行的应用程序。两个常见的用例是购买后调查和自定义收据打印应用程序。如果在交易结束时需要任何其他特殊的触摸，比如物品护理说明，这是结账流程中理想的地方。

你可能还喜欢:使用Shopify App Bridge构建更快，更功能的应用程序。

2.初始化Shopify App Bridge

在JWT流之后，您的应用程序应该初始化Shopify App Bridge。你可以通过以下两种方式之一来实现:使用npm或yarn与捆绑器一起使用webpack，或者直接包含一个cdn托管的库副本。

使用构建系统:

NPM install—save @shopify/app-bridge

或

Yarn添加@shopify/app-bridge

使用cdn托管别名:

< script src = " https://unpkg.com/@shopify app-bridge " > < /脚本>
< >脚本
var AppBridge =window['app-bridge'];
Var actions =window['app-bridge'].actions;
> < /脚本

设置好代码后，使用应用程序的API密钥和shopOrigin (https://CURRENT_LOGGED_IN_SHOP.myshopify.com)，所以它与刚刚通过JWT的商店相连。

使用模块化JavaScript:

从“@shopify/app-bridge”导入createApp;
const app = createApp({
apiKey:“来自Shopify合作伙伴仪表盘的API密钥”，
shopOrigin: shopOrigin,
}）;

使用ES5和cdn托管版本:

var AppBridge =window['app-bridge'];
var createApp = AppBridge.default;
var app = createApp({
apiKey:“来自Shopify合作伙伴仪表盘的API密钥”，
shopOrigin: shopOrigin,
}）;

3.程序应用功能

现在您已经能够连接到用户的POS设备，接下来需要编写希望应用程序提供的功能。

获取数据和管理行项目

要获取购物车中商品的信息，可以使用下面的代码:

var unsubscriber = cart.subscribe(Cart.Action)UPDATE, function (payload: Cart.Payload) {
console.log('[Client] fetchCart'， payload);
退订器();
}）;
cart.dispatch (Cart.Action.FETCH);

这样做的目的是将购物车的信息(如添加的产品、客户信息和总购买金额)传递回你的应用程序。一旦你获取了这些信息，你就可以管理行项目来执行你想要的应用程序功能。

向购物车中添加其他物品(如捆绑包)

相反，如果您想向购物车中添加一个快速销售项目，则代码将几乎相同。唯一的区别是你的有效载荷是:

var lineItemPayload = {
价格:“20”,
数量:1,
题目:“Bab Low - Blue Jay // White Soles”，
}；

添加购物车属性

您可以使用购物车属性将任意数据附加到购物车。订单完成后，商家可以从Shopify管理、API和from中获得购物车属性液体，我们的主题模板语言。

还可以将属性附加到行项。这对于需要定制触摸的购买非常有用，例如雕刻和字母组合。你可以创建一个应用程序，收集和保存要在购买的物品上雕刻的信息。此信息可以在履行流程中使用。

设定的折扣

您可以根据客户或POS位置为购物车分配折扣。折扣可以基于百分比或固定金额。可以使用下面的代码进行平折扣。

在某些情况下，实体店可能有许多员工使用POS系统。这个功能可以帮助您检索当前登录的用户。您还可以让用户标识自己，并为不同的用户公开不同的特性。

app.getState('pos.location').then((location) => {
}）;

商家可能有多个营业地点。此功能可用于确定POS系统用于特定销售的位置。这也可以用于添加特定于位置的功能，例如特定于位置的销售。

吐司通知

它们可以用来显示一个弹出窗口，让商家知道应用程序的功能是否正常，或者是否失败。

你可能还喜欢:如何改进应用设计并获得更多用户。

准备好开始构建POOB欧宝娱乐APPS应用程序了吗?

POS和全渠道销售正在增长，令人兴奋的空间。买家想要无缝和迷人的零售体验，而商家也在努力满足这一需求，应用程序直接从POS终端促进这些体验的机会是巨大的。

另一个好处是，这仍然是一个相当绿色的空间Shopify应用商店。无论你是想发展你的应用业务还是想推出一个新业务，应用程序的POS类别都是必须考虑的。

如果您有兴趣了解更多关于构建面对面销售应用程序的信息，请查看我们的Shopify App Bridge上的文档。

已经有了一个销售点应用的想法?请在下面的评论中告诉我们。