顾客除了可以使用 Email 电邮注册成为会员外,我们也提供使用 Facebook 帐号登录的功能,让顾客可以快速一键注册/登录您的商店。
一键使用 Facebook 帐号登录为 Facebook 所开发的功能,是透过将 Facebook 的应用程式安装到商店中才能完成的功能。 我们会需要先建立好 Facebook 应用程式再回到商店后台进行安装,由于设定步骤较多,敬请耐心并依照步骤进行设定。若有画面与此说明不符或是有相关问题的状况,请撷取您的萤幕操作画面,提供后台线上顾问帮您确认。
设定步骤
步骤一:进入 Facebook for Developers
请您点选此连结进入 Facebook for Developers 并使用您 Facebook 个人帐号登入,并点选「我的应用」>>「创建应用」开始来建立 Facebook 应用程式。
提醒您,如果您的 Facebook 帐号已经有创建过 Facebook 应用,当您点选「创建应用」后,网页会出现询问您「您的应用有什么用途?」的视窗,请您点选第三项「打造关联体验」来创建您的 Facebook 登入应用,并接续以下的步骤完成 Facebook 登入功能的设定。
步骤二:建立 Facebook 应用程式
请注意「应用显示名」会出现在登入流程让顾客查看,会建议您填写「商店/品牌名称」并填写您/公司的联络电子邮件,若是您有商务管理平台也可以在下个栏位选填,再来请点选「创建应用」
点选后会出现「安全验证」的弹跳视窗,请完成验证后点选「提交」
步骤三:新增「Facebook 登入」应用程式
接下来会进入新增应用程式的页面,请找到「Facebook 登录」并点选「设置」
进入「Facebook 登录」设定页面后,请选择要将应用程式使用在「网络」中
步骤四: 输入商店网址
请在「网站网址」中输入您商店首页网址,例如:https://www.test123.com 或是https://www.test123.com.tw 等,请注意:务必要填写https:// 开头的安全性加密网址 ,输入完毕确认后,请点选右下角的「保存 (Save)」按钮,并待应用程式存取网址。
步骤五:进入应用程式「基本」中设定
接下来请到左侧主控版,进入「设置」>>「基本」完成应用域名、隐私权政策网址、应用图标、商业用途、服务条款网址、类别、网站地址栏位的设定。
1.应用域名(必填)
这个栏位总共会需要输入 2 个网址 (裸网域 和 包含子网域网址),请依照以下方法取得并分别贴上后按下键盘的「Enter(Window) / Return(Mac)」键,当网址变成蓝底灰字时才代表成功输入。
- 如果您的商店使用独有网址,例如:https://www.test123.com
请分别填入 2 个网址:www.test123.com 和 test123.com - 如果您的商店使用免费网址,例如:https://test456.shoplineapp.com
请分别填入 2 个网址:test456.shoplineapp.com 和 shoplineapp.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. 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:// 开头的安全性加密网址 ,输入完毕确认后请点选右下角的「保存更改」按钮。
步骤六:进入「Facebook 登录」>>「设置」中设定
接下来请到左侧主控版,进入产品「Facebook 登录」>>「设置」中的「 客户端 OAuth 设定」进行设定
1.将指定功能开关开启
请开启以下 4 个功能开关,设定完毕后可以与下图比对确认
- 开启「OAuth 客户端授权登录」
- 开启「OAuth 网页授权登录」
- 开启「对跳转 URI 使用严格模式」
- 开启「强制启用 HTTPS」
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
以上「红字粗体的范例网址」请更换成您的商店网址,若不确定您商店独有网址和免费网址,可进入商店前台首页复制网址。
完成设定后 请点选右下角「保存更改」按钮。
请注意:送出之后请再检查,「对跳转 URI 使用严格模式」开关是否变成关闭(「否」的状态),如果变成关闭(「否」的状态)请再次开启(将状态改为「是」)并再次「保存更改」即可。
步骤七:确认应用程式状态
请查看画面上方「应用编号」旁的「开关」,开关应为的「开启」以及会显示「状态:已上线」这样应用程式才有办法使用。(如果开关是关闭的状态,则会显示「开发中」)
开启开关时,请点选视窗中的「切换模式」,将您的应用程式调整为「已上线」的状态。如果应用程式的开关是「关闭」的话,顾客将无法使用 Facebook 帐号登入商店喔!
步骤八:准备好要输入在商店后台的资讯
请到左侧主控版,进入「设置」>>「基本」, 点击「应用密钥」旁的「显示」按钮,让其代码显示出来。将「应用编号」以及「应用密钥」复制下来,接下来就要回到 SHOPLINE 商店后台进行设定了!
步骤九:回到 SHOPLINE 商店后台设定
请到您 SHOPLINE 商店后台,进入「设定」>>「顾客设定」找到「顾客以 Facebook 登录设定」栏位,并将功能开启。开启后将「应用编号」以及「应用密钥」贴到对应的栏位中,完成后请点击右下角的「更新」按钮保存设定,您的商店就可以使用Facebook 登入功能。
步骤十:测试是否能正常使用 Facebook 帐号一键注册/登录功能
恭喜您设定完毕,最后就要进入到您的商店前台进行测试!
进入您商店的会员注册/登录页面,并点选 Facebook 注册/登录按钮,会跳出Facebook 请求顾客登录并授权给您的应用程式(应用程式显示名称及应用图标就是在这个流程出现的)这时候顾客必须先授权 Facebook 登录应用程式存取资料,才可使用 Facebook 登录功能,如果顾客选择不授权的话,就无法使用 Facebook 登录功能。
此功能设定步骤较多,如有操作设定的问题,欢迎您再将问题画面截图下来提供给线上顾问,我们会协助您处理。
评论