更新日期：2024年4月26日，作者：編輯團隊 | 評論者：Syed Balkhi
想要在 WordPress 中添加滑出聯絡表單嗎？如果您的業務依靠網站上的聯絡表單獲取新的潛在客戶，那麼使聯絡表單更加引人注目是增長潛在客戶來源的最佳方法之一。在本文中，我們將向您展示如何在不打擾用戶的情況下，向 WordPress 中添加滑出的聯絡表單。
為什麼要在 WordPress 中添加滑出聯絡表單？
許多小企業主啟動網站時，希望它能幫助他們的業務增長。這就是為什麼您會添加一個聯絡表單頁面，讓用戶可以與您聯繫。但是，大多數有問題的用戶會在沒有與您聯繫或甚至沒有訪問您的聯絡頁面之前離開您的 WordPress 網站。這就是為什麼許多流行網站會添加聯絡表單彈出窗口、聯絡滑塊或是打開聯絡表單的行動呼籲按鈕。這些動畫和交互選項會吸引用戶注意聯絡表單，讓用戶無需訪問另一個頁面即可快速填寫，這大大提高了您的轉換率。
在 WordPress 中添加滑出聯絡表單
在這個教程中，您將需要 WPForms，這是市場上最好的 WordPress 聯絡表單插件，既簡單又強大。如果不需要所有的高級功能，您可以使用 WPForms 聯絡表單插件的免費版本。您還需要 OptinMonster，這是最強大的轉換率優化軟件，幫助您將即將離開網站的訪客轉換為客戶。在本教程中，我們將使用 OptinMonster 的免費版本。
第一步：在 WordPress 中創建聯絡表單
首先，您需要安裝並啟用 WPForms 插件。詳細信息請參閱我們的逐步指南《如何安裝 WordPress 插件》。激活後，請訪問 WPForms » 新增頁以創建新的聯絡表單。這將啟動 WPForms 構建器界面。在頁面頂部輸入聯絡表單的名稱。之後，將鼠標懸停在“簡單聯絡表單”模板上，然後點擊“使用模板”按鈕。
WPForms 將根據簡單聯絡表單模板創建一個新表單。您將看到右窗格中的表單預覽，您可以點擊任何字段進行編輯，或從左側列中添加新的表單字段。完成表單編輯後，只需點擊“保存”按鈕保存更改。接著，您需要點擊頂部的“嵌入”按鈕以獲取表單的嵌入代碼，這將彈出一個窗口，顯示嵌入表單的幾種方式。只需點擊“使用簡碼”鏈接，然後複製簡碼，您需要在下一步中使用它。
第二步：在 OptinMonster 中創建滑出 Optin
現在，我們將創建一個顯示您在第一步中創建的聯絡表單的滑出活動。您需要安裝並啟用免費的 OptinMonster 插件。詳細信息請參閱我們的逐步指南《如何安裝 WordPress 插件》。此插件充當您網站和 OptinMonster 帳戶之間的鏈接。激活後，OptinMonster 設置嚮導會自動啟動。這將讓您創建一個新帳戶或連接現有帳戶。
創建或連接 OptinMonster 帳戶後，您可以創建新的 optin。只需導航到 OptinMonster » 活動頁面並點擊“新增”按鈕。如果還沒有任何活動，則可以點擊“創建您的首個活動”按鈕。OptinMonster 提供不同類型的動態活動。對於本教程，我們將使用“滑入”活動。點擊選擇“滑入”作為您的活動類型。
然後，您需要選擇模板。OptinMonster 提供多個現成模板，您需要選擇“Canvas”。您可以使用搜索功能輕鬆找到它，然後當滑鼠滑過時點擊“使用模板”按鈕。選擇模板後，您將被要求為活動提供名稱，這將幫助您在 OptinMonster 儀表板中輕鬆找到活動。
接著，點擊“開始構建”按鈕。現在，OptinMonster 將加載它的活動構建器界面。您將在右側看到活動的即時預覽，在左側菜單中看到不同的區塊。您需要找到 WPForms 區塊，然後將其拖放到您的模板上。現在，WPForms 區塊將出現在模板上，您將在左側看到其設置。您需要點擊左側菜單中區塊設置中的“表單選擇”下拉菜單，並選擇“手動添加簡碼”選項。這將允許您在區塊中粘貼 WPForms 聯絡表單簡碼，這是您在之前的教程中複製的簡碼。
現在，您可以刪除或自訂表單中的其他區塊。例如，您可以點擊圖片並使用左側的設置進行更改，或通過將滑鼠懸停在區塊上並點擊垃圾圖標來刪除它。對於本教程，我們將刪除 optin 中的其他區塊，只留下 WPForms 區塊。如果您願意，您還可以點擊背景，並從左側的設置面板中選擇 optin 的顏色、漸變或圖片。
接下來，您需要點擊頁面頂部的“顯示規則”選項卡，以配置何時及如何顯示 optin。您應該看到屏幕底部的“條件”選項卡，默認設置將在五秒鐘後顯示 optin，這應該適用於大多數網站。接下來，您應該點擊頁面底部的“動作”選項卡。默認情況下，當顯示 optin 時沒有動畫或聲音。如果您願意，可以從“用 MonsterEffects 動畫顯示”下拉菜單中選擇一個選項，如“從左滑入”。
完成顯示規則配置後，您需要點擊頂部的“保存”按鈕以保存設置，然後點擊“發佈”按鈕。在下一個屏幕上，您需要將發布狀態更改為“發佈”，這樣 optin 將在您的 WordPress 網誌或網站上可用。
第三步：在 WordPress 中顯示滑出聯絡表單
現在，您已經創建了聯絡表單和滑出活動，準備在網站上顯示它。您可以點擊右上角的“X”圖標關閉發布狀態頁面。現在，您應該看到一個頁面，允許您配置 optin 的“WordPress 輸出設置”和“可見性與狀態”。當您向下滾動到“可見性與狀態”部分時，通常希望“所有訪客和已登錄用戶”都能看到活動。不過，也有針對“僅訪客”和“僅已登錄用戶”的選項。
接下來，您需要從狀態下拉菜單中選擇“已發佈”。完成後，應該點擊“保存更改”按鈕保存設置。現在，您可以訪問您的網站，查看滑出聯絡表單的效果。
使用 WordPress 表單的專家指南
現在，您已經了解如何創建滑出聯絡表單，可能也會想看看我們其他關於 WordPress 表單的指南：
- 如何創建多接收人的聯絡表單
- 如何在 WordPress 中創建 GDPR 遵從表單
- 如何在 WordPress 中阻止聯絡表單垃圾郵件
- 如何輕鬆向 WordPress 評論表單添加 reCAPTCHA
- 聯絡表單頁面設計最佳實踐（含示例）
- 如何使用聯絡表單在 WordPress 中增長電子郵件列表
- 如何在 WordPress 中添加聯絡表單彈出窗口
- 如何在聯絡表單中嵌入 Google 地圖（帶地圖引腳）
我們希望這篇文章幫助您了解如何在 WordPress 中添加滑出聯絡表單。您可能還想查看我們的指南《如何為您的 WordPress 網站引流》和我們的專家選擇《最佳 WordPress 調查插件》。如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以觀看 WordPress 教程視頻。您還可以在 Twitter 和 Facebook 上找到我們。
