SHOPLINE 提供多元的會員註冊及登入方式，顧客除了可透過 Email、Facebook、LINE 註冊／登入會員，現在還能使用 Google 帳號成為商店會員。簡單又方便的註冊管道，可提高顧客加入會員的意願，有利於累積會員數。
以下將分別說明：
一、Google Cloud 設定步驟
步驟一
前往 Google Cloud Console 建立專案。（設定帳戶資訊及身份等必要資訊即可成功建立）
步驟二
建立完成後，於左側選單點選「解決方案 > 所有產品」，點按「Google Auth Platform」。
步驟三
在 OAuth 總覽頁面，會顯示「尚未設定 Google 驗證平台」，請點按「開始」按鈕。
步驟四
1. 應用程式資訊
輸入「應用程式名稱」及「使用者支援電子郵件」。
2. 目標對象
選擇「外部」目標對象。
3. 聯絡資訊
填寫負責人員的電子郵件地址。
4. 完成
同意使用條款。
上述設定完成，點按「建立」按鈕。
步驟五
回到總覽頁面，點按「指標」欄位右側「建立 OAUTH 用戶端」按鈕。
1. 應用程式類型
選擇「網頁應用程式」類型。
2. 名稱
設定名稱。
3. 已授權的重新導向 URI
先點按「新增 URI」按鈕，再輸入商店網址，並於網址後方加上 users/auth/google_oauth2/callback。
例如：您的商店網址是 https://xxx.shoplineapp.com/ 請輸入 https://xxx.shoplineapp.com/users/auth/google_oauth2/callback。
4. 建立
上述設定完成，點按「建立」按鈕。
步驟六
點按左側「品牌」分頁。
1. 應用程式資訊
確認先前輸入的資訊是否正確。
2. 應用程式網域（非必填，但建議填寫）
輸入以下資訊：
- 應用程式首頁：商店網址
- 應用程式隱私權政策連結：商店網址/about/privacy-policy
- 應用程式服務條款連結：商店網址/about/terms
＊注意：
- 若您曾更換商店網址，請在此處輸入新網址。
- 若您是自訂隱私權政策、服務條款頁面（並非使用預設頁面），請在此處輸入該自訂頁面網址。
3. 授權網域
若您有輸入上述應用程式網域，則須新增授權網域；若沒有輸入網域，可不填寫此欄位。
- 例如您的商店網址是 https://xxx.shoplineapp.com/，請輸入 shoplineapp.com。
- 例如您的商店網址是 https://www.xxx.com/，請輸入 xxx.com。
4. 開發人員聯絡資訊
確認先前輸入的聯絡電郵是否正確。
5. 儲存
上述設定完成，點按「儲存」按鈕，顯示「已儲存品牌宣傳變更」即完成設定。
步驟七
點按左側「用戶端」分頁，點選 按鈕，於彈出式視窗內複製「用戶端編號」及「用戶端密碼」。
二、商店後台設定步驟
步驟一
前往「商店後台 > 設定 > 顧客設定」頁面，點按「連接 Google OAuth 帳號」右側「連接」按鈕。
步驟二
將上述步驟七複製的編號及密碼填入對應欄位，再點按「連接」按鈕。
連接完成後，會顯示「已連接」狀態，點按「帳號詳情」按鈕可查看已設定的編號及密碼，也可執行「解除連接」操作。
步驟三
開啟「網店 Google 登入」開關，並向下滑動頁面至底部點按「更新」按鈕。
三、顧客使用 Google 帳號註冊／登入
成功開啟「顧客以 Google 註冊或登入設定」功能後，在以下頁面皆會顯示 圖示。
商店前台註冊頁面
商店前台登入頁面
下方說明顧客使用 Google 帳號註冊會員的流程：
- 顧客在註冊頁面點按
圖示。
- 若顧客使用的瀏覽器曾登入過 Google 帳號，會直接列出帳號供顧客選擇。
若顧客未使用的瀏覽器曾登入過 Google 帳號，需輸入電子郵件。
- 顧客點按「繼續」以授權名稱、電子郵件等資料。
＊備註：若顧客點按右側「隱私權政策」、「服務條款」文字，會跳轉至您在步驟六填寫的「應用程式隱私權政策連結」、「應用程式服務條款連結」頁面。
授權成功後，系統將取得該顧客的 Google 帳號資訊，例如帳戶名稱、相片、電子郵件、使用者 ID 等。
- Google 註冊顧客：
若系統檢查沒有網店顧客使用此 Google 帳號的電郵，便會以這組電郵及使用者 ID 建立新顧客帳號。
- 非 Google 註冊顧客但使用 Google 登入：
若系統檢查已有網店顧客使用此 Google 帳號的電郵，便會自動登入該顧客帳號，並將 Google 使用者 ID 歸戶至該顧客身上。
四、顯示 Google 註冊帳號資訊
只要顧客是「Google 註冊顧客」或「非 Google 註冊顧客但使用 Google 登入」，在以下頁面皆會顯示 Google 註冊帳號。
商店前台會員中心
商店後台顧客資訊頁面
延伸閱讀
評論