PAGES CONTENT

Get Started 开始 Mulai Mulakan Bắt đầu

Migrate to SHOPLINE 迁移到SHOPLINE Pindah ke SHOPLINE Berpindah ke SHOPLINE Đồng bộ dữ liệu về SHOPLINE

Your SHOPLINE account SHOPLINE账户 Akun SHOPLINE Anda Akaun SHOPLINE anda Tài khoản SHOPLINE của bạn

Orders 订单 Pesanan Pesanan Đơn hàng

Products 商品 Produk Produk Sản phẩm

Customer 客户 Pelanggan Pelanggan Khách hàng

Marketing 营销 Marketing Marketing Marketing

Apps 相关应用 Aplikasi Apps Ứng dụng

One page shop 一页商店 One page shop One page shop Cửa hàng một trang

Setting 设置 Pengaturan Tetapan Cài đặt

Facebook 帐号快速注册/登录会员|客户设定

顾客除了可以使用 Email 电子邮件/手机号注册成为店铺会员外,我们也提供使用 Facebook 帐号登录的功能,让顾客可以一键注册/登录您的商店。

一键使用 Facebook 帐号登录为 Facebook 所开发的功能,是通过将 Facebook 的应用安装到您的商店中才能完成的功能。 我们会需要先建立好 Facebook 应用,再回到商店后台进行安装/设置,由于设置步骤较多,敬请耐心并依照步骤进行设置。若有画面与此说明不符或是有相关问题的状况,请截屏您的操作画面,提供给您的后台线上顾问或是专属顾问帮您确认。

1. 步骤一:进入Facebook for Developers (Meta for Developers)

2. 步骤二:建立 Facebook 应用

3. 步骤三:新增「Facebook 登入」应用

4. 步骤四:输入店铺网址

5. 步骤五:进入「基本」中设置

6. 步骤六:进入「Facebook 登录」-「设置」中设置

7. 步骤七:确认应用状态

8. 步骤八:准备好要输入在店铺后台的内容

9. 步骤九:回到 SHOPLINE 店铺后台设置

10. 步骤十:测试是否能正常使用 Facebook 帐号一键注册/登录功能

设定步骤

步骤一:进入 Facebook for Developers (Meta for Developers)

  • 请您点击此链接进入 Meta for Developers 并使用您 Facebook 个人帐号登录。

1.png

2.png

  • 登录后点击「我的应用」- 「创建应用」来开始创建 Facebook 应用。

3.png

4.png

  • 在「选择应用类型」处,请您选择「消费者」来创建您的 Facebook应用,点击「继续」来完成Facebook登录的后续设置。

5.png

步骤二:建立 Facebook 应用

  • 请注意:您填写的「应用名称」会出现在顾客登录流程中,顾客登录时可以看到。建议您填写「店铺/品牌名称」,并在「应用联系邮箱」处填写您或公司的联系邮箱。
  • 若您有「商务管理平台账户」,也可以在下面选择,此项非必填
  • 设置完成后,点击「创建应用」

6.png

  • 点击「创建应用」后会出现安全验证弹窗,您在完成验证后点击「提交」即可

7.png

步骤三:新增「Facebook 登入」应用

  • 接下来会进入为应用添加产品的页面,请找到「Facebook 登录」并点击「设置」

8.png

  • 进入「Facebook 登录」设置页面后,请选择「网络」

9.png

步骤四: 输入店铺网址

  • 请在「网站网址」中输入您的店铺首页网址,例如:https://www.test123.com 或是 https://test123.myshopline.com
  • 请注意:务必要填写 https:// 开头的安全性加密网址,填写完毕确认后,请点击右下角的「保存 (Save)」按钮,并等待应用存取网址

10.png

步骤五:进入「基本」中设置

  • 入口:请在左侧菜单栏,选择「设置」-「基本」
  • 您需要完成应用域名、隐私权政策网址、用户数据删除、应用图标、类别、服务条款网址、网站地址的设置。

11.png

12.png

  1. 应用域名(必填)

13.png

  • 这里总共需要输入2个网址(裸网域 包含子网域网址),您可以按照以下方法取得对应域名并分别填入输入框后,按下键盘的「Enter(Window) / Return(Mac)」键,当网址变成蓝底灰字时,代表您已经成功输入。
    • 如果您的店铺使用 自定义域名,例如:https://www.test123.com;请分别输入 2 个网址:www.test123.comtest123.com
    • 如果您的店铺使用 SHOPLINE域名,例如 https://test123.myshopline.com;请分别输入2个网址:test123.myshopline.commyshopline.com
    • 以上两个示意内的「红色粗体」为网址示意,设置时请更换为您的店铺网址。若您不确定店铺的网址,可以进入到在线商店首页,并复制网址
  1. 隐私权政策网址(必填)

14.png

  • 隐私权政策是网站「将如何对待网络使用者个人资料」的声明,如网站使用者同意或信赖隐私权政策声明,则即具有契约效力,且隐私政策应符合网络定型化契约之成立要件而定,商店中是否有揭露「隐私条款」为金流审核、Google 广告投放审核、Facebook 应用的审核项目之一。
  • 2020 年开始 Facebook 提升对 Facebook 帐户的保护,针对外部网站隐私政策的审核更加严格。建议您先回到店铺后台使用自定义页面设置商店的「隐私政策 Privacy Policy」页面,再取得页面链接填写至此处。撰写格式可参考:示范商店案例(仅供参考,请依实际规范及需求撰写)
  • 请在自定义页面的 页面标题/搜索引擎优化设置中的页面标题内包含「隐私政策 Privacy Policy」;以及在链接中包含「privacy-policy」让Facebook容易识别页面具有隐私权的相关内容。
    • 如果您的商店使用 自定义域名,隐私权页面的网址会类似于这个网址:https://www.test123.com/pages/privacy_policy
    • 如果你的商店使用 SHOPLINE域名,隐私权页面的网址会类似于这个网址:https://test123.myshopline.com/pages/privacy_policy
    • 以上两个示意内的「红色粗体」为网址示意,设置时请更换为您的店铺网址。若您不确定您的隐私权政策页面网址,可以预览您创建的自定义页面,并复制对应的网址
  1. 用户数据删除(必填)

15.png

  • 如果输入框空白,请填写店铺首页网址,例如:https://www.test123.com 或是 https://test123.myshopline.com等
  • 请注意:务必要填写 https:// 开头的安全性加密网址
  1. 类别(建议选择)

16.png

  • 请按照您的店铺售卖的商品或是服务类型,从选项中选择合适的选项
  1. 服务条款网址(建议填写)

17.png

  • 这个网址会显示在 Facebook 登录的弹窗「应用服务条款」中,建议您通过自定义页面设置店铺的「服务条款与细则」,并根据实际情况描述您商店的服务项目与交易细则,完成后将自定义页面的网址填写在此处。
  1. 应用图标(建议上传)
  • 「应用图标」会和「显示名称」一起出现在顾客登录流程中,建议您上传店铺 Logo 或是品牌图完整呈现给顾客,减少顾客认为是诈骗或是非正式渠道搜集用户资料的疑虑。Facebook 建议上传尺寸为 1024 x 1024 像素,大小 5MB 以内的图片。
  1. 网站地址(必填)

18.png

  • 填写完上述信息后,请下拉页面,到「网站」模块;如果输入框空白,请再次输入店铺首页网址,例如:https://www.test123.com 或是 https://test123.myshopline.com 等
  • 如果输入框已自动填写,请确认网址是您的店铺首页网址无误
  • 请注意:务必要填写 https:// 开头的安全性加密网址
  • 输入完成后请点击右下角的「保存更改」

19.png

步骤六:进入「Facebook 登录」-「设置」中设置

  • 入口:请在左侧菜单栏,选择「Facebook登录」-「设置」
  • 请在此处进行「OAuth 客户端授权设置」

20.png

  1. 请将指定功能开关开启
  • 请开启以下 4 个功能开关,设置完毕后可以与下方截图对比确认
    • 开启「OAuth 用户端授权登陆」
    • 开启「OAuth网页授权登陆」
    • 开启「对跳转 URI 使用严格模式」
    • 开启「强制采用 HTTPS」

21.png

  1. 请在「有效 OAuth 跳转 URI」输入链接

22.png

23.png

  • 请依照以下方法获得链接并粘贴至「有效的OAuth跳转 URI 」输入框,然后按下键盘的「Enter(Window) / Return(Mac)」键,当网址变成蓝底灰字时才代表成功输入。
  • OAuth登入URL:https://{店铺首页网址}/user/signIn (比如:https://www.test123.com/user/signIn)
    • 你可以在店铺首页网址后,自行添加:/user/signIn
    • 如果您的商店使用 自定义域名,例如:https://www.test123.com,请在输入框中输入:https://www.test123.com/user/signIn
    • 如果你的商店使用 SHOPLINE域名,例如:https://test123.myshopline.com,请在输入框中输入:https://test123.myshopline.com/user/signIn
    • 以上两个示意内的「红色粗体」为网址示意,设置时请更换为您的店铺网址。若您不确定您的店铺首页地址,可以进入到在线商店首页,并复制网址
  • 完成设置后,点击页面右下角的「保存更改」 

24.png

  • 请注意:保存之后请再次检查,「对跳转 URI 使用严格模式」开关是否变成关闭(「否」的状态),如果变成关闭(「否」的状态),请再次开启(将状态改为「是」)并再次「保存更改」即可。

步骤七:确认应用状态

  • 入口:「应用审核」-「权限和功能」
  • 需要在这个页面中,进行 email、 public_profile 「获取高级访问级别」的操作
  • 请注意:Facebook修改规则 ,自 2023 年 2 月 1 日起,如果应用请求获取权限的高级访问级别,则必须与已验证的公司关联,否则无法使用。之前已经具备权限的应用不受影响。

25.png

  • 找到「Email」、「Public_profile」,点击操作一列的按钮「获取高级访问级别」

26.png

27.png

  • 点击按钮后,勾选「遵循合理使用方式」,并点击「确认」

28.png

  • 当您完成设置后,您对应的访问级别将被更新为「Advanced Access」,同时操作栏处的按钮将变为「恢复标准访问级别」
  • 当您看到以上变化时,您已经设置成功,成功或许到对应的「高级访问级别」

29.png

  • 请注意:如果您的应用被Facebook停用了,需要先完成Facebook审核才可以开启「获取高级访问级别」的开关;因此需要先确认应用的设置正确后提交重新审核予Facebook确认。
  • 当您完成以上设置后,您可以将应用切换为「上线」模式,在「应用编号」旁边的「应用模式」处,当前处于“开发中”状态,点击开关,并完成数据使用情况检查

30.png

31.png

  • 当您的应用成功上线后,您可以在「应用模式」处看到对应的开关为“上线”状态。
  • 在“上线”状态下,应用才有办法使用,客户可以使用Facebook账号登录您的店铺。

32.png

步骤八:准备好要输入在店铺后台的内容

  • 入口:进入「设置」-「基本」
  • 点击「应用密钥」旁的「显示」按钮,获得应用密钥
  • 将「应用编号」以及「应用密钥」复制下来,然后就可以回到SHOPLINE店铺后台进行设置!

33.png

步骤九:回到 SHOPLINE 店铺后台设置

  • 入口:「渠道」-「Facebook」
  • 在「允许消费者以Facebook登录」处,点击「管理设置」

34.png

  • 点击「编辑」,将您刚刚获得的「应用编号」以及「应用密钥」填写到对应位置
    • 将您的「应用编号」填写至「Facebook App ID」
    • 将您的「应用密钥」填写至「Facebook App Secret Key」
  • 填写后点击「保存」按钮

35.png

36.png

  • 开启您的「顾客通过Facebook登录」设置

37.png

步骤十:测试是否能正常使用 Facebook 帐号一键注册/登录功能

  • 恭喜您设置完毕,最后就要进入到您的在线商店进行测试!
  • 进入您的店铺注册/登录页面,并点击Facebook图标,会跳出Facebook 请求顾客登录并授权给您的应用(应用显示名称及应用图标就是在这个流程出现的)
  • 这时候顾客必须先授权 Facebook 登录应用,才可使用 Facebook 登录功能,如果顾客选择不授权的话,就无法使用 Facebook 登录功能。

38.png

39.png

 

* 如有SHOPLINE功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

评论