動作中的內嵌登入

讓我們瞭解當您透過「內嵌登入」將登入功能新增到網頁時，網站訪客會有何體驗。

想像一下您擁有一家名為 Fix Coffee 的咖啡店，並設計了一個網站讓客戶能購買您的產品。

當訪客嘗試在您的 Fix 網站上購買商品時，其會在頁面頂端看見「登入」按鈕。

當訪客按一下「登入」按鈕時，「內嵌登入」會顯示一個登入表單。訪客可以使用其使用者名稱和密碼登入，或透過其社交帳戶認證登入。您甚至可以設定「內嵌登入」以使用可探索的登入頁面類型，或任何其他已針對網站設定的自訂登入頁面類型。

您可以使用強制回應、快顯視窗或內嵌登入表單。針對強制回應或快顯視窗，使用者按一下「登入」按鈕即可看見登入表單。如果表單為內嵌，當使用者瀏覽至頁面時會見該表單。

當登入表單為強制回應模式時，網頁如下所示。登入表單顯示在頁面中央的前景中。

內嵌模式中的登入表單如下所示。當使用者瀏覽至該網頁時，即會顯示表單。此表單只是範例，您可以控制登入表單的外觀。

您可以控制使用者登入後會發生的狀況。在我們的範例中,我們撰寫了一個 onLogin 函數,在成功登入後顯示使用者的頭像和電子郵件地址。

您也可以控制當您網站使用者登出後會看見的內容。在我們的範例中,onLogout 函數會返回初始狀態,顯示「登入」按鈕。