顾客除了可以使用 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 登录功能。
此功能设定步骤较多，如有操作设定的问题，欢迎您再将问题画面截图下来提供给线上顾问，我们会协助您处理。
评论