如何在WordPress中添加滑出聯繫表單


您是否要在WordPress中添加滑出式聯繫表單? 如果您的業務依賴於從網站的聯繫表中獲取新的潛在客戶,那麼增加潛在客戶來源的最佳方法之一就是使您的聯繫表更加引人注目。 在本文中,我們將向您展示如何在WordPress中添加幻燈片輸出聯繫表單而不會打擾您的用戶。

在WordPress中添加一張幻燈片聯絡表格

為什麼要在WordPress中添加滑出式聯繫表單?

許多小型企業主開始他們的網站,希望它能幫助他們發展業務。

這就是為什麼您添加聯繫表單頁面,以便用戶可以與您取得聯繫的原因。

但是,問題是大多數可能有疑問的用戶都會離開您的網站而沒有與您聯繫。

因此,您可能會注意到許多受歡迎的網站都添加了聯繫人表單彈出窗口,在聯繫人表單中滑動或打開了聯繫人表單的號召性用語按鈕。

這些動畫和交互式選項將用戶的注意力轉移到聯繫表單,並允許他們快速填寫表單而無需訪問另一個頁面。 這些表格大大提高了您的轉化率,這就是為什麼您到處都看到它們的原因。

讓我們看一下如何在WordPress中創建一個滑出式聯繫表單。

在WordPress中添加滑出式聯繫表單

對於本教程,您將需要WPForms。 它是市場上最好的WordPress聯繫人表單插件。

如果不需要所有高級功能,則可以使用WPForms聯繫人表單插件的免費版本。

您還需要OptinMonster。 它是功能最強大的轉換優化軟件。 它可以幫助您將放棄網站訪問者轉化為客戶。 您將需要他們的專業計劃,該計劃可讓您訪問我們將在本教程中使用的畫布功能。

步驟1.在WordPress中創建聯繫表單

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

激活後,您需要訪問 WPForms»添加新 頁面以創建您的聯繫表單。 這將啟動WPForms構建器界面。

輸入您的聯繫方式的名稱,然後選擇“選擇聯繫方式”模板。

創建一個新的聯繫表

WPForms將加載一個簡單的聯繫表。 您將在右窗格中看到表單預覽。 您可以單擊任何字段進行編輯或從左欄中添加新字段。

表單生成器

完成表單編輯後,單擊“保存”按鈕以保存您的更改。

接下來,您需要單擊頂部的embed按鈕以獲取表單的嵌入代碼。

這將彈出一個顯示表單簡碼的彈出窗口。 繼續並複制此短代碼,因為下一步將需要它。

第2步。 在OptinMonster中創建滑出Optin

現在,我們將創建一個滑出式廣告系列,其中將顯示您在第一步中創建的聯繫表。

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

該插件可充當您的網站與OptinMonster帳戶之間的連接器。

激活後,單擊WordPress管理欄中的OptinMonster菜單,然後輸入您的API密鑰。 您可以從OptinMonster網站上的帳戶中獲取此信息。

OptinMonster API密鑰

輸入許可證密鑰後,單擊屏幕右上角的“創建新的選項”按鈕。

新選擇

這將帶您到OptinMonster網站。

OptinMonster提供不同類型的動態廣告系列。 在本教程中,我們將使用“幻燈片插入”廣告系列。 繼續並單擊以選擇“幻燈片插入”作為您的廣告系列類型。

滑動選擇

接下來,您需要選擇模板。 OptinMonster提供了幾個現成的模板,但在本教程中我們需要選擇“畫布”。

優化模板

選擇模板後,系統會要求您提供廣告系列的名稱。 這將幫助您在OptinMonster儀表板中輕鬆找到廣告系列。

現在,OptinMonster將加載其廣告系列構建器界面。

OptinMonster構建器

您會在右側看到廣告系列的實時預覽。 由於我們正在使用畫布模板,因此此刻將完全空白。

在左側,您會注意到不同的選項卡。 在“常規優化設置”部分下,您需要在“優化廣告系列網站”選項下輸入網站的網址。

接下來,您需要切換到“ Optin”標籤。 在這裡,您可以為optin選擇顏色,高度和寬度。

設計您的幻燈片形式

繼續並選擇您喜歡的顏色,並調整寬度和高度,以便它可以很好地顯示您的整個表單。

之後,您需要向下滾動到“畫布自定義HTML”部分,並輸入之前複製的WPForms短代碼。

將簡碼添加到自定義HTML

輸入簡碼不會立即在滑入式廣告系列中顯示您的表單。 那是因為簡碼只能在您自己的WordPress網站上使用。

現在,您可以單擊頂部的“保存”按鈕來存儲您的設置,然後單擊“發布”按鈕。

保存並發布您的選擇

在下一個屏幕上,您需要將optin狀態更改為已發布。 這將使optin可用於您的WordPress網站。

發布狀態

第3步。在WordPress中顯示滑出聯繫表

現在,您已經創建了聯繫表單和滑出式廣告系列,現在可以在網站上顯示它了。

來參觀 OptinMonster WordPress管理區域中的頁面。 您將在此處看到您最近創建的滑出式廣告系列。

編輯optin輸出設置

您需要點擊“編輯輸出設置”鏈接來決定您希望在網站上顯示的方式。

在下一個屏幕上,確保選中“在網站上啟用optin?”旁邊的框。 選項。 OptinMonster允許您選擇誰可以看到optin。 您還可以選擇網站的特定區域以顯示選擇。

在您的網站上啟用optin

不要忘記單擊“保存設置”按鈕來存儲您的更改。

現在,您可以訪問您的網站以查看滑出的聯繫表單。 確保在瀏覽器中使用icognito模式或註銷WordPress,以便可以準確看到用戶看到的內容。

滑出聯繫表單預覽

默認情況下,頁面完全加載後5秒鐘會出現滑出式廣告系列。 但是,OptinMonster也允許您更改它。

您可以創建無數規則,以在滿足特定條件時顯示廣告系列。

例如,當用戶滾動了頁面的50%,將要離開頁面的時間以及更多時,您可以顯示滑出表單。

顯示規則

我們希望本文能幫助您學習如何在WordPress中添加幻燈片輸出聯繫表單。 您可能還希望查看我們的可行提示列表,以吸引訪問WordPress網站的流量。

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