将 Facebook 连接到客户账户

要将 Facebook 连接到客户账户,您需要按顺序完成以下任务。在设置期间,您需要在 Meta for Developers 控制面板和 Shopify 后台的浏览器选项卡之间进行切换。若要将 Facebook 连接到客户账户,您必须拥有 Meta 开发者账户。了解如何注册成为 Meta 开发者

第 1 步:在 Shopify 后台中打开“使用 Facebook 登录”页面

  1. 在 Shopify 后台中,转至设置 > 客户账户

  2. 身份验证部分中,点击管理

  3. 点击 Facebook 旁边的连接,打开使用 Facebook 登录页面。

第 2 步:在 Meta for Developers 控制面板中创建应用

  1. 在单独的浏览器选项卡中,转至 Meta for Developers 控制面板,然后点击 Login 进行登录。如果尚未设置 Meta 开发者账户,您需要先在登录页面上创建新账户,然后再继续执行下一步。
  2. 点击 Apps
  3. 点击 Create App
  4. 填写 App nameApp contact email 字段,然后点击 Next
  5. Add use cases 页面上,选择 Authenticate and request data from users with Facebook Login,然后点击 Next
  6. Which business portfolio do you want to connect to this app 页面上,选择业务组合,或选择 I don't want to connect a business portfolio yet.,然后点击 Next
  7. 查看 Publishing requirements 页面,然后点击 Next
  8. 查看 Overview 页面,然后点击 Go to dashboard

第 3 步:配置 Meta 应用设置

  1. 创建应用后,在您的 Meta for Developers 控制面板中,点击 Use cases
  2. Authenticate and request data from users with Facebook Login 用例中,点击 Customize
  3. 为确保在登录时捕获客户信息,在 Permissions and features 部分中,点击 email 旁边的 Add
  4. 点击 Settings,然后转至 Client OAuth settings
  5. 在 Shopify 后台的使用 Facebook 登录页面上,从重定向 URL 部分中复制重定向 URL。
  6. 在 Meta for Developers 控制面板中的 Settings 页面上,将重定向 URL 粘贴到 Valid OAuth Redirect URIs 字段中。
  7. 如果在 Shopify 后台的重定向 URL部分中有多个重定向 URL,请针对额外的重定向 URL 重复这些步骤。
  8. 在 Shopify 后台的使用 Facebook 登录页面上,从取消授权 URL部分复制该 URL。
  9. 在 Meta for Developers 控制面板的设置页面上,将该 URL 粘贴到取消授权回调 URL字段中。
  10. 在 Meta for Developers 控制面板的设置页面上,点击保存更改

第 4 步:在 Shopify 后台中配置凭据

  1. 返回 Meta for Developers 控制面板,然后点击应用设置 > 基本
  2. 从 Meta for Developers 控制面板中复制 App ID
  3. 在 Shopify 后台的使用 Facebook 登录页面上,将该 App ID 粘贴到凭据部分的 App ID 字段中。
  4. 在 Meta for Developers 控制面板中,点击 App secret 旁边的显示,然后复制 App secret
  5. 在 Shopify 后台的使用 Facebook 登录页面上,将该 App secret 粘贴到 App secret 字段中,然后点击保存
  6. 在 Shopify 后台中,点击保存更改

第 5 步:测试并激活“使用 Facebook 登录”

  1. 在 Shopify 后台的使用 Facebook 登录页面上,点击更多操作 > 预览,然后以登录商店的客户身份,测试 Facebook 身份验证流程。
  2. 点击启用

启用“使用 Facebook 登录”后,您可以前往在线商店并使用 Facebook 登录客户账户,以测试客户体验。