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

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

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

 

设定步骤

步骤一:进入 Facebook for Developers 

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

mceclip0.png

 

mceclip2.png

提醒您,如果您的 Facebook 帐号已经有建立过 Facebook 应用程式,当您点选「建立应用程式」后,网页会出现询问您「你的应用需要哪些产品,权限和功能?」的视窗,请您点选第一项「消费者」来建立您的 Facebook 登入应用程式,并接续以下的步骤完成 Facebook 登入功能的设定。

mceclip1.png

 

步骤二:建立 Facebook 应用程式

请注意「应用显示名」会出现在登入流程让顾客查看,会建议您填写「商店/品牌名称」并填写您/公司的联络电子邮件,若是您有商务管理平台也可以在下个栏位选填,再来请点选「创建应用」

mceclip1.png

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

mceclip2.png

 

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

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

mceclip2.png

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

mceclip29.png

步骤四: 输入商店网址

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

mceclip30.png

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

接下来请到左侧主控版,进入「设定」>>「基本资料」完成应用程式网址、隐私政策网址、用户数据删除、应用程式图示、商业用途、服务条款、类别、网站网址栏位的设定。

mceclip4.png

mceclip3.png

  1. 应用程式网域(必填

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

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

     


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

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

     

  2. 隐私政策网址(必填)

     

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

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

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

        a.如果您的商店使用独有网址,您会类似这个网址:

    https://www.test123.com/pages/privacy_policy
        b.如果您的商店使用免费网址,您会类似这个网址:https://test456.myshopline.com/pages/privacy_policy

     

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

     

     

  3. User Data Deletion(必填)

    如果栏位空白请输入商店首页网址,例如:https://www.test123.com 或是 https://www.test123.com.tw 等,请注意:务必要填写 https:// 开头的安全性加密网址

     

     

  4. 类别(建议选取)

    请依照您的商店贩售的商品或是服务类型,从选单中选取合适的选项。

     

     

  5. 服务条款网址(建议填写)

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

     

     

  6. 应用程式图示(建议上传)

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

     

     

  7. 应用程式用途(建议选取)
    如果您是为自己商店建立的,请点选「你自己或你的商家」
    如果您是 代理商/代营运 为商家建立的话,请点选「客户」

  8. 网站网址(必填)

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

mceclip33.png

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

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

mceclip5.png

1.将指定功能开关开启

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

  •  开启「OAuth 用户端授权登陆」
  • 开启「OAuth网页授权登陆」
  • 开启「对跳转 URI 使用严格模式」
  • 开启「强制采用 HTTPS」

mceclip0.png

2.在「有效的OAuth跳转 URI 」输入链接

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

OAuth登入URL:https://+主域名+/user/signIn (比如:https://www.test123.com/user/signIn)

  • 如果您的商店使用独有网址,例如:https://www.test123.com
    请在栏位中贴上:https://www.test123.com/user/signIn
  • 如果您的商店使用免费网址,例如:https://test456.myshopline.com
    请在栏位中贴上:https://test456.myshopline.com/user/signIn

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

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

mceclip1.png

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

 

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

请查看画面上方「应用程式编号」旁的「开关」,开关应为「开启」以及会显示「状态:上线」这样应用程式才有办法使用。(如果开关尚未开启,会显示灰色的「开发中」状态)

mceclip37.png

 

开启开关时,请点选视窗中的「切换模式」,将您的应用程式调整为「上线」的状态。如果应用程式的开关是「关闭」的话,顾客将无法使用 Facebook 帐号登入商店喔!

mceclip4.png

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

请到回到「设置」-「基本设置」, 点击「应用程式密钥」旁的「显示」按钮,让其代码显示出来。将「应用程式编号」以及「应用程式密钥」复制下来,接下来就要回到 SHOPLINE 商店后台进行设定了!

mceclip1.png

mceclip6.png

 

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

请到您 SHOPLINE 商店后台,进入「设定」>>「顾客设定」找到「顾客以 Facebook 登入设定」栏位,并将功能开启。

开启后将「应用程式编号」以及「应用程式密钥」贴到对应的栏位中,完成后请点击右下角的「更新」按钮保存设定,您的商店就可以使用 Facebook 登入功能。

mceclip5.png

mceclip14.png

 

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

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

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

mceclip41.png

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

还有其它问题?提交请求

评论