設定聯絡表單 7 外掛程式以設定免費聯絡表單 2024

已發表: 2024-02-14

我們確信您會喜歡簡單且使用者友好的方式來配置 WordPress Contact Form 7 插件,以將所需的聯絡表單新增至您的網站。

您是否正在考慮為您的 WordPress 網站新增聯絡表單 7 外掛程式?

每個網站當然都需要整合聯絡表格,以便潛在的網路訪客、客戶和消費者可以輕鬆地與網站代表聯繫並找到問題的答案。

在您的網站中包含聯絡表單將使您的工作量更加簡化和更快。 它可以讓您獲得有關客戶的全部所需信息,包括姓名、電話號碼、電子郵件等。

此外,使用聯絡表單作為您和客戶群之間的主要連接入口網站比提供電子郵件地址來連接您更安全。

configure contact form 7 WordPress

這將節省您在接收、分析和整理大量郵件(包括垃圾郵件)方面所花費的時間和精力。

如果您運行一個由 WordPress 提供支援的網站並希望將聯絡表單功能引入您的網站,那麼最好的方法是先選擇合適的聯絡表單外掛程式來依賴。

在本文中,我們建議您使用 Contact Form 7 插件,它是 WordPress 庫中最好的插件之一。

您是否需要有關安裝和設定 WordPress Contact Form 7 外掛程式的易懂教學? 開始了!

聯絡表 7:

contact form 7

download

Contact Form 7 是迄今為止最常下載和使用的聯絡表單外掛程式之一。 它是一個免費插件,具有許多高級功能和可擴展性。 這意味著您可以自由使用附加元件或擴充功能來使該外掛程式更加強大和複雜,以滿足您的網站需求。

現在,讓我們直接深入了解正確安裝和設定 Contact Form 7 的過程。 儘管處理這個插件需要一些技術和編碼知識,但我們會盡力使事情盡可能簡單和易於理解。

首先將 contact-form-7 資料夾上傳到您的 WP 外掛程式目錄,然後透過 WP 外掛程式選單啟動它。 安裝並啟用外掛程式後,讓我們前往「聯絡人」、「聯絡表單」來設定 WordPress Contact Form 7 外掛程式並管理那裡可用的聯絡表單。

找到並點擊新增按鈕。 系統會要求您選擇語言。

選擇相關語言後,您將前往新的聯絡表單編輯器。 通常包含在聯絡表格中的基本欄位已經存在。

但是,如果您想要新增其他字段以及已提供的基本字段,則可以使用開啟的編輯器中找到的表單字段按鈕來新增它們。 點擊其中一個字段,將顯示一個彈出窗口,其中包含字段類型、名稱、預設值等。

您可以選擇該字段為必填字段,這意味著用戶將有義務填寫該字段。

至於名字,已經預設填寫好了。

至於預設值,您可以選擇使用文字作為欄位的佔位符。

最後,按一下「插入標籤」將此欄位新增至您的聯絡表單中。 此時,您可能需要加入類似[url rul-7]這樣的簡單程式碼。

在「表單」標籤旁邊,您可以找到「郵件」來插入基本詳細訊息,例如要將表單發送到的電子郵件地址、主題、附加標題等。

處理表單欄位時需要使用 [your-subject] 和 [your-name] 等相關標籤。 儲存您的變更並將其傳遞到訊息。

在這裡您可以自訂在某些情況下發送的訊息,例如訊息發送成功、訊息發送失敗、日期格式錯誤等。

完成訊息自訂後,請前往「聯絡人」、「聯絡表單」以確保其中列出了您新建立的聯絡表單。

如果您想設定 WordPress Contact Form 7 外掛程式並向其新增 reCaptcha,您也可以這樣做。 為此,您需要產生 reCaptcha 公鑰和金鑰,請訪問

https://www.google.com/recaptcha/intro/invisible.html,點擊取得 RECAPTCHA 按鈕並輸入您的 WP 網站詳細資訊。

在此網站註冊後,您需要將 reCaptcha 與 Contact Form 7 外掛程式整合。

現在造訪「聯絡人」、「整合」並輸入「網站金鑰」和「秘密金鑰」。 新增您已經產生的密鑰。

繼續選擇“聯絡人”、“聯絡表單”和“您的表單”,然後在提交按鈕之前插入 [recaptcha] 代碼。

然後轉到頁面,添加新內容並貼上

錯誤:找不到聯絡表單。

代碼。 現在您已將 reCaptcha 嵌入到您的網站聯絡表單中。

下一步是繼續建立聯絡頁面。 當您開始設定 WordPress Contact Form 7 外掛程式時,您可以注意到要複製的備註

錯誤:找不到聯絡表單。

編寫程式碼並將其貼到貼文、頁面或文字小工具內容中。 現在複製此程式碼,因為您將在建立聯絡頁面時使用它。

現在前往 WP 儀表板、頁面和新增內容。 在這裡,您需要添加“聯絡我們”之類的標題,並貼上您已經複製的短代碼。 現在您可以發布頁面了!

還剩下一個步驟需要完成,以便您的網站訪客和用戶可以看到它。 您需要在選單中找到它。 前往“外觀”、“選單”,選擇標題選單並將您已建立的頁面新增至此選單。 檢查頁面並透過點擊「新增至選單」將其新增至選單。

儲存選單並測試您的工作。 檢查您的 WP 網站選單中是否存在聯絡表單。 點擊該選單項目並找到聯絡頁面。 在給定欄位中填寫您的姓名、電子郵件和訊息並發送。 如果您在提交後收到確認訊息,那麼恭喜您! 您的網站聯絡表單運作完美。

最後,如果您不希望聯絡表單出現在頁首選單中,但希望將其定位在頁腳中,則可以透過建立新選單並在functions.php中新增下列程式碼來實現:

add_action( 'init', 'register_footer_menu' ); // this registers your menu with WP
function register_footer_menu() {
if ( function_exists( 'register_nav_menu' ) ) {
register_nav_menu( 'footer-menu', 'Footer Menu' );
}
}

add_action('wp_footer', 'display_footer_menu', 1000, 0);
// 選單的顯示函數:
函數顯示頁尾選單(){
echo ( has_nav_menu( '頁尾選單' ) ? wp_nav_menu (
大批 (
'主題位置' => '頁腳選單',
'container_id' => '頁尾選單',
'container_class' => '頁尾選單'

).'' : '' );
}
現在轉到選單、您建立的新選單、新增項目並在選單中插入所需的頁面。 尋找選單位置並對照頁腳選單進行檢查。 儲存您的配置並在頁尾選單中發布您的聯絡表單。

檢查 WordPress 網站的聯絡表單 7 外掛問題。