新增和管理自定義WordPress登錄檔單的完整指南

新增和管理自定義WordPress登錄檔單的完整指南

WordPress已經預設提供了一個簡單的登錄檔單。但是,使用正確的工具,無論您是在表單中新增徽標還是在更公開的頁面上包含該表單,都可以進行大量高階自定義。

每個網站都需要不同版本的使用者註冊模組,這就是學習如何新增和管理自定義WordPress登錄檔單很重要的原因。

好訊息是登錄檔有多種形式和樣式。您可以選擇使用使用者註冊外掛構建和管理自定義WordPress登錄檔單,新增會員資料和品牌元素。

作為替代方案,您可能希望與第三方註冊工具整合,或者堅持基礎並稍微自定義WordPress的預設註冊模組。

無論您對自定義WordPress登錄檔單的需求和願望如何,都可以使用各種解決方案來啟用更簡單的登錄檔單,或具有使用者訊息傳遞和使用社交媒體帳戶登入功能的高階登入和註冊頁面。

繼續閱讀以瞭解有關一般使用者註冊的更多資訊,以及向您的網站新增新的、完全可定製的WordPress登錄檔單的基礎知識。

  1. 什麼是使用者註冊?
  2. WordPress登錄檔單的優點
  3. 在WordPress上提供登錄檔的最佳方式是什麼?
  4. 如何在沒有外掛的情況下建立WordPress登錄檔單
  5. 如何使用高階外掛建立WordPress登錄檔單

什麼是使用者註冊?

使用者註冊是網站訪問者在您的網站上建立帳戶的簡單過程。

此註冊或註冊涉及電子商務商店等網站上的新客戶,或加入論壇的成員,或在部落格上註冊的讀者,僅舉幾例。

使用者註冊過程需要一個人輸入某種聯絡資訊來建立帳戶。有時它就像建立使用者名稱和密碼一樣簡單。但是,至少有一個電子郵件地址欄位以確保密碼恢復過程是可能的更為常見。

標準的WordPress註冊頁面要求輸入使用者名稱和電子郵件。之後,要求輸入密碼。

WordPress登錄檔單示例

WordPress登錄檔單示例

作為替代方案,您可能會發現更廣泛的使用者登錄檔單,其中包含要求諸如性別、地址或出生日期等資訊的欄位。從約會網站或社交網路等地方看到這樣的深度表格並不少見。甚至像Netflix這樣的網站也提供可選的使用者註冊問題,以瞭解您喜歡觀看的視訊型別。

如果您沒有為這些使用者提供任何特別的東西,或者您對管理使用者資料庫不感興趣,則不需要使用者登錄檔單。然而,網站訪問者是經營線上業務的一個相當有價值的部分,因此通常最好找出擁有使用者的理由。

使用者註冊還為設定使用者角色提供了可能性,其中一些使用者與其他使用者相比具有不同的能力或訪問您的站點。

WordPress登錄檔單的使用者角色

WordPress登錄檔單的使用者角色

通常,使用者註冊模組傾向於將使用者引導至線上空間,以便該使用者瞭解他們在您網站上的地位和活動。例如,像eBay這樣的網站會在使用者資料中顯示過去的出價和購買情況。只有當有人瀏覽使用者登錄檔以建立該個人資料區域時,這才有可能。

既然我們已經討論了使用者註冊的基礎知識及其所提供的功能,請繼續閱讀以瞭解為什麼您可能會考慮將WordPress使用者登錄檔單新增到您的網站。

WordPress登錄檔的優點

在構建站點時,您可能想知道新增WordPress登錄檔單的目的。總體而言,註冊區域向訪問者展示他們可能會從建立帳戶中獲得某種好處。有時這意味著他們將開啟對論壇的訪問許可權,或者讓他們記錄所有過去的購買或與其他使用者的互動。

登錄檔單為建立帳戶的使用者增加了價值。作為獎勵,網站所有者以組織和資料收集的形式獲得可觀的回報。

好處很多,但這裡是主要的:

  • 改進的使用者組織、互動和反饋——註冊使用者提交大量資訊,使您能夠以更可控的方式管理這些使用者。它還提供了與這些網站訪問者聯絡並獲得有價值的反饋以改進您的網站的選項,而不是想知道誰在購買您的產品或閱讀您的部落格。
  • 電子郵件列表增長——只要您的使用者登錄檔單要求傳送電子郵件,您就可以收集對未來有用的資料。註冊使用者加入您的電子郵件營銷計劃,讓您更輕鬆地傳送包含優惠券、新產品或部落格文章的電子郵件。
  • 自定義資料收集 – 登錄檔單不僅需要提供姓名和電子郵件地址。他們致力於深入瞭解使用者的背景。您可以新增自定義欄位,詢問從身高和體重到特定偏好(例如他們最喜歡的書)的任何內容。
  • 網站和使用者的安全性——使用者註冊垃圾郵件給網站增加了不必要的混亂程度,其中大部分需要網站所有者和版主刪除或過濾。強大的登錄檔單可提高安全性並防止不需要的成員。
  • 高階使用者許可權選項 – 註冊有機會讓您設定使用者許可權(有時稱為使用者型別或角色),允許某些使用者型別檢視某些內容或利用站點功能。其他使用者角色可能有權訪問網站的一部分,但不能訪問所有內容。這對於擁有多個網站貢獻者(如作者和編輯)的會員網站和運營來說尤其重要。
  • 更友好的使用者體驗——使用者註冊的主要目標之一是為個人使用者提供一個統一的區域,以檢查他們作為使用者的狀態。這些配置檔案通過顯示重要資訊(例如過去的購買或與其他使用者的訊息傳遞)來改善整體使用者體驗。
  • 使用個人資料管理建立會員網站– 登錄檔格可以方便地構建一個成熟的會員網站,看看它是如何成為會員網站提供的主要功能之一。使用者喜歡管理他們的個人資料,無論是在社交網路、論壇還是獨家線上課程

在WordPress上提供登錄檔的最佳方式是什麼?

從技術上講,有數百種方法可以將登錄檔單新增到您的WordPress網站。您設計表單的方式使每個流程都完全獨特,尤其是在您開始新增獨特的自定義欄位後。

但是,新增使用者登錄檔單有四種主要方法,只要具備正確的知識和工具,所有這些方法都是可能的。

您可以通過以下方法啟用註冊模組:

  • 開啟內建的WordPress使用者註冊功能。
  • 使用第三方解決方案嵌入WordPress使用者登錄檔單。
  • 使用WordPress外掛安裝註冊模組。
  • 自定義程式碼註冊區域。

最大的問題是,哪種方法最適合您的情況?

選擇你應該走哪條路很棘手,但你的業務格式和功能集的需求確實在其中發揮了作用:

  • 預設的WordPress註冊 – 這是將使用者註冊合併到您的網站的最快和最簡單的方法。它不適合那些需要自定義或冗長表格進行註冊的人。內建的WordPress註冊對於只需要收集姓名和電子郵件地址的小型網站和部落格來說非常突出。請記住,預設的WordPress登錄檔單限制了設計機會。
  • 嵌入第三方註冊模組——一個單獨的軟體或應用程式與您的WordPress網站整合。如果您找到具有您喜歡的功能但缺少WordPress外掛的登錄檔單生成器,則此過程很有意義。第三方表單有時比外掛更復雜,因為您通常必須弄清楚如何在WordPress網站上安裝或顯示註冊模組,例如使用嵌入程式碼。
  • 使用註冊外掛——我們喜歡使用者註冊外掛有兩個原因。首先,它們消除了對自定義編碼和使用第三方工具的需求。其次,實體外掛的功能列表很長,任何人都可以輕鬆設計和實現漂亮的登錄檔單。因此,外掛對於沒有編碼知識的初學者和渴望更簡單解決方案的開發人員都很有意義。
  • 自定義編碼登錄檔單 – 此選項保留給那些需要完全獨特的介面來註冊使用者的組織。還需要有資源來支付開發人員製作該自定義表單的費用。

如何在沒有外掛的情況下建立WordPress登錄檔單

可以向WordPress新增登錄檔單,而無需尋找並安裝新外掛。這種方法的原因各不相同,但總的來說,網站所有者可以選擇WordPress的內建登錄檔單,也可以考慮使用第三方軟體或自定義編碼的更高階路線。

我們將介紹如何處理每種方法的步驟。

啟用WordPress中的預設使用者註冊功能

安裝內容管理系統時, WordPress已經提供了登錄檔和使用者管理區域。註冊功能不一定預設開啟,因此需要執行一些步驟以確保您的網站訪問者能夠建立帳戶。

請記住,在為註冊和登入模組設計表單時,此版本的登錄檔單是最低限度的。但是,它對於只需要獲取使用者併為人們提供使用使用者名稱和密碼登入的方式的部落格和較小的社羣來說是有效的。

首先,轉到您的WordPress儀表盤

單擊設定 > 常規。

WordPress設定

WordPress設定

在“設定”中向下滾動時,找到“成員資格”標題。選中此框以確保訪問您網站的任何人都可以註冊為新使用者。

之後,修改新使用者預設角色欄位,以便為每個新使用者分配一個具有許可權的角色。

訂閱者使用者角色對於成員和客戶來說是最常見的。貢獻者作者可以訪問一些內容建立工具,例如部落格文章,而編輯可以釋出並且管理員可以控制網站的各個方面。

請務必儲存更改。

使用者角色

使用者角色

此啟用會開啟一個獨特的註冊和登入頁面,供人們在想要訪問您的網站時訪問。

預設情況下,該表單可在以下位置訪問:myexamplewebsite.com/wp-login.php。可以更改此URL,但所有WordPress登入和註冊頁面通常以wp-login.php子目錄開頭。

您應該會看到一個表單,要求訪問者使用使用者名稱或電子郵件地址以及他們的密碼登入。該頁面還包括一​​個連結,用於註冊該站點、找回忘記的密碼以及返回該站點的主頁。

WordPress登錄檔單的預設URL

WordPress登錄檔單的預設URL

現在您已經啟用了使用者註冊,是時候在網站的前端放置一個登錄檔單了。

在WordPress上安裝登錄檔單的最簡單方法是新增一個小工具

轉到WordPress儀表盤中的外觀 > 小工具。

WordPress中的小工具選項卡

WordPress中的小工具選項卡

可用小工具列表顯示了幾個可供選擇的選項,包括自定義HTML、影象和Meta小工具。這些小部件都是WordPress預設提供的,因此您無需安裝其他任何東西。

尋找Meta小工具。它啟用了一個模組,供使用者登入、註冊和單擊其他一些WordPress連結。

選擇元小工具。

WordPress中的元小工具

WordPress中的元小工具

所有主題都各不相同,因此您可能有頁尾、側邊欄、頁首或這些小工具區域的某種組合。您可以將Meta小工具放置在其中任何一箇中。

我們當前的測試主題只有幾個頁尾,所以我們將把Meta小工具放在第一個。這樣,網站訪問者無論最終訪問哪個頁面,都能看到登入和登錄檔單。

選擇您選擇的小工具區域,然後單擊新增小工具按鈕。

新增小工具

新增小工具

Meta小工具現在放置並儲存在頁尾區域或您決定的任何小部件區域中。

當您單擊Meta小工具時,您會注意到它不包含太多內容或任何可自定義的欄位。這一切都為您配置好了。

但是,Meta小工具允許您根據需要調整標題。如果小部件沒有自動儲存,請確保儲存它。

編輯元小工具

編輯元小工具

轉到您網站的前端,檢視註冊連結的樣子:

前端登錄檔

前端登錄檔

退出測試帳戶後,您會注意到顯示註冊和登入連結供使用者單擊並登入到他們以前建立的帳戶或建立新帳戶。

註冊連結

註冊連結

與我們之前看到的類似,單擊登入或註冊連結會將使用者帶到標準的WordPress註冊頁面,要求他們輸入使用者名稱,輸入他們的電子郵件地址並建立密碼。

預設的WordPress登錄檔單

預設的WordPress登錄檔單

如何更改註冊和登入表單

除了自定義編碼之外,還有幾個選項可用於自定義預設的WordPress登入和註冊頁面。

更改WordPress登入頁面的設計有助於品牌和安全性。在註冊頁面上擁有自己的徽標和顏色是有意義的,尤其是在面向客戶的線上社羣中,登入頁面是客戶首先看到的區域之一。

您可能決定更改登入頁面結構的另一個原因是防止入侵者獲得訪問許可權。這可以通過更改所述註冊頁面的URL(因為任何人都可以想到並轉到/wp-login.com URL)並新增額外的保護(如垃圾評論攔截)來完成。

更改註冊頁面徽標和設計

當使用者嘗試登入和註冊時,快速刪除WordPress徽標並在註冊頁面上將其換成您自己的徽標會增加您自己品牌的提示。

您還可以選擇使用外掛完全修改該頁面的設計,結合與標準WordPress設計不同的獨特樣式和顏色。

有些人只想新增一個新徽標並擺脫WordPress徽標。這很簡單,不需要外掛。

為此,請將徽標上傳到您的WordPress媒體庫。這是通過轉到媒體 > 新增新的來完成的。

新增新徽標

新增新徽標

在該頁面上,您可以通過單擊“選擇檔案”按鈕並從計算機檔案中選擇徽標來從計算機上傳徽標。

為您的自定義WordPress登錄檔上傳新徽標

為您的自定義WordPress登錄檔上傳新徽標

上傳後,找到並單擊該徽標影象的編輯連結。

編輯新的標誌檔案

編輯新的標誌檔案

將影象的檔案URL複製到剪貼簿。將其儲存在文字編輯器或類似的東西中。

複製WordPress登錄檔單的徽標URL

複製WordPress登錄檔單的徽標URL

繼續前進,導航到站點的functions.php檔案。將以下程式碼貼上到functions.php檔案中。通常最好將程式碼貼上到檔案末尾:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://your-logo.png);
height:200px;
width:600px;
background-size: 600px 200px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );
function wpb_login_logo() { ?> <style type="text/css"> #login h1 a, .login h1 a { background-image: url(http://your-logo.png); height:200px; width:600px; background-size: 600px 200px; background-repeat: no-repeat; padding-bottom: 20px; } </style> <?php } add_action( 'login_enqueue_scripts', 'wpb_login_logo' );
function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://your-logo.png);
height:200px;
width:600px;
background-size: 600px 200px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

找到顯示“http://your-logo.png”的文字,並將其替換為您之前儲存的影象URL。

您還可以選擇根據檔案的實際大小更改徽標的高度和寬度。隨意玩弄程式碼並預覽結果,直到將其渲染為完美顯示。

如果您有任何問題或想要解決任何其他自定義問題,請檢視有關自定義登入表單的官方WordPress文件。

使用外掛進行進一步的註冊頁面自定義

作為替代方案,有幾個外掛可用於更改登入頁面徽標。

事實上,LoginPress Customizer外掛提供了一個完整的系統,用於更換徽標和自定義註冊頁面的幾乎每個方面。

LoginPress for WordPress登錄檔單

LoginPress for WordPress登錄檔單

要使用LoginPress,請安裝外掛並轉到WordPress儀表盤中的LoginPress > Customizer。

該外掛提供了額外的設定,但我們主要關注的是定製工具。

這會將您帶到常規的WordPress定製器,但有一個特殊頁面,僅用於修改登錄檔單和頁面。

該外掛在高階版中有幾個預建主題,但大部分設計功能都是免費提供的。

如您所見,設定可用於調整徽標、背景、登入表單等。它已經自動合併了一個看起來與WordPress的預設背景截然不同的背景。

WordPress登錄檔的主題構建器

WordPress登錄檔的主題構建器

該外掛有一個視覺化構建器。因此,要更改徽標,您只需滾動徽標並單擊“更改徽標”圖示。

更改登錄檔中的徽標

更改登錄檔中的徽標

從您的計算機上傳徽標並移動徽標的寬度和高度設定以確保它看起來不錯。

自定義您的徽標

自定義您的徽標

接下來,轉到背景選項卡以從LoginPress中選擇提供的背景或上傳您自己的背景。您也可以使用空白的白色背景或純色。

只需單擊一個按鈕,您就可以將華麗的背景切換為帶葉子的背景。

設定背景

設定背景

為您提供了許多其他選項卡來調整註冊頁面設定。

我們建議檢視所有這些,包括完全轉換表單大小和位置的選項。您可以修改從歡迎訊息到Google字型的所有內容,而無需編寫任何程式碼。

WordPress登錄檔單的其他設定

WordPress登錄檔單的其他設定

更改註冊頁面URL

決定是否要為註冊頁面建立一個新URL非常重要。我們之前討論過,可以在myexamplewebsite.com/wp-login.php訪問註冊頁面。

由於WordPress對所有登入頁面都使用/wp-login.php子目錄,因此黑客知道確切位置並不難。儘管他們仍然需要對登入表單進行暴力攻擊,但您可以通過最大限度地減少他們首先進入頁面的機會來增加一層安全性

您最好的選擇是安裝並啟用WPS Hide Login外掛以完成工作。該外掛會立即處理舊註冊頁面的重定向和隱藏,只要求您決定子目錄名稱。

WordPress外掛-WPS Hide Login

WordPress外掛-WPS Hide Login

我們在這裡有一個安裝和使用WPS Hide Login外掛的教程。請按照這些步驟更改您的登入URL。本質上,這是一個幾乎完全自動化的過程,您可以在其中輸入登入URL和重定向URL的新子目錄(如果您想調整它)。

然後,外掛會為您完成其餘的工作,建立類似於以下螢幕截圖的內容。

私密網址

私密網址

如何使用高階外掛建立WordPress登錄檔單

之前啟用和自定義登錄檔單的策略是通過從WordPress修改已經實現的登入表單來工作的。該WordPress表單具有基礎知識,但並不適合所有人。

如果您的網站需要額外的欄位來收集電話號碼或實際地址怎麼辦?生成您自己的自定義欄位以使登錄檔單上的限制幾乎不存在不是很好嗎?

儘管自定義編碼的登錄檔單是獲得最獨特的表單設計的最有效方式,但WordPress外掛是次佳選擇。

此外,您不必花費所有時間和金錢來開發可能使用外掛建立的表單。

最佳WordPress登錄檔單外掛

看看我們關於最佳WordPress使用者註冊外掛的文章。它涵蓋了大量適用於設計和格式化註冊模組的外掛,而無需太多編碼知識。

其中一些提供了獨特的工具來利用大量自定義欄位,而另一些則立即啟用成員目錄以組織您的會員群。

我們強烈建議您通讀該文章,以確定適合您情況的最佳登錄檔單外掛,但以下是我們最喜歡的列表:

這些外掛專注於構建會員登入表單和利基註冊區域,以使您的使用者在註冊您的網站時順利完成。

作為替代方案,您可以使用通用表單外掛,這樣您就不會被僅限於某個行業或功能的外掛卡住。

例如,可以使用Contact Form 7和Gravity Forms外掛製作自定義WordPress登錄檔單。

我們將在下面的部分中介紹這些步驟。

  1. 使用Contact Form 7製作WordPress登錄檔單
  2. 使用Gravity Forms製作WordPress登錄檔單

使用Contact Form 7製作WordPress登錄檔單

Contact Form 7提供了WordPress上最基本的聯絡表格工具。它非常流行、可靠且足夠簡單,因此在任何網站上都看起來不錯。更不用說,這種基本設計確保任何開發人員都可以使用自己的程式碼進行自定義。

Contact Form 7外掛

Contact Form 7外掛

標準表單可以很好地用作註冊解決方案,但是這些表單提交會轉到不同的資料庫,並且實際上不會將新使用者註冊到您的WordPress使用者資料庫中。相反,您會收到包含聯絡表單提交以及您在表單中要求的任何使用者資料的電子郵件。您可以在電子表格中記錄該使用者資訊,但這並不總是理想的。

對於某些人來說,這可能工作得很好。您可以將Contact Form 7中的列表匯入任何聯絡人管理外掛或軟體。您還可以選擇將該列表匯入WordPress使用者部分。

但是,我們希望通過將Contact Form 7連結到將您的Contact Form 7表單轉換為WordPress的實際使用者登錄檔單的擴充套件程式來簡化它。

有兩種方法可以將您的Contact Form 7建立轉換為合法的使用者登錄檔單:

  • 使用外掛。
  • 插入一些自定義程式碼。

與WordPress中的許多工一樣,如果自定義編碼變得過於複雜,我們通常喜歡堅持使用外掛。

因此,第一步是安裝Contact Form 7外掛和一個名為Frontend Registration – Contact Form 7的擴充套件外掛。

前端註冊

前端註冊

一旦兩者都被啟用,請轉到您的WordPress儀表盤選單並導航到聯絡人 > 聯絡表格。

聯絡表格按鈕

聯絡表格按鈕

單擊新增新按鈕以建立新表單或選擇外掛已建立的預設表單。

建立您的第一個表單

建立您的第一個表單

在Contact Form 7中,所有表格都是通過使用編碼標籤位的簡單模板建立的。對於每個欄位,標籤標記是顯示在表單上每個欄位上方的文字。

表單標籤 – 或 [ ] 括號之間的文字位 – 生成使用者輸入資訊的實際表單欄位。

Contact Form 7中的預製表單包括名稱、電子郵件、主題和訊息欄位。這對於常規聯絡表單是有意義的,但沒有理由在登錄檔單上包含主題和訊息欄位。

刪除那些。

刪除所需的標籤

刪除所需的標籤

表單建立器上方的按鈕用於合併其他欄位標籤。

例如,您可能還想收集新使用者的電話號碼。為此,請選擇“tel”標籤並將其放入表單中。其他標籤包括網站的URL選項和用於詢問特定問題的覈取方塊或單選按鈕。

電話標籤

電話標籤

該外掛會新增該欄位,但您必須手動將標籤標籤放置在其中。您可以簡單地從其他欄位之一複製這些並將標籤更改為“您的電話號碼”之類的內容。

確保使用 </label> 關閉標籤。

關閉標籤

關閉標籤

儲存表格。

您會注意到為您在聯絡表單 7 中建立的每個表單分配了一個簡碼。這是為了將表單放置在您網站上的任何位置,從側邊欄到常規頁面。

Contact Form 7簡碼

Contact Form 7簡碼

如果您打算使用簡碼來顯示您的表單,請隨意複製該簡碼。

還有另一個選項可以通過Gutenberg編輯器使用區塊。

現在是時候將表單新增到頁面了。單擊WordPress中的頁面選項卡,然後新增新頁面或轉到您已經建立的頁面。

新增新頁面

新增新頁面

對於本教程,我們將此頁面稱為“使用者註冊”。它是訪問者在測試站點上註冊和註冊的主要地點。

在視覺化編輯器中,單擊新增區塊按鈕。

在區塊編輯器中新增區塊

在區塊編輯器中新增區塊

找到Contact Form 7區塊並選擇它。

Contact Form 7區塊

Contact Form 7區塊

這提供了一個下拉選單,其中包含您在Contact Form 7外掛中生成的所有聯絡表單。

我們現在只有一個,所以讓我們選擇它。

選擇正確的表單

選擇正確的表單

使用Gutenberg Editor區塊的替代方法是將表單的簡碼插入頁面。您可以在傳統的WordPress編輯器或Gutenberg Shortcode區塊中執行此操作。兩者都實現了相同的目標。

釋出此頁面以確保它在您網站的前端可用。

為您的WordPress登錄檔單新增簡碼

為您的WordPress登錄檔單新增簡碼

接下來是啟用Contact Form 7的使用者註冊功能。這就是Frontend Registration外掛發揮作用的地方。

到目前為止,該表單仍然是標準的聯絡表單,使用者可以在其中單擊“提交”按鈕,然後向網站管理員傳送一封電子郵件。

我們寧願讓提交在WordPress資料庫中註冊一個新使用者。

因此,導航回聯絡表單編輯器。安裝Frontend Registration外掛後,您現在應該會看到一個名為Registration Settings的選項卡。點選那個。

註冊設定選項卡

註冊設定選項卡

切換註冊設定下所有三個專案的開關。

第一個允許在表單上註冊,使其成為三個中最重要的。

第二個設定跳過傳送該表單的任何電子郵件。因此,您不會像以前那樣收到聯絡表單訊息。

最後一個不是必需的,但可以順利完成註冊過程。它使使用者登入,因此他們不必重複這些步驟。

WordPress登錄檔的註冊設定

WordPress登錄檔的註冊設定

在此之下,選擇註冊到WordPress使用者元素中的欄位名稱。

例如,WordPress使用者必須擁有使用者名稱和電子郵件才能使他們的帳戶正常工作。您可以將“您的姓名”表單欄位設定為他們的使用者名稱,並將“您的電子郵件”欄位設定為他們的電子郵件地址。

最後一步是選擇預設使用者角色,例如訂閱者。我們通常建議大多數網站使用訂閱者使用者角色,以瞭解上述任何許可權如何提供對網站設定的私密訪問。

前端欄位設定

前端欄位設定

轉到該頁面的前端並對其進行測試,然後單擊“提交”按鈕。

測試您的登錄檔單

測試您的登錄檔單

它似乎正在工作。唯一的問題是成功訊息聽起來像是使用者剛剛提交了聯絡表格。

成功訊息

成功訊息

我們需要改變這一點。為此,請返回WordPress儀表盤中的表單編輯器。

單擊訊息選項卡並找到發件人的訊息已成功傳送欄位。您需要做的就是修改此訊息。

在Contact Form 7中調整訊息

在Contact Form 7中調整訊息

例如,感謝您加入或註冊該網站。

更改發件人的訊息

更改發件人的訊息

最後,我們應該檢查該使用者是否實際上已註冊到WordPress使用者資料庫中。

如果您以測試使用者身份登入網站,則在嘗試檢查使用者列表時會看到類似這樣的錯誤訊息。這是因為訂閱者使用者角色無法檢查或管理您站點上的使用者。

WordPress登錄檔警告

WordPress登錄檔警告

當重新登入到管理員帳戶時,很明顯新使用者資訊儲存在使用者資料庫列表中!

新註冊使用者

新註冊使用者

使用Gravity Forms製作WordPress登錄檔單

Gravity Forms是一個著名的、有信譽的表單生成器,它生成許多獨特型別的表單並連結到它自己的外掛以獲得高階功能。

Gravity Forms是一種高階解決方案,但您可以通過免費演示測試整個介面並構建自己的表單。Gravity Forms起價59美元,但使用者註冊附加元件僅包含在Elite計劃中,即259美元。

是的,它有點貴,但是在嘗試自定義使用者註冊區域並結合其他元素(例如使用您選擇的閘道器進行支付)時,重力形式是要考慮的最佳選擇之一。

首先,請訪問Gravity Forms網站。

在那裡,選擇註冊精英計劃以啟用使用者註冊外掛。下載Gravity Forms外掛檔案,將其上傳到您的WordPress儀表盤,然後啟用外掛以開始表單建立過程。

預設情況下,Gravity Forms具有構建標準網站表單的選項。它們絕對漂亮,但是如果您想實現一個使用者登錄檔單,其中每個提交都放入您的WordPress使用者資料庫,則需要調整一些設定。

一旦啟用,Gravity Forms外掛會在WordPress儀表盤中顯示一個表單選項卡。

轉到表單 > 載入項。

找到使用者註冊外掛並單擊啟用按鈕。

使用者註冊外掛

使用者註冊外掛

一旦Gravity Forms外掛被啟用,它就會顯示在您的外掛列表中,就像Gravity Forms本身一樣。

外掛列表

外掛列表

繼續前進,單擊表單 > 設定。

Gravity Forms設定選項卡

Gravity Forms設定選項卡

在設定中找到使用者註冊選項卡。在這裡,您需要啟用自定義註冊頁面選項。

選中該框以確保通過您的表單進行的所有註冊都新增為常規WordPress使用者。

啟用自定義註冊頁面

啟用自定義註冊頁面

您還需要選擇一個頁面作為您的註冊頁面。如果啟用,預設WordPress註冊頁面將重定向到自定義頁面。如果您已經有一個,請隨時從下拉選單中選擇頁面。

如果沒有,我們將逐步完成下面的註冊頁面。

每當完成Gravity Forms中的設定更改時,請務必單擊“更新設定”按鈕。

啟用自定義註冊頁面

使用者註冊示例

轉到表單 > 表單或表單 > 新表單。表單頁面顯示了您過去使用重力表單建立的所有表單的列表。如果你還沒有做任何事情,它可能是空白的。

如果您還沒有製作表格,請選擇“新建表格”按鈕。

使用Gravity Forms建立新的WordPress登錄檔單

使用Gravity Forms建立新的WordPress登錄檔單

製作表格標題和表格描述。單擊建立表單。

為表單新增標題和描述

為表單新增標題和描述

Gravity Forms提供了一個視覺化的拖放式編輯器,右側有一個模組,用於包含欄位元素。

由於我們目前正在檢視一個空白的使用者登錄檔單,因此我們首先將Name模組拖入表單本身。這是通過單擊並將模組向左移動來完成的。

表單生成器

表單生成器

一旦任何模組被放入您的表單中,您應該會在預覽中看到它呈現。

例如,我們現在看到Name欄位,預設顯示First name和Last name欄位。

使用者登錄檔單欄位

使用者登錄檔單欄位

對於使用者登錄檔單,還包括使用者名稱、密碼和電子郵件欄位是有意義的。

將高階欄位新增到自定義登錄檔單

將高階欄位新增到自定義登錄檔單

放入表單後,“電子郵件”欄位會顯示使用者輸入電子郵件地址的選項。

新增姓名和電子郵件

新增姓名和電子郵件

使用者名稱欄位用於為站點建立一個全新的使用者名稱,而密碼模組要求使用者輸入兩次新密碼。

新增使用者名稱和密碼欄位

新增使用者名稱和密碼欄位

您的登錄檔單可能需要其他元素,例如電話號碼或網站URL欄位。

對於本教程,我們新增了一個Section模組來合併一個分節符並指示該行以下的所有內容都是可選的。

插入分節符

插入分節符

然後,我們在該可選部分下新增了網站和電話模組。

如前所述,這些型別的欄位對於您自己的使用者登錄檔單是可選的。如果您願意,還有很多其他欄位可以插入。

新增更多可選欄位

新增更多可選欄位

當您將Gravity Forms拖放模組放入表單時,您可以單擊每個模組的下拉按鈕以展開該欄位的設定和編輯選項。

編輯每個欄位的設定

編輯每個欄位的設定

例如,網站欄位下的設定會詢問欄位標籤以及您是否希望將此欄位設為必填。

鑑於我們已經在部分標題中將網站欄位標記為可選,我們將不選中此選項,以便使用者無需輸入網站即可註冊該網站。

一般而言,絕大多數字段不應是登錄檔單所必需的。

必填與非必填欄位設定

必填與非必填欄位設定

使用者名稱、電子郵件和密碼欄位是生成WordPress使用者並將其登入到資料庫所必需的。因此,最好根據需要標記它們。

隨意調整您新增到登錄檔單的每個欄位模組的設定。通常最好重新命名欄位名稱並決定是否要將欄位設為必填。

您還可以選擇調整欄位外觀並在其他設定選項卡中進行高階編輯。

使欄位成為必填項

使欄位成為必填項

按照您想要的方式設計登錄檔單後,請移至“設定”選項卡。

這些是整個表單的整體設定,而不僅僅是單個欄位。

編輯自定義登錄檔單的設定

編輯自定義登錄檔單的設定

在設定下,轉到使用者註冊選項卡。

單擊新增新按鈕。

對於此步驟,您將建立一個使用者註冊提要,該提要自動為每個提交建立一個使用者,並將欄位提交傳輸到WordPress使用者資料庫中的預設欄位。

新增新的使用者註冊提要

新增新的使用者註冊提要

為您自己的內部參考命名使用者註冊提要。

您有兩個選項來製作提要,建立使用者或更新使用者。

如果您為使用者提供更新其當前配置檔案資訊的頁面,則更新使用者提要選項會更有用。您絕對可以將其包含在您的註冊/登入頁面中,但現在,我們更感興趣的是建立一個新使用者。

單擊建立使用者選項。

建立使用者

建立使用者

使用者註冊提要自動生成大部分使用者設定,用於從表單中提交欄位並將其傳輸到WordPress使用者資料庫中新使用者的欄位中。

但是,您可能需要修改其中的一些。

例如,我們希望確保在使用者名稱錶單欄位中輸入的文字用作新使用者的實際使用者名稱。

如果您只想讓您的使用者使用他們的電子郵件地址登入,您也可以將其設為電子郵件欄位。

名字和姓氏欄位和使用者設定看起來不錯。電子郵件地址和密碼設定也是如此。如果您願意,請繼續選擇暱稱參考和顯示名稱。

自定義使用者設定

自定義使用者設定

此步驟中最重要的部分之一是在建立使用者配置檔案時選擇預設使用者角色。

您可能不希望每個使用者都成為管理員或作者(這會使隨機人員過多地控制您的站點),因此最好的選擇是使用訂閱者角色。

選擇使用者角色

選擇使用者角色

向下滾動以完成其餘的使用者供稿設定。如果您有任何可選或附加欄位,請考慮預設WordPress使用者配置檔案是否也有任何欄位。

WordPress使用者資料庫具有網站的可選欄位。因此,我們將表單的網站欄位連結到WordPress使用者資料庫的欄位。

附加選項部分詢問您是否要在註冊時傳送通知電子郵件。這是通知您的使用者他們已成功建立帳戶的最佳做法。

使用者啟用覈取方塊僅在使用者單擊傳送到其電子郵件地址的驗證連結時生成使用者。該設定通常只會減慢註冊過程,但有助於減少垃圾郵件

註冊條件是您必須決定使用或不使用的另一個設定。該功能僅在滿足自定義條件時才允許註冊,例如地址中帶有 @ 符號的電子郵件地址。同樣,我們喜歡這樣可以減少垃圾郵件並可能阻止填寫不當的表格,但您的登錄檔單並不完全需要正常執行。

完成表單設定後,單擊更新設定按鈕。

Gravity Forms的附加選項

Gravity Forms的附加選項

這涵蓋了使用Gravity Forms製作自定義註冊WordPress表單的大部分表單建立過程。您現在需要在頁面上顯示錶單以替換WordPress的預設登入頁面。

在頁面上新增使用者登錄檔單有兩種方法。

一種涉及使用簡碼,而另一種則利用Gutenberg區塊系統。

如果您打算使用簡碼,請檢視您剛剛建立的使用者登錄檔單。Gravity Forms中的每個表格都分配了一個ID號。

記下或記住此ID。

您的表格的ID號

您的表格的ID號

轉到WordPress儀表盤中的頁面 > 新增新內容。或者,如果您已經為表單建立了指定頁面,請導航到該頁面。

對於本教程,我們將其命名為使用者註冊頁面。

要使用簡碼選項,請將以下簡碼貼上到該頁面的任何位置:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
[gravityform id="#" title="true" description="true]
[gravityform id="#" title="true" description="true]
[gravityform id="#" title="true" description="true]

將 # 符號替換為登錄檔中的ID號。

新增短程式碼並儲存頁面後,您可以轉到已釋出頁面的前端檢視正在執行的表單。

另一個需要考慮的選擇是WordPress Gutenberg區塊系統。如果您使用的是Gutenberg,請單擊頁面編輯器中的“新增區塊”按鈕。

向古騰堡編輯器新增區塊

向古騰堡編輯器新增區塊

搜尋Gravity Forms區塊或滾動列表以找到它。

選擇Gravity Forms區塊。它被標記為“Form”,並帶有Gravity Forms徽標作為圖示。

Gravity Forms區塊

Gravity Forms區塊

啟用塊後,單擊下拉選單以選擇表單。

選擇您的自定義表單

選擇您的自定義表單

您可能有很長的表格列表,或者您可能只有一兩個。找到您之前為使用者登錄檔單製作的那個。

在這種情況下,我們將表單稱為使用者登錄檔單 1。

選擇要使用的正確表格

選擇要使用的正確表格

從下拉選單中選擇表單會立即在頁面編輯器上呈現表單的視覺化檢視。

如您所見,我們之前構建的使用者登錄檔單顯示在WordPress頁面的後端。如果您發現表單有任何問題,請返回“表單”部分以編輯其中的欄位。

您的自定義登錄檔單的前端檢視

您的自定義登錄檔單的前端檢視

最後,轉到您網站的前端以檢視該特定頁面。登錄檔顯示了所有適當的欄位。不僅如此,我們已經將該表單設定為預設WordPress登入頁面的重定向——並且每個表單提交都會成為一個新的WordPress使用者。

此時,請檢查表格的準確性以及您的標籤是否拼寫正確。此外,以測試使用者的身份填寫表格以檢視它是否正常工作以及流程如何進行。

提交表單後,轉到WordPress儀表盤中的“使用者”部分,檢查該使用者是否已正確新增到使用者資料庫中。

您還可以出於其他原因完成測試,例如檢視您的可選確認訊息是否已發出,或者如果某人不符合您的條件之一,表格是否會阻止他們註冊。

最後提醒一下,請務必轉到表單 > 設定,以確保您已將正確的頁面配置為您的自定義註冊區域

簡而言之,您所要做的就是通過選中該框並從下拉選單中選擇正確的註冊頁面來啟用自定義登錄檔單。對於此示例,使用者註冊頁面是正確的。

選擇正確的註冊頁面

選擇正確的註冊頁面

單擊更新設定按鈕以完成該過程。

如何使用支付外掛安裝WordPress登錄檔單

Gravity Forms有許多潛在的附加元件來建立令人難以置信的獨特表單。您可能會考慮使用Gravity Forms的原因之一是支付附加元件。

總體而言,支付外掛將您的表單變成了支付處理器,僅允許人們在支付訂閱費或一次性費用時建立使用者帳戶。

這對於會員網站和具有獨家內容的網站非常有用,除非使用者直接從表單中付款,否則您不會透露內容、社羣或整個網站。

如果您的註冊出於任何原因需要支付模組,Gravity Forms提供了幾個支付處理外掛。您只需選擇對您的品牌來說最方便、最實惠的一款。

還值得一提的是,PayPal、Stripe和Square的附加元件隨附Gravity Forms的159美元Pro計劃。Gravity Forms的259美元Elite計劃提供更高階的支付閘道器,例如2Checkout和Authorize.net。使用者註冊外掛(在文章前面介紹過)需要Elite主題,所以如果您決定為您的使用者註冊模組使用 Gravity Forms,那麼從技術上講,您應該已經可以訪問每個外掛。

要開始使用,請轉到您的WordPress儀表盤,然後單擊表單 > 附加元件。

這顯示了一長串可供選擇的附加元件,其中一些包括Square、PayPal和Stripe。

Gravity Forms中的支付外掛

Gravity Forms中的支付外掛

儘管您可以選擇任何支付閘道器,但我們在本教程中堅持使用PayPal支付標準。

轉到載入項並單擊啟用按鈕。

PayPal外掛

PayPal外掛

一旦外掛實際上被啟用,它就會顯示在WordPress的外掛部分。

所有Gravity Forms外掛實際上只是與Gravity Forms外掛互動的額外WordPress外掛。因此,請檢視外掛部分以確保PayPal標準或您選擇的支付外掛已啟用。

檢查外掛是否正確安裝

檢查外掛是否正確安裝

要配置您的付款外掛,請轉到表單 > 設定。

表單設定

表單設定

選擇PayPal標籤(或您的其他支付外掛)。每個支付外掛都有自己的驗證和連線過程。您通常可以完成儀表盤上提供的獨特步驟。

對於PayPal,它會要求您確認您已配置PayPal IPN設定。選中該框並單擊更新設定。

您還應該複製此頁面上提供的通知URL。

WordPress登錄檔格的PayPal IPN

WordPress登錄檔格的PayPal IPN

Gravity Forms會將您帶到PayPal配置頁面。同樣,如果您使用Stripe或Square或任何其他支付閘道器的外掛,這看起來會有所不同。

對於PayPal,單擊選擇IPN設定按鈕。

即時付款通知設定

即時付款通知設定

您可以在此處貼上之前的通知URL。

在有人嘗試在您的表單上註冊並通過PayPal付款後,它實質上會啟用正確的步驟和通知。

單擊儲存按鈕。

新增通知URL

新增通知URL

就像之前配置的登錄檔單一樣,必須為付款外掛建立一個提要。

為此,請轉到WordPress選單中的表單 > 表單。

找到以前的登錄檔單。您不僅需要將支付外掛連線到該特定表單,還需要生成一個供支付外掛正常執行的提要,並將每筆支付與特定使用者相關聯。

返回登錄檔單編輯器後,單擊“設定”按鈕。

自定義表單的設定選項卡

自定義表單的設定選項卡

找到支付外掛選項卡,在本例中為PayPal選項卡。

PayPal提要

PayPal提要

單擊新增新按鈕以為此表單生成新的PayPal提要。

新增新的PayPal提要

新增新的PayPal提要

PayPal的Feed設定和大多數支付閘道器整合都快速而直接。首先命名提要並新增您的PayPal電子郵件地址。選擇測試或生產模式。

測試模式用於在站點開發的測試階段執行支付處理器。如果您想開始收取實際付款,請使用生產模式。

最後,您需要選擇交易型別。

一般來說,訂閱交易型別通常對線上雜誌或社羣最有意義,但您也可以選擇產品型別或不同的東西。

調整您的Feed設定

調整您的Feed設定

儲存您的PayPal提要並返回到表單生成器。

必須在登錄檔單上插入一個欄位,向系統和使用者表明必須付款。

我們推薦使用產品模組,但您確實有一些其他選項可用於設定價格或製表總計。

將Product欄位拖到表單構建器中。

產品領域

產品領域

對於本教程,我們設定訂閱價格。我們還將向您展示如何為該訂閱配置多個計劃和一次性付款。

更改欄位標籤以反映該欄位的全部內容。

此外,在“價格”欄位中設定您的訂閱價格。

我們通常建議使用單一產品欄位型別並堅持固定價格。但是,許多其他組織可能有其他計劃。

欄位標籤

欄位標籤

我們還建議您選中“規則”標題下的“必需”框。這樣,如果不為內容付費,某人就無法訪問您的網站並製作使用者個人資料。

填寫必填欄位

填寫必填欄位

另一個需要考慮的領域是Option模組。

這為設定訂閱級別提供了機會,您可以根據交付的功能或內容的數量擁有三個或四個計劃。

將訂閱級別新增到您的表單

將訂閱級別新增到您的表單

對於使用選項欄位的使用者,請將其設定為產品欄位對映的訂閱價格。

使用您想要的任何欄位型別,並使用其標籤和定價設定選項。

例如,您可能擁有三個訂閱級別,所有訂閱級別都隨著級別的提高而增加。

請務必選中規則下的必填框,因為這也是一個付款欄位,您不希望人們在不付款的情況下開戶。

要求訂閱級別

要求訂閱級別

您決定的支付模組型別也會影響我們之前配置的 Feed 設定。

如果您想啟用基於訂閱的註冊過程,您的 PayPal Feed 設定也應該具有訂閱交易型別。作為替代方案,我們非常歡迎您將交易型別設定為一次性產品或服務,甚至是捐贈。

選擇交易型別

選擇交易型別

同樣在PayPal Feed設定下,您需要告訴Gravity Forms表單中的付款金額來自哪裡。例如,您可以在表單中有一個Total Price欄位和一個Subscription Price欄位。PayPal應該使用哪一個來處理交易?

使用“付款金額”下拉選單選擇指示總付款的正確表單欄位。有些人喜歡簡單地使用表單總計,但您也可以使用訂閱價格或您剛剛在表單中實現的任何欄位。

設定支付金額欄位

設定支付金額欄位

仍在PayPal Feed設定中時,請檢視“其他設定”區域。

與使用者註冊提要配置類似,您必須將表單欄位連結到PayPal的正確欄位。這樣,當使用者的名字、電子郵件和其他資訊被傳輸到PayPal介面時,PayPal就知道該放在哪裡。

在“其他設定”區域下,瀏覽“計費資訊”列表中的每個專案。其中一些應預設設定,但請務必仔細檢查。

例如,表單上的First Name和Last Name欄位應與PayPal中的First Name和Last Name欄位對應。這可能需要您在WordPress登錄檔單上插入更多欄位。例如,我們沒有在使用者登錄檔單中包含地址欄位,但它會通過在表單上預先要求所有帳單資訊來加快流程。

這些並非完全必要,但如前所述,它們可以加快註冊和支付流程。所有支付外掛都不同,PayPal連線只會從使用者的PayPal賬戶中提取賬單資訊,或者在他們訪問PayPal時詢問這些詳細資訊。

需要考慮的其他一些設定包括影象URL和取消URL。隨意為您的徽標或代表所售產品的任何影象插入影象URL。取消URL用作重定向,如果使用者在完成流程之前取消支付,則將其傳送到特定頁面。

選項區域詢問您是否要在付款過程中提示使用者提供送貨地址或備註。對於許多線上服務或社羣,無需詢問送貨地址。因此,您可能需要選中該框以確保客戶不會感到困惑。

至於備註設定,這完全是可選的,通常不是必需的,除非您提供某種定製服務或產品,您需要在付款時獲得使用者的反饋或詳細資訊。

條件邏輯覈取方塊提示您新增邏輯規則以接受客戶付款。例如,如果使用者不選擇某個付款計劃或者他們的電子郵件地址看起來不真實,您可以將他們排除在付款流程之外。

總體而言,條件邏輯可以幫助防止垃圾郵件併為處於特定使用者型別或支付級別的使用者提供好處。

 

其他設定選項卡

其他設定選項卡

要配置的最後一個設定涉及延遲使用者註冊。與上面介紹的許多設定一樣,這是可選的。但是,在收到付款後才考慮處理提要並不是一個壞主意。這樣,在您確定付款已被拒絕之前,不會在您的WordPress資料庫中建立使用者。

如果您將此框留空,您可能會發現有幾個使用者正在弄亂您的資料庫,即使他們沒有付費獲得訪問許可權。

為您的組織確定所有正確設定後,單擊“更新設定”按鈕。

延遲使用者註冊

延遲使用者註冊

要測試表單上的付款配置,請轉到WordPress中的“頁面”選項卡。

單擊返回到您之前建立的表單。在我們的例子中,這就是使用者登錄檔單。

測試使用者註冊頁面

測試使用者註冊頁面

鑑於您已經在此頁面上生成了一個使用者登錄檔單,並將PayPal或支付閘道器提要連結到該表單,支付欄位應該出現在視覺化構建器中。

我們有一次性訂閱價格和具有不同訂閱級別的欄位,以顯示您可以在此類表單中包含的各種選項。在現實世界的情況下,您很可能會選擇其中一個。

測試定價欄位

測試定價欄位

測試帶有付款選項的表單很重要。您最不想看到的一件事是讓一波客戶因為付款設定錯誤而陷入困境。

在表單上填寫一些測試使用者資訊,例如密碼,並可能選擇訂閱級別或購買個人一次性付款訂閱。

單擊提交按鈕以檢視WordPress登錄檔單和付款處理過程。

提交後,頁面重定向到PayPal,顯示總價並提示使用者登入其PayPal帳戶或使用借記卡或信用卡付款。

請記住,在處理付款時,像Stripe、Square或Authorize.net這樣的替代付款外掛看起來與PayPal不同。每個人都會將使用者帶到一個新頁面以完成付款,但他們的步驟都會略有不同。

PayPal付款表格

PayPal付款表格

如何通過WordPress登錄檔將使用者新增到電子郵件營銷列表

當新使用者訪問您的網站時,嘗試讓他們成為註冊使用者是有意義的。除了為使用者提供對功能或內容的訪問許可權外,登錄檔單還提供了一個將使用者資料立即放入您的電子郵件營銷列表的機會。

這樣做的好處在於自動化。是的,一個WordPress登錄檔單會在WordPress中記錄該人的電子郵件和姓名,但是將這些資料輸入一個受人尊敬的電子郵件營銷軟體的過程需要從WordPress手動匯出並匯入到電子郵件營銷工具。

這在理論上沒有任何問題。進口和出口可以完成工作。然而,定期完成這項任務需要花費大量時間。此外,您的電子郵件營銷列表不會實時更新。使用者可能會提供他們的電子郵件並最終在您的使用者資料庫中停留數天、數週或無限期。

這就是為什麼必須將電子郵件營銷和設計工具連結到您的登錄檔單的原因。

相當多的電子郵件通訊構建器可供您傳送批量訊息並將您的電子郵件列表分類到不同的組中。更流行的提供與許多使用者註冊外掛的整合,允許您將兩個平臺組合到電子郵件收集系統中。

您可能聽說過Mailchimp、Constant Contact和Mailgun等公司。所有這些都提供了類似的電子郵件設計和分段功能,您通常可以找到一個簡單的整合來實現我們正在談論的內容。

幸運的是,Gravity Forms中的另一類附加元件提供了指向電子郵件營銷平臺的直接連結。與Gravity Forms的大多數附加元件一樣,電子郵件營銷解決方案需要高階計劃。

展望未來,來自Gravity表單的電子郵件營銷外掛列表很長。

Gravity Forms的郵件列表外掛

Gravity Forms的郵件列表外掛

它們中的每一個都類似地工作,但它們都有自己獨特的介面,用於傳送電子郵件並與Gravity Forms整合。

為簡單起見,我們將使用Mailchimp外掛作為示例,看看它是如何成為一個相當流行且價格合理的電子郵件營銷應用程式。

然後,導航到Gravity Forms WordPress外掛中的附加元件部分。

向下滾動載入項列表以找到Mailchimp選項。如果尚未開啟,請單擊啟用按鈕。

Mailchimp外掛

Mailchimp外掛

我們假設已經建立了一個登錄檔單(請參閱上面的步驟以完成該操作)。

轉到WordPress選單中的表單 > 表單。

在已釋出的表單列表中找到您之前建立的使用者登錄檔單。

單擊表單以編輯欄位。

表單列表

轉到設定> Mailchimp。如果您使用的是替代郵件服務整合,請找到該選項卡。

Mailchimp設定

Mailchimp設定

目標是製作一個Mailchimp Feed,告訴Gravity Forms除了WordPress使用者資料庫之外,還將提交內容傳送到Mailchimp。但首先,您必須配置Mailchimp設定。

單擊顯示Mailchimp設定的連結。

配置Mailchimp設定

配置Mailchimp設定

下一頁要求您貼上Mailchimp API金鑰。要找到您的API金鑰,請繼續下一步。

Mailchimp的API金鑰欄位

Mailchimp的API金鑰欄位

訪問Mailchimp網站並建立一個帳戶或登入到您已經建立的個人資料。

Mailchimp儀表盤在選單中組織活動、列表和其他元素。在設定與API金鑰的整合之前,您應該建立一個電子郵件列表(在MailChimp中也稱為受眾)。這是因為您最終需要選擇一個電子郵件列表來傳送使用者註冊資訊。

建立列表後,在Mailchimp儀表盤底部找到配置檔案圖示。

單擊此按鈕以顯示選單。

選擇“帳戶”選項卡以繼續。

進入“帳戶”面板後,單擊“附加”選項卡。您應該看到一些可供選擇的專案。單擊 API 金鑰選項。

API金鑰選項卡

API金鑰選項卡

API金鑰是一種程式碼,可以將多個系統連結在一起。在Mailchimp中,您所要做的就是單擊“建立金鑰”按鈕來製造金鑰。

您可以根據需要製作任意數量的金鑰,但最好將它們保持在最低限度。API金鑰顯示在帶有標籤的列表中以及建立時間。

將API金鑰複製到剪貼簿。隨時退出Mailchimp儀表盤。

 

獲取您的API金鑰

獲取您的API金鑰

在WordPress儀表盤中再次開啟Mailchimp設定。將金鑰貼上到讀取Mailchimp API金鑰的欄位中。

單擊更新設定按鈕以註冊更改。

將API金鑰新增到Gravity Forms

將API金鑰新增到Gravity Forms

現在是時候回到以前的使用者登錄檔單了。

轉到登錄檔單選單下的設定 > MailChimp。

這是要求您製作 Mailchimp提要的區域。同樣,這就是Gravity Forms確保資料從一個應用程式傳遞到另一個應用程式的方式。

單擊新增新按鈕。

為Mailchimp新增新的提要

為Mailchimp新增新的提要

將提要命名為您能記住的名稱。該名稱僅供您自己參考。

在Mailchimp受眾欄位下,單擊下拉選單以選擇您的Mailchimp電子郵件列表之一的名稱。

如果您尚未建立電子郵件受眾列表,則需要返回Mailchimp以完成此過程。否則,沒有資料庫可以開始記錄您的電子郵件地址。

選擇您的受眾群體列表

選擇您的受眾群體列表

出現地圖欄位區域,它會提示您將使用者註冊外掛中的表單欄位連結到需要在Mailchimp上填寫的表單。

考慮到您將選擇電子郵件與電子郵件地址欄位以及名字和姓氏Mailchimp欄位的名字和姓氏表單欄位一起使用,這相當容易。

地圖欄位

地圖欄位

轉到其他選項。

這些完全是可選的,具體取決於您希望電子郵件收集過程如何工作。

例如,您可能想要啟用雙重選擇加入的情況,使用者必須在註冊到您的列表之前單擊確認電子郵件。這既是為了安全,也是因為世界上的某些地區需要它。

其他設定包括將訂閱者記錄為VIP、設定標籤和寫註釋的選項。與您可能擁有的其他表單相比,註釋欄位可以幫助組織電子郵件訂閱的來源。

完成所有這些後,單擊“更新設定”按鈕。

為您的登錄檔新增更多選項

為您的登錄檔新增更多選項

如果您去測試站點前端的地圖欄位(或其他電子郵件營銷外掛)整合,您可能會注意到視覺上沒有太大變化。但是,您可以通過填寫使用者登錄檔單並檢視它是否正常執行來再次執行模擬使用者測試。

使用此配置,您應該能夠在測試提交後轉到對映欄位,並看到一個全新的使用者訂閱了您指定的電子郵件列表受眾。

要記錄的標準欄位包括姓名和電子郵件,但藉助地圖欄位和重力形式功能,您可以獲得更多創意和儲存更多內容。

帶有MailChimp的前端WordPress登錄檔單

帶有MailChimp的前端WordPress登錄檔單

如何讓使用者使用社交資料註冊到您的網站

由於其快速的登入過程以及人們不必為他們想要加入的每個網站生成一個全新的帳戶這一事實,社交資料登入在網際網路上變得越來越普遍。

一個需要說服使用者註冊的所有優勢的社羣或會員網站肯定可以從社交登入中受益,看看它如何從一開始就消除了一些進入障礙。

WPEverest的User Registration外掛是自定義使用者註冊頁面和整合社交登入選項的理想外掛。核心外掛是免費的,但新增社交登入按鈕的Social Connect擴充套件需要您註冊每年69美元的計劃。

我們將向您展示如何安裝和使用下面的外掛,但請記住, 您可以考慮使用其他幾個類似的外掛

首先,安裝並啟用使用者註冊外掛並升級到個人計劃以接收社交連線擴充套件。

WordPress外掛-User Registration

WordPress外掛-User Registration

在您的WordPress儀表盤中,也啟用Social Connect擴充套件。使用者註冊和社交連線專案都顯示在WordPress的外掛區域中。

繼續並啟用使用者註冊社交連線外掛。

啟用外掛和附加元件

啟用外掛和附加元件

現在,轉到使用者註冊 > 使用者註冊。該外掛有一些模板來啟動您的登錄檔單。如果您想從頭開始,請單擊新增新按鈕。

進入表單編輯器後,利用使用者欄位區域將模組拖放到表單中。

外掛的預設登錄檔單包括使用者電子郵件、使用者名稱和密碼欄位。

如果您要從頭開始構建表單,我們建議您模仿這一點。您還可以通過從“使用者欄位”面板中選擇其他模組來合併它們。

新增模組以構建您的登錄檔單

新增模組以構建您的登錄檔單

如果您單擊每個欄位,則每個欄位都有自己的選項供您編輯。

但是,啟用使用者登錄檔單的最重要部分是在表單設定選項卡下。

在這裡,您可以調整各種設定以告訴WordPress您希望此表單充當新使用者建立者。例如,您可以設定建立哪個使用者角色,並讓每個使用者在註冊後手動或自動登入。

表單設定

表單設定

一旦實現了所有所需的欄位,就可以將使用者登錄檔單放在頁面上。

使用者註冊外掛使用簡碼將表單放在頁面和帖子上。您會在表單生成器上方找到它們。

將此程式碼複製到剪貼簿。

User Registration外掛的簡碼

User Registration外掛的簡碼

轉到頁面 > 新增新的。

如果您已經準備好註冊頁面,請導航到該頁面。

User Registration外掛建立頁面

在頁面構建器部分,將該短程式碼貼上到您希望它顯示在頁面上的任何位置。

確保您儲存或更新頁面,以便它在前端呈現。與往常一樣,最好測試一下 WordPress 登錄檔單,看看它是否有效。

使用社交資料測試登錄檔單

使用社交資料測試登錄檔單

您可能需要登出您的管理員帳戶才能以普通使用者的身份檢視錶單。

本節的重點是向您展示如何插入社交媒體登入按鈕。因此,接下來的幾個步驟涵蓋了這一點。

單擊使用者註冊 > 設定。

我們假設您的WordPress儀表盤上已經啟用了Social Connect擴充套件。

因此,您應該在“設定”面板中找到“社交連線”選項卡。點選那個。

社交連線設定要求您選中一些框併為您希望允許人們登入和註冊的每個社交網路啟用 API 設定。

如果您想要一個Facebook按鈕,請選中該框。推特也是如此。

啟用社交登入

啟用社交登入

Google和LinkedIn也是如此。

這是稍微令人困惑的部分。

每個社交登入按鈕都通過連結到社交網路的API來發揮作用。連線到API的唯一方法是製作應用程式並使用社交應用程式ID、金鑰和祕密等元素。

如果你不知道這些是什麼意思也沒關係。對於每個所需的社交按鈕,滾動到每個設定欄位旁邊的問號。在本教程中,我們只會找到Facebook應用ID和金鑰。

問號顯示一個帶有Facebook連結的彈出視窗。點選它。

從Facebook獲取應用ID

從Facebook獲取應用ID

這會將您重定向到Facebook應用程式頁面,您可以在其中建立一個應用程式來執行帶有社交媒體連線的WordPress登錄檔單。

單擊建立應用程式按鈕。

完成在Facebook上製作應用程式的步驟,包括命名應用程式和設定您可能需要的任何應用程式域。

配置應用程式後,轉到“設定”>“基本”頁面。

編輯Facebook應用的基本設定

編輯Facebook應用的基本設定

在這裡您可以找到App ID和App Secret。

單擊“顯示”按鈕以顯示並複製該App Secret。您還需要在某個時候複製App ID。

應用ID和應用Secret

應用ID和應用Secret

返回到WordPress儀表盤中的那些API設定。

將App ID貼上到相應的欄位中。此外,將App Secret貼上到相應的欄位中。

儲存設定以繼續。

更新您的API設定

更新您的API設定

剩下的幾個步驟不僅可以啟用社交媒體按鈕,還可以自定義它們在表單上的外觀。

單擊您剛剛進入的API設定選項卡旁邊的高階設定選項卡。

高階設定包含多種要檢查的選項。

首先,確保您表明您希望啟用社交註冊。

接下來,告訴外掛您要顯示用於註冊的社交按鈕。

高階設定

高階設定

單擊以下預設使用者角色欄位以選擇每當有人使用社交資料註冊您的網站時建立的主要使用者角色。訂戶是這種情況的標準。

繼續,單擊下一個下拉欄位以選擇您用於使用者註冊的表單。我們從以前開始建立它,因此請確保您找到正確的。在本教程中,它被命名為登錄檔單,但您可能會使用不同的名稱。

最後,移動到其他設定以調整按鈕的物理外觀。其中一項設定用於在表單頂部或底部附近顯示按鈕。

社交登入模板提供了一種快速設定按鈕樣式的方法,無需任何程式碼或視覺調整。

從四種風格中選擇一種。

社交登入模板

社交登入模板

社交文字設定指示社交按鈕上顯示的措辭。您通常可以堅持使用預設文字,但如果您願意,可以隨意更改它。

最後,單擊儲存更改按鈕。

儲存所有更改

儲存所有更改

您可以從表單構建器中預覽 WordPress 登錄檔單,也可以直接轉到您之前建立的註冊頁面。無論哪種方式,這都允許您使用其社交媒體按鈕檢視錶單。

要刪除社交登入選項或更改設定,只需返回我們剛剛完成的設定即可。

我們強烈建議測試您在登錄檔單上提供的每個社交登入按鈕,看看每個社交網路如何擁有自己的API連線,並且您至少要確保應用程式和應用程式金鑰適用於所有使用者。

社交登入按鈕預覽

社交登入按鈕預覽

如何使用豐富的會員資料建立WordPress登錄檔單

可以使用我們在本文中介紹的大多數外掛來修改預設的WordPress使用者註冊。但是,如果您的網站是一個實際的社羣怎麼辦?假設您的網站作為社交網路、約會網站或內部客戶中心運營。

您需要功能豐富的個人資料讓這些使用者自定義他們的資訊、上傳照片,甚至與其他使用者交流。

一般的使用者註冊外掛都有配置檔案,但沒有什麼太強大的功能。

這就是為什麼我們要向您展示如何啟用會員式使用者註冊,使用者會收到他們控制的精美個人資料。

要開始此過程,請安裝並啟用Ultimate Member外掛。該外掛免費提供自定義使用者註冊和登入表單。更不用說,您可以新增功能強大的使用者個人資料,以打造優質的會員資格或個人資料區域。相當多的類似外掛也可用於此功能,但我們將專注於本教程的Ultimate Member外掛。

終極會員WordPress外掛

終極會員WordPress外掛

目標是實現更有用的客戶區域,為使用者提供深入的個人資料體驗,併為評論、評論、群組等內容合併按鈕。

Ultimate Member外掛最重要的一點是,絕大多數設定已經在啟用外掛時進行了配置。它還為您的個人資料、註冊頁面等建立頁面。

該外掛的設定合併在WordPress儀表盤的Ultimate Member選項卡下。

單擊“建立頁面”按鈕繼續。

在Ultimate Member中建立頁面

在Ultimate Member中建立頁面

這會啟用正確的頁面並將您帶到Ultimate Member外掛的設定模組。

您可以更改用作相應註冊和個人資料頁面的頁面,但前提是您要自定義自己的頁面。

截至目前,外掛生成的預製頁面就可以了。因此,您通常可以保持“常規”>“頁面”選項卡下的所有欄位不變。

Ultimate Member外掛的常規設定

Ultimate Member外掛的常規設定

下一步是自定義配置檔案頁面和註冊模組的外觀。如前所述,註冊頁面已經為您配置好了,因此在該區域沒有太多需要完成的工作。

每個進入註冊頁面並建立帳戶的人都將擁有一個WordPress使用者個人資料。

在“外觀”選項卡中,調整您認為重要的元素。例如,您可能希望為表單選擇不同的模板或減小其寬度。還有一些欄位用於調整按鈕和文字元素的大小和圖示。

外觀選項卡

外觀選項卡

在設定區域向下滾動,外掛會詢問您是否希望在每個配置檔案中擁有預設配置檔案和封面照片。

您還可以調整預設封面大小以及是否想要封面照片等專案。

Ultimate Member外掛的更多設定

Ultimate Member外掛的更多設定

在外觀部分中,單擊配置檔案選單連結。此區域顯示構成使用者配置檔案的主要元件。儘管您可以自由保留所有內容,但您可能需要修改一些設定。

考慮保留“關於”選項卡和整個配置檔案選單之類的內容。如果您的成員為您的部落格做出貢獻或充當您的內容建立者,我們建議您使用“帖子”選項卡。

評論選項卡對於部落格和社羣來說相當重要,考慮到讀者和成員可能希望能夠返回檢視他們的評論。

個人資料選單

個人資料選單

配置所有配置檔案設定後,單擊儲存更改按鈕。

儲存您的更改

儲存您的更改

其他一些設定面板提供登錄檔、登入表單等選項。確保調整傳送給新註冊的電子郵件並更改WordPress登錄檔單的許多部分,包括寬度和對齊方式。

儘管我們不會涵蓋所有這些設定,但很高興知道它們的位置,以確保所有表單看起來都適合您的品牌。

登錄檔單和登入設定

登錄檔單和登入設定

需要一份登錄檔單,以便為您的使用者提供一個建立使用者名稱並訪問其個人資料的地方。

要建立一個,請轉到Ultimate Member > Forms。

同樣,Ultimate Member外掛提供了幾種預製表格,以便為您完成大部分工作。

預設登錄檔單已準備就緒,就像預設配置檔案表單一樣,或者人們自定義其使用者配置檔案的中心。

預設表格

預設表格

更重要的是,該外掛也會自動為您建立頁面。

轉到頁面 > 所有頁面以檢視帳戶和登入頁面等選項。註冊頁面是使用者註冊和登入他們的帳戶的地方,而帳戶頁面包含預設配置檔案表單,他們在其中管理他們的配置檔案。

正確表單的所有適當簡碼都已插入相關頁面。

您可以通過檢視已釋出的頁面版本來測試它們。例如,單擊“註冊”頁面以檢視它的執行情況。

測試“註冊”頁面

測試“註冊”頁面

在前端,訪問者可以輸入他們的使用者名稱和電子郵件並建立密碼。

測試使用者模擬賬戶

測試使用者模擬賬戶

您可能還想檢視使用者頁面。

使用者頁面

使用者頁面

使用者頁面是我們一直在談論的配置檔案模組。它是使用者管理從個人資料照片到潛在群組和朋友的所有內容的中心。預設功能包括封面照片、個人資料照片和傳記。

前端的個人資料頁面

前端的個人資料頁面

只需單擊幾下即可將這些元素合併到個人資料頁面中。

每個配置檔案頁面都提供了用於編輯配置檔案和簽出使用者帳戶的附加按鈕。

其他選項卡包括評論按鈕和帖子按鈕。

個人資料頁面的更多選項

個人資料頁面的更多選項

為私人訊息和朋友等內容新增更高階的個人資料選項卡怎麼樣?

Ultimate Member外掛已經具有相當乾淨和強大的使用者配置檔案功能,但它允許您通過擴充套件擴充套件這些功能。大多數面向配置檔案的擴充套件都需要您付費。

要檢視擴充套件並將它們新增到您的站點,請轉到Ultimate Member > Extensions。

終極會員的擴充套件

終極會員的擴充套件

有一長串潛在的配置檔案功能可以作為標籤包含在您的使用者配置檔案中。

Friends擴充套件允許您的使用者與其他使用者互動並將他們新增為朋友。

當訊息通過時,Notices外掛會ping您的使用者。您還可以為私人訊息、關注者和群組整合強大的個人資料管理工具,僅舉幾例。通過付款並單擊“獲取此外掛”按鈕來新增每個外掛。

Ultimate Member的副檔名列表

Ultimate Member的副檔名列表

這完全取決於您想提供哪種型別的配置檔案功能。會員網站通常需要一個地方來組織群組。社交網路需要朋友群和訊息傳遞。線上課程網站可能需要評論、註釋和訊息。如果您想為您的使用者提供就業委員會,甚至可以配置工作列表。

下面的示例是對Ultimate Member外掛可能實現的體驗,尤其是當您開始使用高階擴充套件時。

Ultimate Member中完整的使用者配置檔案和登入頁面示例

Ultimate Member中完整的使用者配置檔案和登入頁面示例

小結

總體而言,WordPress使用者註冊模組為每個網站提供了建立使用者和從這些使用者接收資料所需的潛力。一般的部落格或小型線上社羣可能只需要預設的WordPress登錄檔單。

如果是這種情況,請保留登入和登錄檔單的原樣,並可能更改URL以提高安全性。您甚至可以新增自己的徽標,使其看起來像您的品牌實際執行該頁面。

外掛為自定義使用者登錄檔單的各個方面提供了機會,尤其是在新增獨特欄位和重新設計表單外觀時。

可以向您的使用者登錄檔單新增額外的高階功能。我們在本文中介紹的一些選項包括將新使用者放入電子郵件營銷列表的表單。如果您經營會員網站,您也可以考慮為獨家內容收取費用。

考慮提供社交登入表單以加快使用者的註冊過程也不是一個壞主意。最後,高階使用者配置檔案是擴充套件您當前使用者登錄檔單的好方法,以便客戶有機會管理其使用者配置檔案的各個方面。

如果您對管理或自定義WordPress登錄檔單有任何疑問,或者您想建議其他外掛或自定義登錄檔單的技術,請在下面的評論部分告訴我們。

評論留言