如何創建WordPress登錄彈出模式(逐步)


您是否要在網站上添加WordPress登錄彈出窗口模式? 模式登錄彈出窗口使您的用戶可以快速登錄到您的網站,而無需離開他們正在查看的頁面。 這可以改善用戶體驗並提高您網站上的參與度。 在本文中,我們將逐步向您展示如何輕鬆創建WordPress登錄彈出模式。

如何在WordPress中創建模式登錄

為什麼要創建WordPress登錄彈出模式?

如果您經營在線商店,會員網站或出售在線課程,則可能允許用戶註冊並登錄您的網​​站。

通常,當用戶單擊登錄鏈接時,他們將被帶到默認WordPress登錄頁面或您網站上的另一個自定義登錄頁面。 用戶登錄後,他們將再次重定向到另一個頁面。

模態登錄彈出窗口使您可以顯示登錄表單,而無需將用戶發送到其他頁面。 登錄後,您可以將用戶重定向到所需的任何頁面。

模式登錄彈出窗口更快,並改善了您網站上的用戶體驗。 更快,更完善的用戶體驗可以促進您的銷售和轉化。

話雖如此,讓我們看一下如何輕鬆地在WordPress中創建模式登錄彈出窗口。 我們將向您展示兩種方法,您可以選擇最適合您的一種。

方法1.使用CSH登錄創建模態登錄彈出窗口

此方法更簡單,建議大多數用戶使用。

您需要做的第一件事是安裝並激活CSH登錄插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要轉到 模態登錄 WordPress管理區域中的頁面,然後選擇模式登錄表單的類型。

選擇模式登錄類型

選擇模式登錄框類型後,您可以向下滾動並管理表單的登錄/註銷重定向。 您還可以允許用戶生成自己的密碼。

重定向登錄類型

接下來,您需要向下滾動到 款式 部分並選擇佈局,顯示標籤,背景色,按鈕顏色,鏈接顏色等。

設置您的模式登錄表單的樣式

此外,您可以添加註冊電子郵件,電子郵件主題,使用Google reCaptcha等。 該插件還允許您添加社交登錄,例如Facebook,Twitter和Google。

添加社交登錄表單

確保保存更改並複制位於頁面頂部的簡碼。 您將需要在WordPress中創建一個新頁面或編輯現有頁面以在內容編輯器中添加簡碼。

複製CSH登錄插件的簡碼

您還可以在WordPress邊欄中添加模式登錄。 只需轉到 外觀»小部件 拖放 CSH登錄 網站側邊欄中的窗口小部件。

拖放CSH登錄小部件

CSH模式登錄也可以添加到您的網站模板文件中。 將其添加到您的網站後,只需訪問WordPress網站即可查看模式登錄鏈接。

模態登錄彈出表單

方法2.使用WPForms和OptinMonster創建模式登錄彈出窗口

對於此方法,您將需要WPForms插件和OptinMontser。 如果您已經具有這兩個插件,則此方法是您的更好解決方案。

WPForms是最好的WordPress聯繫人表單插件。 您至少需要他們的Pro計劃才能訪問用戶註冊插件。

OptinMonster是市場上最好的WordPress彈出插件和銷售線索生成軟件。 它可以幫助您將網站訪問者轉換為訂閱者和客戶。 您至少需要使用Pro計劃才能訪問本文中使用的MonsterLinks功能。

準備? 讓我們開始吧。

使用WPForms創建用戶登錄表單

首先,您需要安裝並激活WPForms插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要轉到 WPForms»附加組件 安裝和激活頁面 用戶註冊插件

WPForms插件頁面

激活插件後,您需要轉到 WPForms»添加新 頁面以創建用戶登錄表單。

新增表格

啟動WPForms構建器後,您需要選擇預先構建的 用戶登錄表 模板。

選擇用戶登錄表格

此登錄表單模板具有與默認WordPress登錄表單相似的電子郵件和密碼字段。 您可以根據需要從屏幕左側拖放任何其他字段。

登錄表單模板

接下來,點擊 密碼 預覽部分中的“字段”,它將在左側顯示字段選項。 您可以在下面的描述框中添加以下給出的代碼 密碼 字段以顯示諸如忘記密碼和用戶註冊之類的選項。

Can't remember your password? Click here. Don't have an account? Register here.

添加密碼選項

之後,您需要點擊 保存 按鈕,然後單擊 嵌入 按鈕。

保存並嵌入

隨即打開一個帶有嵌入代碼的窗口。 您需要復制此代碼並保存以供以後使用。

複製嵌入代碼

您的登錄表單已準備就緒。 現在,您可以繼續創建模式彈出窗口。

使用OptinMonster創建模態彈出窗口

首先,您需要安裝並激活OptinMonster插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要轉到 OptinMonster 在WordPress管理區域中,然後單擊 製作新的廣告系列 按鈕。

製作新的廣告系列

您的OptinMonster儀表板將在新的網頁上打開。

進入裡面後,您需要選擇 燈箱彈出窗口 作為廣告系列類型,因此您可以在彈出窗口中添加登錄表單。

選擇廣告系列類型

接下來,您需要選擇 帆布 廣告系列模板,它是一個空白模板,可讓您添加自定義代碼和簡碼。

選擇廣告系列模板

它將要求您在燈箱中添加一個名稱,然後選擇要加載此彈出窗口的網站。

添加廣告系列名稱和網站

一旦您點擊 開始建設 按鈕,您將被重定向到OptinMonster廣告系列設置頁面。

從這裡,您需要前往 選擇參加 標籤並設置畫布的寬度和高度,在其中添加登錄表單嵌入代碼 自定義畫布HTML 字段,管理模式彈出窗口的顯示和聲音效果等。

注意: 登錄表單嵌入代碼應該是您在上一步中創建登錄表單後復制的代碼。

在模式彈出窗口中添加登錄表單嵌入代碼

由於您正在創建模式登錄彈出窗口,因此需要轉到“設置”標籤並為“ Cookie持續時間成功Cookie持續時間。 每當他們單擊您的鏈接時,它將向所有訪問者顯示該表單。

設置Cookie持續時間值

接下來,您需要訪問 顯示規則 標籤並展開 怪獸鏈接 將狀態更改為活動。

MonsterLink狀態有效

確保點擊 保存 右上角的按鈕,然後轉到 發布 部分以啟用狀態。

保存並發布廣告系列

現在,您可以在WordPress頁面或帖子中添加此模式登錄彈出窗口。

在WordPress中添加模式登錄

您需要回到 OptinMonster 在您的WordPress管理區域中,它將向您顯示廣告系列列表。 如果您沒有看到您最近創建的用於模式登錄的廣告系列,則只需點擊 刷新廣告活動 按鈕。

編輯輸出設置

接下來,您需要編輯廣告系列輸出設置以在您的站點上啟用optin,並選擇誰應該看到模式登錄彈出窗口。 確保點擊 保存設置 按鈕。

向訪客購物活動

之後,您需要返回到廣告系列概述頁面,並複制廣告系列實時選項下方可見的子彈。 此獨特的子段可用於短代碼和代碼,以在WordPress中顯示模式登錄。

複製廣告系列

接下來,您可以創建一個新的WordPress頁面或編輯一個現有的頁面,並將此代碼與您獨特的廣告系列標籤一起添加。

Login / Register

您也可以在WordPress菜單,側邊欄或網站上的任何其他區域中添加上述代碼。

確保將更改保存到WordPress頁面,並訪問您的網站以查看模式登錄的實際效果。

WordPress中的模式登錄

我們希望本文能幫助您學習如何在WordPress中創建模式登錄。 您可能還希望查看我們的最佳WordPress登錄頁面插件的完整列表,並輕鬆設計自己的登錄頁面。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。