第三方登入
讓會員不用另外記密碼，直接按「用 Google 登入」「用 Facebook 登入」「用 LINE 登入」進入網站。
後台左側「設定」→「第三方登入」。
每個登入方式一張卡片。卡片上的小字會告訴你目前狀態，例如「憑證來源：未設定 · 登入按鈕不會顯示」。
前台什麼時候會出現登入按鈕？
Client ID 與 Client Secret 都填好、而且開關是開著的，前台登入頁才會出現那個按鈕。憑證還沒填好之前，沒辦法先預覽按鈕。
設定步驟
以 Google 為例，Facebook、LINE 的流程相同：
- 按卡片右上角的「如何取得？」，畫面會打開一份逐步說明，附有示意圖、每一步容易犯的錯，以及「開啟 Google 開發者後台」的按鈕。
- 照說明到該平台的開發者後台建立應用程式。
- 回到本頁，按「回呼網址（Redirect URI）」旁的「複製」，貼到該平台要你登記網址的地方。
- 從該平台複製 Client ID 與 Client Secret，貼回本頁對應欄位。
- 確認卡片右上角的開關是開著的。
- 按右上角「儲存」。存檔後立即生效。
回呼網址要一字不差
回呼網址請一定用「複製」按鈕貼上，不要手打。大小寫、http 或 https、結尾多一個斜線，任何一個字元不同都會在登入時被擋下。
頁面上方會顯示「回呼網址的來源網域」。請在顧客實際使用的正式網域上登入後台再複製；如果你換了網域，要回到各平台重新登記新網址。
Client ID 與 Client Secret 要成對填寫
只填一欄時，網站會沿用舊的設定，登入看起來正常，但用的不是你剛填的那組。要更換憑證時兩欄都要重新貼上。Client Secret 已存過時會顯示一排遮罩，不動它就不會被覆寫。
上線前一定要確認的事
這些設定在你自己測試時通常都會成功，顧客卻登不進來，因為你自己的帳號本來就在測試名單上：
- Google：應用程式的發布狀態要切成正式（In production），使用對象要選 External。
- Facebook：應用程式要從 Development 切成 Live Mode，否則只有應用程式角色名單上的帳號登得進來。
- LINE：channel 必須從 Developing 切成 Published，否則只有 Roles 名單上的帳號登得進來。
設定好之後，請找一個沒有參與設定的帳號（例如家人或同事的帳號）到前台實際登入一次。
問題：用 Facebook 登入的會員沒有 Email，是設定錯了嗎？
不是。Facebook 登入刻意不帶回顧客的 Email，會員照樣可以註冊與登入；等他第一次結帳付款時，網站會請他填一次 Email 並存回會員資料。
問題：想暫時關掉某個登入方式？
把那張卡片的開關關掉並儲存，前台就不再顯示該按鈕，已填的憑證會保留。