如何设定 Facebook 帐号可注册/登入商店会员

SHOPLINE_________.jpg

除了直接在店面注册、登入会员帐户外,顾客还可以使用 Facebook 帐号登入商店。

* 此登入功能为 Facebook 所开发,需要使用您的 Facebook 帐号注册 Facebook Developers 帐号,完整的设定步骤较多,且 Facebook Developers 平台时常更新设定介面,敬请耐心并依照步骤进行设定。若有画面与此说明不符的状况,请撷取您的萤幕画面提供后台线上顾问帮您确认。

 

步骤一:于 Facebook Developers 网站登入您的 Facebook 帐号: https://developers.facebook.com/

 

步骤二:点选右上角「登录」

 

步骤三:登入后点选右上角的「我的应用程式」> 点选「新增应用程式」

 

 

步骤四:输入你的商店名字及填写你的电子邮件, 然后点击「建立应用程式编号」

 

 

步骤五:完成安全验证> 按下「提交」

 

找到「Facebook登入」产品点选「设定」

点选「网络」

输入商店的首页网址,例如: https://www.test123.com 等,并按下保存/save

*注意:务必要填写 https://开头的安全性加密网址

步骤六:

接下来回到主控版的页面,请点选左侧的『设定』>按下下方的「基本资料」>输入您的商店的应用程式网域和私隐政策网址

A. 应用程式网域请依据下方指示填写您的商店首页网址与网域,粗体红字的部分请依据您的网址做更换。

  • 如果您的商店首页网址为独有网址,例如 https://www.test123.com 请填写:
    www.test123.comtest123.com
  • 如果您的商店首页网址为免费网址,例如 https://test123.shoplineapp.com 则请填写:
    test123.shoplineapp.com 和 shoplineapp.com

 

B.隐私权政策网址请依据下方指示输入商店的首页网址,粗体红字的部分请依据您的网址做更换

  • 如果您的商店首页网址为独有网址,例如 https://www.test123.com 请填写:
    https://www.test123.com
  • 如果您的商店首页网址为免费网址,例如 https://test123.shoplineapp.com 则请填写:
    https://test123.shoplineapp.com


完成后,记得按下右下角的「保存更改」。

 

步骤七:请到左边目录 >「Facebook 登录」> 「设置」进入设定

  •  开启「OAuth 客户端授权登录」
  • 开启「OAuth 网页授权登录」
  • 开启「对跳转 URI 使用严格模式」
  • 开启「强制启用 HTTPS」
  • 有效 OAuth 跳转 URI」请依据下方指示填写,粗体红字的部分请依据您的网址做更换。

1.如果您的商店首页网址为独有网址,例如 https://www.test123.com ,请填写您的首页网址:独有网址范例 https://www.test123.com/users/auth/facebook/callback 

2.如果您的商店首页网址为免费网址,例如 https://test123.shoplineapp.com ,则请填写:https://test123.shoplineapp.com/users/auth/facebook/callback

注意: 点击右下角保存更改,送出之后,「对跳转 URI 使用严格模式」若跳至「否」,请再次点击「是」,再次保存更改,送出即可。

* 若不确定您的独有/免费网址,可以 登入后台 网址设定页面查看

 

步骤八:

请查看画面右上角,将状态调整为绿色的「开启」>状态栏位会显示「已发布」
 
  
请注意:若没有开启应用程式,顾客将无法使用Facebook登入应用程式
 
 

步骤九:

回到设置的基本, 点击「应用密钥」旁的「显示」按钮,让其代码显示出来, 

复制你的 Facebook App 应用程式编号 及 密钥:
 
 

步骤十: 到你 SHOPLINE 的后台,在「设定」中点选「顾客设定」 

 
开启你的Facebook App功能,并输入Facebook App 帐号 及 密钥,然后点击右下角的「更新」:
 
 
 
备注:顾客必须先授权 Facebook 存取信箱,才可使用Facebook登入功能。若尚未授权Facebook,请到Facebook>>关于>>联络和基本资料>>电子邮件 收信认证。
 
 
 
 
 

 

 

还有其它问题?提交请求

评论