将 Facebook 连接到客户账户
要将 Facebook 连接到客户账户,您需要按顺序完成以下任务。在设置期间,您需要在 Meta for Developers 控制面板和 Shopify 后台的浏览器选项卡之间进行切换。若要将 Facebook 连接到客户账户,您必须拥有 Meta 开发者账户。了解如何注册成为 Meta 开发者。
本页内容
第 1 步:在 Shopify 后台中打开“使用 Facebook 登录”页面
在 Shopify 后台中,转至设置 > 客户账户。
在身份验证部分中,点击管理。
点击 Facebook 旁边的连接,打开使用 Facebook 登录页面。
第 2 步:在 Meta for Developers 控制面板中创建应用
- 在单独的浏览器选项卡中,转至 Meta for Developers 控制面板,然后点击 Login 进行登录。如果尚未设置 Meta 开发者账户,您需要先在登录页面上创建新账户,然后再继续执行下一步。
- 点击 Apps。
- 点击 Create App。
- 填写 App name 和 App contact email 字段,然后点击 Next。
- 在 Add use cases 页面上,选择 Authenticate and request data from users with Facebook Login,然后点击 Next。
- 在 Which business portfolio do you want to connect to this app 页面上,选择业务组合,或选择 I don't want to connect a business portfolio yet.,然后点击 Next。
- 查看 Publishing requirements 页面,然后点击 Next。
- 查看 Overview 页面,然后点击 Go to dashboard。
第 3 步:配置 Meta 应用设置
- 创建应用后,在您的 Meta for Developers 控制面板中,点击 Use cases。
- 在 Authenticate and request data from users with Facebook Login 用例中,点击 Customize。
- 为确保在登录时捕获客户信息,在 Permissions and features 部分中,点击 email 旁边的 Add。
- 点击 Settings,然后转至 Client OAuth settings。
- 在 Shopify 后台的使用 Facebook 登录页面上,从重定向 URL 部分中复制重定向 URL。
- 在 Meta for Developers 控制面板中的 Settings 页面上,将重定向 URL 粘贴到 Valid OAuth Redirect URIs 字段中。
- 如果在 Shopify 后台的重定向 URL部分中有多个重定向 URL,请针对额外的重定向 URL 重复这些步骤。
- 在 Shopify 后台的使用 Facebook 登录页面上,从取消授权 URL部分复制该 URL。
- 在 Meta for Developers 控制面板的设置页面上,将该 URL 粘贴到取消授权回调 URL字段中。
- 在 Meta for Developers 控制面板的设置页面上,点击保存更改。
第 4 步:在 Shopify 后台中配置凭据
- 返回 Meta for Developers 控制面板,然后点击应用设置 > 基本。
- 从 Meta for Developers 控制面板中复制 App ID。
- 在 Shopify 后台的使用 Facebook 登录页面上,将该 App ID 粘贴到凭据部分的 App ID 字段中。
- 在 Meta for Developers 控制面板中,点击 App secret 旁边的显示,然后复制 App secret。
- 在 Shopify 后台的使用 Facebook 登录页面上,将该 App secret 粘贴到 App secret 字段中,然后点击保存。
- 在 Shopify 后台中,点击保存更改。
第 5 步:测试并激活“使用 Facebook 登录”
- 在 Shopify 后台的使用 Facebook 登录页面上,点击更多操作 > 预览,然后以登录商店的客户身份,测试 Facebook 身份验证流程。
- 点击启用。
启用“使用 Facebook 登录”后,您可以前往在线商店并使用 Facebook 登录客户账户,以测试客户体验。