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

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

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

 

 

设定步骤

步骤一:进入 Facebook for Developers 

请您点选此连结进入 Facebook for Developers 并使用您 Facebook 个人帐号登入,并点选「我的应用」>>「创建应用」开始来建立 Facebook 应用程式。SC_Step1.png

SC_Step2.jpg

 

提醒您,如果您的 Facebook 帐号已经有创建过 Facebook 应用,当您点选「创建应用」后,网页会出现询问您「您的应用有什么用途?」的视窗,请您点选第三项「用于其他用途」来创建您的 Facebook 登入应用,并接续以下的步骤完成 Facebook 登入功能的设定。

SC_Step2-1.png


步骤二:建立 Facebook 应用程式

请注意「显示名称」会出现在登入流程让顾客查看,会建议您填写「商店/品牌名称」并填写您/公司的联络电子邮件,再来请点选「创建应用编号」
SC_Step3.png

点选后会出现「安全验证」的弹跳视窗,请完成验证后点选「提交」 

SC_Step4.png


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

接下来会进入新增应用程式的页面,请找到「Facebook 登录」并点选「设置」SC_Step5.jpg

 
进入「Facebook 登录」设定页面后,请选择要将应用程式使用在「网络」中 
SC_Step6.jpg


步骤四: 输入商店网址

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


步骤五:进入应用程式「基本」中设定

接下来请到左侧主控版,进入「设置」>>「基本」完成应用域名、隐私权政策网址、应用图标、商业用途、服务条款网址、类别、网站地址栏位的设定。

SC_Step8.png

SC_Step9.png

1.应用域名(必填)
    这个栏位总共会需要输入 2 个网址 (裸网域  和 包含子网域网址),请依照以下方法取得并分别贴上后按下键盘的「Enter(Window) / Return(Mac)」键,当网址变成蓝底灰字时才代表成功输入。

  • 如果您的商店使用独有网址,例如:https://www.test123.com 
    请分别填入 2 个网址:www.test123.com 和 test123.com 

  • 如果您的商店使用免费网址,例如:https://test456.shoplineapp.com
    请分别填入 2 个网址:test456
    .shoplineapp.comshoplineapp.com

以上「红字粗体的范例网址」请更换成您的商店网址,若不确定您商店独有网址和免费网址,可进入商店前台首页复制网址。 

 

2. 隐私权政策网址(必填)
    隐私权政策为网站「将如何对待网路使用者个人资料」之声明,如网站使用者同意或信赖隐私政策之声明,則即具有契约效力,且隐私政策符合网路定型化契约之成立要件而定,商店中是否有揭露「隐私条款」为金流审核、Google 广告投放审核、Facebook  应用程式审核项目之一。

2020 年开始 Facebook 提升对 Facebook 帐户的保护,针对外部网站隐私政策的审核更加严格。建议您先回到商店后台使用文字分页或是进阶分页建立商店的「隐私政策 Privacy Policy」页面,再取得网页连结放置在此栏位中。撰写格式可参考:示范商店案例(仅供参考,请依实际规范及需求撰写)   

请在分页 网路搜寻最佳化/SEO设定 的「标题」中包含「隐私权政策  Privacy Policy」;以及在「描述性URL」 中包含privacy-policy 」让 Facebook 容易识别页面是隐私权相关内容。   

  •       如果您的商店使用独有网址,您会类似这个网址:
    https://www.test123.com/pages/privacy-policy        
  •       如果您的商店使用免费网址,您会类似这个网址:https://test456.shoplineapp.com/pages/privacy- policy

以上「红字粗体的范例网址」请更换成您的商店网址,若不确定您商店独有网址和免费网址,可进入商店前台首页复制网址。 

 

3. 应用图标(建议上传)
    应用图标会和「显示名称」一起出现在顾客登入流程,我们会建议您上传商店 Logo 或是品牌图示完整呈现给顾客,减少顾客认为是诈骗或是非正式管道搜集用户资料的疑虑。 Facebook 建议上传尺寸为 1024 x 1024 像素,档案大小 5MB 以内的图片。   

 

4. 商业用途(建议选取)

  • 如果您是为自己商店建立的,请点选「支持我自己的业务」
  • 如果您是 代理商/代营运 为商家建立的话,请点选「为其他公司提供服务」 

5. 服务条款网址(建议填写)
此网址连结会显示在Facebook 登入应用程式的视窗「应用条款」中,我们会建议您编辑商店的预设分页「条款与细则」,并依实际情况描述您商店的服务项目与交易细则,完成后将分页网址连结放置在此栏位中。

 

6. 类别(建议选取)
请依照您的商店贩售的商品或是服务类型,从选单中选取合适的选项。 

 

7. 网站地址(必填)
    接下来请往下滑,到「网站」的区块,如果栏位空白请再次输入商店首页网址,例如:https://www.test123.com 或是 https://www.test123.com.tw 等,请注意:务必要填写 https:// 开头的安全性加密网址 ,输入完毕确认后请点选右下角的「保存更改」按钮。 

SC_Step10.jpg


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

接下来请到左侧主控版,进入产品「Facebook 登录」>>「设置」中的「 客户端 OAuth 设定」进行设定

SC_Step11.png 

1.将指定功能开关开启
    请开启以下 4 个功能开关,设定完毕后可以与下图比对确认

  1. 开启「OAuth 客户端授权登录」    
  2. 开启「OAuth 网页授权登录」
  3. 开启「对跳转 URI 使用严格模式」
  4. 开启「强制启用 HTTPS」 SC_Step12.png


2.在「有效 OAuth 跳转 URI」输入连结

    请依照以下方法取连结并贴到在「有效 OAuth 跳转 URI」栏位,贴上后按下键盘的「Enter(Window) / Return(Mac)」键,当网址变成蓝底灰字时才代表成功输入。   

  • 如果您的商店使用独有网址,例如:https://www.test123.com 
    請在欄位中貼上:https://www.test123.com/users/auth/facebook/callback  
  • 如果您的商店使用免费网址,例如:https://test456.shoplineapp.com
    请在栏位中贴上:https://test456.shoplineapp.com/users/auth/facebook/callback

以上「红字粗体的范例网址」请更换成您的商店网址,若不确定您商店独有网址和免费网址,可进入商店前台首页复制网址。

完成设定后 请点选右下角「保存更改」按钮。

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

 

步骤七:确认应用程式状态

请查看画面上方「应用编号」旁的「开关」,开关应为的「开启」以及会显示「状态:已上线」这样应用程式才有办法使用。(如果开关是关闭的状态,则会显示「开发中」)
SC_Step14.jpg
开启开关时,请点选视窗中的「切换模式」,将您的应用程式调整为「已上线」的状态。如果应用程式的开关是「关闭」的话,顾客将无法使用 Facebook 帐号登入商店喔!

SC_Step7-2.png

步骤八:准备好要输入在商店后台的资讯

请到左侧主控版,进入「设置」>>「基本」, 点击「应用密钥」旁的「显示」按钮,让其代码显示出来。将「应用编号」以及「应用密钥」复制下来,接下来就要回到     SHOPLINE 商店后台进行设定了!
SC_Step15.jpg 

步骤九:回到 SHOPLINE 商店后台设定  

请到您 SHOPLINE 商店后台,进入「设定」>>「顾客设定」找到「顾客以 Facebook 登录设定」栏位,并将功能开启。开启后将「应用编号」以及「应用密钥」贴到对应的栏位中,完成后请点击右下角的「更新」按钮保存设定,您的商店就可以使用Facebook 登入功能。SC_Step16.png


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

恭喜您设定完毕,最后就要进入到您的商店前台进行测试!

    进入您商店的会员注册/登录页面,并点选 Facebook 注册/登录按钮,会跳出Facebook 请求顾客登录并授权给您的应用程式(应用程式显示名称及应用图标就是在这个流程出现的)这时候顾客必须先授权   Facebook 登录应用程式存取资料,才可使用 Facebook 登录功能,如果顾客选择不授权的话,就无法使用 Facebook 登录功能。

SC_Step17.jpg

此功能设定步骤较多,如有操作设定的问题,欢迎您再将问题画面截图下来提供给线上顾问,我们会协助您处理。 

 

 

 

 

 

还有其它问题?提交请求

评论