如何創建自定義 WordPress 用戶註冊表?

已發表: 2023-01-10


想知道如何在 WordPress 中創建自定義用戶註冊表單? 如果您的回答是肯定的,那麼這篇文章正適合您。

用戶註冊是每個 WordPress 網站發展和成功所需的基本功能之一。 但是 WordPress 提供的默認選項不夠靈活,無法創建美觀而強大的用戶註冊表單。

無需擔心 WordPress 專業人員已經提出了多種輕鬆創建自定義用戶註冊表單的解決方案。

因此,這篇文章是在 WordPress 中創建此類自定義用戶註冊表單/頁面的完整教程,尤其適合初學者。

那麼,讓我們首先了解什麼是 WordPress 用戶註冊。

什麼是 WordPress 用戶註冊?

簡單來說,WordPress 用戶註冊是 WordPress 提供的會員選項的一個有用功能。 它允許您的網站訪問者在您的網站上註冊訂閱者或其他人。 作為網站所有者,您可以決定分配給新註冊用戶的特定用戶角色。

註冊用戶到您的網站

毫無疑問,您的網站訪問者是您可以擁有的最有價值的資產,他們的意見最重要。 因此,為他們提供一個單獨的用戶空間肯定是值得的。

因此,用戶註冊的一般邏輯是在您的網站上為您的忠實訪問者提供一些特定的空間。 這樣您就可以使您的網站更具交互性和用戶友好性。

通過用戶註冊,您可以為訪問者提供您網站的一種會員資格,還允許訪問者進行某些操作(評論帖子、貢獻文章、評論等)

此外,您可以收集用戶電子郵件並向註冊用戶發送一些令人興奮的內容。 它可以是歡迎他們加入您的網絡的簡單時事通訊、一些折扣券、節日優惠、關於您最近產品發布的信息等。

收集電子郵件

這樣,它有助於加強您和網站用戶之間的聯繫,從而發展您的在線業務。

在下一節中,我們將詳細解釋為什麼 WordPress 用戶註冊是必不可少的。


為什麼允許用戶在您的 WordPress 網站上註冊?

如上所述,允許用戶註冊的最根本原因是允許 WordPress 站點上的會員功能。

但這還不是全部。 您可以使用功能強大的用戶註冊表做更多事情。 但是,此類表單需要自定義創建。 默認選項不會讓您創建理想的完整用戶註冊表單/頁面。

例如,使用自定義創建的 WooCommerce 用戶註冊表,您可以允許您的用戶也包含送貨地址和賬單地址。

自定義創建的 WooCommerce 註冊表格 如何在 WordPress 中創建自定義註冊表格
自定義創建的 WooCommerce 註冊表(使用用戶註冊插件創建)

因此,使用自定義註冊表格為您的 WooCommerce 網站註冊用戶可以消除冗長的結帳過程給他們帶來的不便。 如果您擁有在線商店,那麼防止購物車被遺棄是非常有益的。

嗯,這只是冰山一角。 因此,讓我們快速檢查一下在此處創建強大的用戶註冊表單/頁面還有哪些其他好處。

i) 增加您的電子郵件列表

設計精美的自定義用戶註冊頁面可以發揮至關重要的作用,說服您的網站訪問者(包括新訪問者)註冊您的網站。

隨著電子郵件列表的增長,您可以利用電子郵件列表進行營銷。 您可以創建漂亮的時事通訊並將它們發送給註冊用戶。 這樣,您就可以同時接觸用戶和宣傳您的網站。

ii) 吸引用戶並增加互動

一個理想的自定義註冊表也為註冊用戶提供了一個專屬空間。 例如,他們可以創建自己的用戶配置文件,管理他們的詳細信息,並在分配的用戶角色允許的範圍內以可能的方式為您的站點做出貢獻。

這樣,用戶可以更多地參與您的網站,最終改善互動。

iii) 更好地了解您的訪客以改進您的網站

使用自定義用戶註冊表單,您可以創建多個字段並收集更多用戶信息。 此類收集的信息可幫助您更好地了解您的網站訪問者。 因此,您可以為改進站點做出明智的決定。

iv) 訪客博客的理想選擇

如果您想在您的網站上貢獻一些內容,用戶註冊是一種理想的方式。 您需要做的就是為選定的用戶提供貢獻者角色,他們將能夠提交內容。


如何在 WordPress 中啟用用戶註冊? (默認方法)

首先,您需要允許您的用戶通過前端表單進行註冊。 默認情況下禁用此選項。 因此,要啟用它,請從您的 WordPress 儀表板轉到設置>>常規

從設置導航到常規

現在,在常規設置頁面上,您將看到成員資格選項。 因此,您需要做的就是勾選任何人都可以註冊選項。

啟用會員選項

同樣,在“成員資格”選項下方,您還會找到“新用戶默認角色”選項。 因此,使用下拉菜單,您可以定義用戶的特定角色。 但是,最好為新用戶保留“訂閱者”角色。

新用戶默認角色

進行更改後,不要忘記點擊頁面底部的“保存更改”按鈕。

保存更改選項

這樣,您的用戶現在就可以註冊到您的 WordPress 網站了。

但是,默認用戶註冊表的一個問題是用戶必須找到 WP 登錄 URL 才能找到默認註冊選項。 因此,如果用戶不知道如何找到登錄頁面,這對他們來說可能是一項艱鉅的任務。

不過,有一種方法可以使用Meta小部件在您網站的前端顯示註冊鏈接。 因此,您可以按照以下步驟在前端獲得鏈接。

首先,轉到外觀 >> 小部件。 它將顯示您可以放置​​元小部件的所有部分。 現在,按您選擇的部分的號圖標,搜索小部件並單擊它。

元小工具

但您需要記住,可用部分可能會有所不同,具體取決於您當前使用的 WordPress 主題。

接下來,為小部件命名並點擊頂部的更新按鈕。

元標題

之後,您會看到您網站的頁腳有一個帶有註冊鏈接的全新小部件。

帶有註冊鏈接的頁腳

現在,只要訪問者單擊該鏈接,就會將他們帶到一個帶有註冊表單的頁面。

默認註冊表 在 WordPress 中創建註冊表

因此,一旦他們提供了用戶名和電子郵件地址,他們就會收到一封用於登錄的確認電子郵件。就是這樣。


默認 WordPress 註冊與自定義註冊(您需要什麼?)

您是否對使用哪些 WordPress 註冊表單(默認或自定義)在您的網站上註冊用戶感到困惑? 不用擔心。 我們已經為您準備好了。

幸運的是,WordPress 帶有默認的用戶註冊功能,可以快速輕鬆地註冊您的用戶。 這是一種簡單的內置用戶註冊方法,不需要任何第三方工具和插件。

使用默認用戶註冊表單的優缺點如下:

優點

  • 這是註冊用戶的簡單、容易和快速的方法。
  • 您無需手動創建註冊和登錄表單。
  • 無需安裝第三方插件和工具即可構建註冊表單。

缺點

  • 它只允許您收集用戶名和用戶電子郵件地址。 您不能添加額外的表單字段來收集額外的用戶信息。
  • 除非並且直到您是熟練的開發人員,否則您無法自定義註冊和登錄表單。
  • 它不允許您將註冊表添加到您感興趣的部分或頁面。

相反,WordPress 還允許您使用註冊插件在 WordPress 中創建功能強大的自定義註冊表單。 創建自定義註冊表單的優點和缺點如下:

優點

  • 自定義用戶註冊表單使您能夠使用自定義表單字段收集其他用戶信息。 這有助於在您的用戶在您的網站上註冊之前更好地了解他們。 此外,自定義 WooCommerce 註冊表單甚至可以幫助簡化用戶的結帳流程。
  • 自定義註冊表單還使您的網站訪問者能夠毫無困難地上傳他們的文件和個人資料圖片。
  • 您可以完全自由地根據自己的喜好定制您的用戶註冊表。
  • 您可以在站點的任何位置顯示您的自定義註冊表單。
  • 精心設計的自定義註冊表格在吸引您的網站訪問者(包括新訪問者)註冊您的網站方面起著至關重要的作用。

缺點

  • 您必須依賴第三方插件和工具才能在 WordPress 中創建自定義用戶註冊表單。

話雖如此,現在您必須清楚您的站點需要哪種用戶註冊表。

如果您想要一些簡單的東西,您可以簡單地使用 WordPress 網站上的默認用戶註冊表單。 但是,如果您想要多個字段和更多選項,則必須自己創建一個表單。

因此,是時候閱讀有關如何在 WordPress 中創建自定義用戶註冊的分步指南了。 那麼,讓我們開始吧!


如何在 WordPress 中創建自定義用戶註冊表單?

第 1 步:為自定義註冊表單選擇最佳插件

首先,您需要選擇最好的插件來在 WordPress 中創建自定義註冊表單。

而且,當我們談論 WordPress 註冊插件時,其中一個名列前茅的名字就是 WPEverest 的用戶註冊插件。

用戶註冊表插件

User Registration 是一個領先的拖放式表單生成器插件,用於構建令人驚嘆的自定義註冊和登錄表單。 它非常人性化且簡單。 因此,即使是沒有編碼技能的初學者也可以使用此插件在幾分鐘內在 WordPress 中創建漂亮的註冊表單。

最重要的是,該插件提供了自定義字段數組(下拉菜單、多項選擇、複選框等),您可以無限制地將其添加到註冊表中。 除此之外,它還為您的註冊表單提供無限的自定義選項。

此外,WooCommerce Integration 插件的可用性使該插件完全支持 WooCommerce。

WooCommerce 集成插件

它使您能夠創建一個全面的 WooCommerce 註冊表,其中包含其他用戶信息,例如賬單和送貨地址。 因此,它使您的註冊用戶的結帳過程變得容易,因為他們的地址數據會自動檢索。

此外,您應該選擇用戶註冊插件的其他原因如下:

  • 內置登錄表單
  • 註冊表單的免費和高級預建模板
  • 精心設計的用戶檔案賬戶
  • 分配用戶角色和能力
  • 管理員和用戶的電子郵件通知
  • 用於垃圾郵件防護的 Google reCaptcha

此外,User Registration 是一個免費增值插件,即它有免費版和收費版。 因此,您可以輕鬆地從 WordPress 插件存儲庫下載免費版本,並從官方網站購買高級版本。 其最便宜的價格從每年 99 美元起。

用戶註冊定價

第 2 步:安裝並激活用戶註冊插件

現在您知道要使用哪個插件了,是時候在您的站點上安裝該插件了。 因此,從您的儀表板轉到插件 >> 添加新插件

添加新導航的插件

然後,在右上角的搜索欄中輸入用戶註冊。 插件出現後,單擊“立即安裝”按鈕。

單擊立即安裝按鈕

成功安裝後不久,單擊“激活插件”按鈕以在您的站點上激活插件。

激活用戶註冊插件

還有一種安裝插件的替代方法。 為此,您需要先在本地計算機上從 WordPress.org 下載插件文件。 它作為 zip 文件下載。

之後,轉到插件>>添加新插件並單擊上傳插件按鈕。

上傳插件按鈕

接下來,選擇您之前下載的 zip 文件,然後點擊“立即安裝”按鈕。

現在安裝

最後,您需要激活插件。

激活插件按鈕

步驟 3. 配置用戶註冊設置頁面

安裝並激活用戶註冊插件後不久,您將看到一個歡迎頁面。 此頁面為您提供了三個不同的選項供您選擇。 他們是:

  • 開始
  • 創建第一個表單
  • 跳到儀表板
歡迎留言

現在,如果您選擇“開始”選項,它將帶您完成一系列設置配置。 或者,您也可以選擇開始創建您的第一個表單或在方便時跳至儀表板。

但是,如果您是新用戶,我們建議您完成完整的插件設置過程。

安裝頁面

如您所見,默認註冊表格預裝了用戶註冊插件。 同樣,如果您不想從頭開始構建,也可以安裝註冊頁面我的帳戶頁面

安裝頁面並繼續在 WordPress 中創建註冊頁面

因此,單擊“安裝並繼續”並單擊“下一步”按鈕。

通用設置

從“常規設置”頁面,您可以允許任何人在您的網站上註冊。 請記住,如果您不啟用此功能,用戶將無法填寫表格並在您的網站上註冊。

一般設置

因此,即使您跳過插件設置過程,也請確保從 WordPress 儀表板啟用此功能。 您所要做的就是轉到設置>>常規,然後選中我們在前面部分中提到的任何人都可以註冊選項。

此外,您還可以實施不同的用戶批准和登錄選項,甚至可以阻止 WordPress 儀表板訪問某些用戶角色。

註冊設置

在此頁面中,您可以為用戶選擇所需的註冊表模板默認角色。 此外,還可以啟用強密碼。

註冊設置

登錄設置

接下來,您可以配置登錄設置。 您可以選擇登錄表單模板並選擇啟用或禁用丟失密碼記住我隱藏/顯示密碼字段。

登錄設置

我的賬戶設置

在“我的帳戶設置”頁面中,您可以選擇“我的帳戶”頁面佈局。 此外,您可以禁用默認個人資料圖片功能。

我的帳戶設置

此外,點擊下一步按鈕完成設置過程。 因此,您現在可以轉到儀表板。

完成設置過程

第 4 步:創建自定義用戶註冊表

由於您已完成設置過程,現在是創建自定義用戶註冊表單的時候了。 用戶註冊插件允許您使用以下兩種不同的方法在 WordPress 中創建註冊表單:

方法一、使用預製表單模板

使用用戶註冊的好處之一是它帶有幾個內置的註冊表模板。 因此,如果時間不夠,您可以使用任何一個合適的模板立即創建註冊表單。

註冊表模板 在 WordPress 中創建用戶註冊表

但是,您需要購買高級用戶註冊插件才能解鎖某些表單模板。

現在,我們將向您展示如何使用可用的免費模板在 WordPress 中創建註冊表單。 因此,首先,從您的儀表板轉到用戶註冊>>添加新用戶

用戶註冊以添加新導航

然後,從“添加新表單”頁面,將鼠標懸停在所需的表單模板上,然後單擊“開始”按鈕。

開始使用預製表格

之後,為您的表單取一個合適的名稱,然後點擊繼續按鈕。

命名您的註冊表 在 WordPress 中創建用戶註冊表

這將打開您預先構建的註冊表單。

表單生成器窗口

更不用說,預建的表單模板也可以根據您網站的要求輕鬆調整。 因此,您可以添加額外的表單字段或刪除不需要的字段以快速準備表單。

調整您的註冊表

方法二。 從頭開始創建新註冊表

無論您是使用預建模板還是從頭開始,使用用戶註冊創建註冊表單都是輕而易舉的事。

因此,要從頭開始創建表單,請單擊“從頭開始”選項。

白手起家

之後,為您的表單命名並單擊Continue

為您的註冊表命名

然後,將打開一個表單生成器窗口。 在這裡,您可以看到四個必填表單字段:用戶名、用戶電子郵件、用戶密碼和確認密碼已添加,方便您使用。

帶有必填表單字段的表單生成器窗口

現在,您可以單擊添加新按鈕來添加您感興趣的新表單字段。

添加新行按鈕

更不用說,這個插件還允許您從三個不同的網格列選項中進行選擇。 現在,我們將使用單個網格。

選擇柱網

用戶註冊插件的字段選項卡共有六個部分,其中包含可變表單字段。 但是,免費版本只允許您使用兩個部分,即默認用戶字段額外字段

所以,現在您可以使用插件的拖放功能來創建表單。 您可以將所需的表單域從左側拖放到右側。

拖放用戶註冊表字段 如何在 WordPress 中創建註冊表

此外,拖放功能還使表單字段的重新排序變得容易。

使用用戶註冊插件的另一個好處是您可以不受任何限制地多次使用表單字段。 除了已經添加的必填表單域之外,表單域也是如此。

此外,該插件還為每個字段提供了大量字段選項。 為了自定義字段,您必須通過單擊來選擇它。 然後,“字段選項”選項卡將打開,您可以在其中配置“常規”和“高級”設置。

字段選項選項卡

常規設置下,您可以編輯標籤、描述、佔位符、必填、隱藏標籤選項等。

同樣,您可以從Advanced Settings中添加自定義 CSS 類、設置默認值等。

高級字段選項

完成創建表單後,不要忘記單擊頂部的更新表單按鈕。 此外,如果您想從前端查看表單的外觀,可以單擊“預覽”選項。 因此,如果您對錶單不滿意,可以進一步編輯表單。

更新表單按鈕和預覽選項

這就是您的註冊表格在 Zakra 主題下的樣子。 但請記住,您的註冊表的外觀可能會因您在網站上使用的主題而異。

表單預覽 在 WordPress 中創建自定義註冊表

第 5 步:配置用戶註冊表單設置

接下來,從表單設置選項卡,您可以為您的表單配置常規設置選項。

表單常規設置

在這裡,您可以選擇四種不同的用戶批准和登錄選項。 選項是:

  • 自動批准和手動登錄
  • 自動批准和自動登錄
  • 管理員批准
  • 電子郵件確認後自動批准

同樣,您也可以為註冊用戶指定默認用戶角色。 您可以選擇的不同用戶角色是:

  • 行政人員
  • 行政
  • 作者
  • 貢獻者
  • 訂戶
默認用戶角色

此外,您可以啟用強密碼、設置最低密碼強度以及添加重定向 URL。 除此之外,還可以添加表單提交按鈕標籤和表單提交按鈕 CSS 類。

不同的通用表單設置選項

此外,您可以選擇成功消息位置、啟用驗證碼支持、選擇表單模板以及添加表單類名稱。

進行必要的更改後,請確保單擊頂部的更新表單按鈕。

常規設置後更新表單

步驟 6:配置其他用戶註冊表單設置

現在,如果您之前跳過了插件設置,或者您想要配置其他表單設置,您可以從用戶註冊>>設置輕鬆完成。

用戶註冊到設置導航

如您所見,有五個不同的選項卡: General、Integration、Emails、Import/Export 和 Misc

用戶註冊設置的五個不同選項卡

它們提供如下不同的設置選項。

  • 一般:從這裡,您可以阻止儀表板訪問、自定義我的帳戶部分、端點部分、登錄選項以及前端消息。
  • 集成:它使您能夠集成不同的驗證碼類型(reCaptcha v2、reCaptcha v3、hCaptcha)以防止垃圾郵件。
集成選項卡
  • 電子郵件:在這裡,您可以自定義電子郵件發件人選項並發送測試電子郵件。 也可以完全禁用從用戶註冊發送的電子郵件通知。
電子郵件選項卡
  • 導入/導出:它使您能夠將用戶數據導出為 CSV 文件。
導入和導出選項卡
  • 雜項:此設置允許您刪除所有用戶註冊插件數據,以防您刪除插件。
雜項標籤

完成設置後,單擊“保存更改”按鈕以保存所有更改。


步驟 7. 如何以及在何處顯示新用戶註冊表?

現在您的用戶註冊表已準備就緒,接下來我們將討論如何以及在何處顯示該表單。

由於該插件使用短代碼方法,您可以輕鬆地在 WordPress 網站的任何位置顯示您的表單,包括小部件區域或頁面和帖子。

在本教程中,我們將向您展示如何在頁面上顯示表單。 因此,轉到用戶註冊>>所有表格並首先複製註冊表單簡碼。

複製用戶註冊表簡碼

然後,導航到Pages>>Add New

添加新導航的頁面 在 WordPress 中創建註冊頁面

現在,將它粘貼到一個短代碼塊中,為您的頁面添加一個合適的標題,然後點擊Publish

添加短代碼並發布

或者,您也可以使用塊方法。

為此,單擊加號圖標,在搜索欄中鍵入用戶註冊,然後單擊它。

單擊加號並蒐索用戶註冊塊

現在,從下拉菜單中選擇我們之前創建的自定義註冊表單,然後點擊Publish 。 就這樣!

選擇註冊表並發布

包起來!

好吧,我們關於如何在 WordPress 中創建註冊表單的文章到此結束。

當您擁有像用戶註冊這樣的插件時,創建強大的自定義註冊 WordPress 表單變得像 ABC 一樣容易。 因此,我們非常確定您現在可以在 WordPress 中輕鬆創建自定義註冊表單。

此外,如果您擁有一個電子商務網站,那麼此插件還允許您添加用於運輸、付款等的自定義字段表單。 因此,它將使您的客戶的結帳過程更加輕鬆順暢,從而減少購物車遺棄率。

喜歡你讀的東西? 如果是,請在您的社交媒體平台上分享這篇文章。 我們的社交手柄就在您面前。

此外,如果您有興趣,也可以查看我們的博客頁面。 您會發現更多資源豐富的文章,例如在 WordPress 中創建調查表和工作申請表。

最後,請在 Twitter 和 Facebook 上關注我們,以了解更多與 WordPress 相關的文章。