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 「获取高级访问级别」的操作

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功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

还有其它问题?提交请求

评论