將 Facebook 連結至顧客帳號
若要將 Facebook 連結至顧客帳號,您需要依序完成以下工作。在設定期間,您需要在 Meta for Developers 控制面板和 Shopify 管理介面的瀏覽器分頁之間切換。若要將 Facebook 連結至顧客帳號,您必須擁有 Meta 開發人員帳號。瞭解如何註冊為 Meta 開發人員。
此頁面內容
步驟 1:在 Shopify 管理介面中開啟「使用 Facebook 登入」頁面
在 Shopify 管理介面中,前往「設定」> 「顧客帳號」。
在「驗證」區段中,點擊「管理」。
點擊「Facebook」旁邊的「連結」,以開啟「使用 Facebook 登入」頁面。
步驟 2:在您的 Meta for Developers 控制面板中建立應用程式
- 在獨立的瀏覽器分頁中,前往 Meta for Developers 控制面板,然後點擊「登入」(Login) 進行登入。如果您尚未設定 Meta 開發人員帳號,則必須先在登入頁面建立新帳號,才能繼續進行下一個步驟。
- 點擊「應用程式」。
- 點擊「建立應用程式」。
- 填寫「應用程式名稱」和「應用程式聯絡人電子郵件」欄位,然後點擊「下一步」。
- 在「新增使用案例」頁面上,選取「透過 Facebook 登入對用戶進行驗證和要求資料」,然後點擊「下一步」。
- 在「您希望此應用程式連結哪個企業管理平台?」頁面上,選取一個企業管理平台,或選取「我還不想連結企業管理平台。」,然後點擊「下一步」。
- 檢閱「發布要求」頁面,然後點擊「下一步」。
- 檢閱「概覽」頁面,然後點擊「前往控制面板」。
步驟 3:設定您的 Meta 應用程式
- 建立應用程式後,在您的 Meta for Developers 控制面板中,點擊「使用案例」。
- 在「透過 Facebook 登入對用戶進行驗證和要求資料」使用案例上,點擊「自訂」。
- 為了確保系統在顧客登入時能擷取其資訊,請在「權限和功能」區段中,點擊 email 旁邊的「新增」。
- 點擊「設定」,然後前往「用戶端 OAuth 設定」。
- 在 Shopify 管理介面的「使用 Facebook 登入」頁面上,從「重新導向網址」區段複製重新導向網址。
- 在 Meta for Developers 控制面板的「設定」頁面上,將重新導向網址貼上至「有效的 OAuth 重新導向 URI」欄位中。
- 如果在 Shopify 管理介面的「重新導向網址」區段中有多個重新導向網址,請針對其他重新導向網址重複執行這些步驟。
- 在 Shopify 管理介面的「使用 Facebook 登入」頁面中,複製「取消授權網址」區段中的網址。
- 在 Meta for Developers 控制面板的「設定」頁面中,將網址貼至「取消授權回呼網址」欄位中。
- 在 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 登入顧客帳號,藉此測試顧客體驗。