连接 LINE 讯息功能整合

4. EC + SC (简中).png

*整合前请注意:若您是要设定「LINE 帐号可注册/登入商店会员」功能,请直接点此 FAQ连结

SHOPLINE 提供整合 LINE 服务,透过串联 LINE API,让店家能汇集线上、线下的消费行为,有效扩展订单来源以及行动行销市场,将更多有使用LINE的消费者带入成为商店会员。

当店家连结 LINE 帐号之后,能使用以下功能:

*注意:以上功能发送的讯息都将以付费讯息发送,会占用 LINE 每月免费讯息的额度。

___LINE_______.png

 

【设定流程 共十四步骤】

步骤一:确认商店计划方案,开始使用 

进入商店后台右上角「你好,OOO」>「我的订阅纪录」查看商店的计划方案和模组。

  1. 如果您看到的画面如下图,页面内容中有「开店方案」及「功能模组」请先确认您的商店是否有「网路开店/社群购物」方案。有的话可以前往步骤二进行设定。
    _______.png

  2. 如果您看到的画面如下图,页面内容中的「计划」为基本计划、高阶计划、豪华计划、O2O、企业旗舰计划。请您先确认您的商店是否为「O2O/企业旗舰」计划。
    ______2.png
    如果是的话请进入左侧目录选单中的「扩充功能」>「扩充功能商店」来安装功能。

    mceclip1.png

步骤二

前往「LINE Official Account Manager」创建 LINE 官方帐号,或以有「管理员权限」的 LINE 个人帐号 / 商用帐号 登入。如为 LINE@ 帐号,请先透过 LINE Official Account Manager 后台进行升级 LINE 流程,才能串接服务并保留原先的追踪者。

*注意:帐号由 LINE@ 转换为 LINE 官方帐号后无法复原,用户将无法操作 LINE@ 服务电脑版及应用程式版,需至新版的 LINE Official Account Manager 电脑版及应用程式版使用。


步骤三

登入 LINE Official Account Manager 后,先点按页面右侧的「设定」,再点选左侧选单的「Messaging API > 启用 Messaging API」。

DkgUvVAgppzm2DtD-gAthsUa5AXl28HmrzYAqobxS3wexnwLHZmN1b5u8RdtmdQ-uJtCQCNi2FsSqQEDp3y0bjpbKbGRKtEf5twnYwa1lUeteUSHs9YFB8QRYtpmrljLMmu7RpNv.png

1.png

 

选择「建立服务提供者」并输入「您的公司名称」选取后点按下方「同意」并「确定」启用 Messaging API。

provider.png

 

步骤四

启用 Messaging API 后可由页面点击下方「LINE Developers」连结前往 LINE Developers 页面右上方帐号图示 > 点选「Provider List」选取刚刚建立的 Provider,就会看到已经建立好的「Messaging API」。

___2020-09-17___12_28_21.png

mceclip0.png

 

步骤五

点按进入 Messaging API 页面,在 Basic Settings 分页中找到 Channel ID 及 Channel secret ,确认与 LINE Official Account Manager 中的值相同(如下图),并显示在 LINE Official Account Manager 设定之 APP Icon、名称、叙述、商店类别及电邮。

mceclip1.png

mceclip2.png

mceclip14.png


步骤六

接下来到 SHOPLINE 商店后台「第三方服务整合」下方的「LINE」进入设定页面,并点击「连接 LINE 服务」右方的「连接」

___LINE_______-1.png

 

步骤七

进入连结设定页面后,请按照以下步骤进行。

  1. 请复制「Webhook URL」。
    ___LINE_______-2.png

  2. 回到 LINE Developers 后台的「Messaging API channel > Messaging API」分页,下滑找到「Webhook URL」贴上,记得在最前方补上「https://」,并点选「Update」。
    7.png
    8.png

  3. 更新 Webhook URL 后,请启用「Use webhook」开关。webhook.png
  4. 请等待「Verify」按钮出现,点击后务必确认看到 Success 字样出现。

    __LINE-19.png
    __LINE-20.png

  5. 接下来到「LINE Official Account Manager」填入一样的 Webhook URL,记得在最前方补上「https://」并按下「储存」,右上角出现「已储存」就完成 Webhook URL 设定啰!
    9.png

 

步骤八

接着回到 LINE Developers 后台的 Messaging API channel 将设定值填入商店后台。

  1. 在「Messaging API channel > Basic Settings」分页找到「Channel ID」及「Channel secret」。
    5.png
    __LINE-9.png

  2. 分别复制贴上至 SHOPLINE 后台对应栏位。
    ___LINE_______-3.png

  3. 在「Messaging API channel > Messaging API」分页找到「Channel access token(long-lived)」,点击「Issue」按钮,将会出现 Channel Access Token 资料。
    2.png
    3.png

  4. 复制贴上 Token 资料至 SHOPLINE 后台「Channel Access Token」栏位。
    ___LINE_______-4.png

 

设定完「Messaging API channel」的资讯后,接着要设定「LINE Login channel」资讯。

 

步骤九

建立 LINE Login Channel 让顾客加入会员时可以订阅您的 LINE@。

__LINE.png

*注意
- 若已设定过SHOPLINE后台「开启 LINE 注册及登入」功能,可跳过此步骤直接前往步骤十一。

- 若尚未设定过「LINE 注册及登入」,可至 LINE developer 在 Messaging API channel 的同一个 provider 底下建立 LINE login channel ,请参考此篇「LINE 帐号快速注册/登入商店会员|顾客登入设定」进行设定,完成后才能继续步骤十。

 

步骤十

在「LINE Login channel > Basic settings」分页复制「Channel ID」及「Channel secret」,并于 SHOPLINE 后台相对应的栏位贴上,务必留意贴上于后台的设定值正确。

13.png

___LINE_______-5.png

15.png
___LINE_______-6.png

 

步骤十一

再来是取得 Callback URL。请先复制 SHOPLINE 后台的 Callback URL,回到「LINE Login Channel > LINE Login」分页并开启 Web app 按钮,点选 Callback URL 下方的「Edit」按钮,再将 URL 贴至于此,最后点选「Update」。

___LINE_______-7.png
17.png

*注意:若未完成此步骤,顾客在前台使用 LINE 帐号注册/登入时会看到「400」的错误提示

 

步骤十二

接着要取得您的 LINE@ ID。进入「LINE Login Channel > Basic settings」分页,下滑找到 Linked OA 点击「Edit」按钮,选择您的 Message API channel 后点击「Update」按钮。
17.png
18.png

 

完成后,会显示您的 LINE@ ID(@ 后方的文字,不含 / 以后的字),以上方 ID 举例:633nofwg,请您将您的原始 ID (非专属 ID)回填至 SHOPLINE 后台对应栏位。

mceclip4.png

 

步骤十三

加油~来到最后一哩路了!在 LINE Login Channel 页面中可以看到「Developing」的状态,请点击后选「Publish」,接着状态会更新为「Published」。

20.png

21.png

22.png

步骤十四

回到SHOPLINE后台并点击右下角「连接」,右上角将出现「成功连接LINE」!恭喜您完成设定!

___LINE_______-8.png___LINE_______-9.png 

 

常见问题

点击「连接」后如果有出现「连接 LINE Login API 发生问题」的提示讯息,请确认在后台的 Channel Secret(LINE login)填入的数值,若出现「*」字号,请回到 步骤十 依说明将相关数值正确填入。

image3.png

 

 

 

 

 

还有其它问题?提交请求

评论