如何在WordPress網站上建立一個調查問卷

如何在WordPress網站上建立一個調查問卷

調查問卷是營銷人員獲取有關其客戶群的有價值資訊的重要工具。向客戶提出問題是確定什麼對他們來說重要的好方法,也是瞭解他們為什麼選擇某些產品的寶貴方法。畢竟,知識就是力量。營銷人員可以利用他們從消費者那裡收集的資訊來幫助他們制定新的營銷策略,從而增加銷售額。

在這篇文章中,我們將向您展示如何使用 Formidable Forms 外掛在 WordPress 上建立調查。

為 WordPress 尋找合適的調查外掛

毫無疑問,為您的 WordPress 網站建立調查表的最簡單方法是使用外掛。值得慶幸的是,有很多 WordPress 調查問卷外掛可供選擇,可以讓您在 WordPress 中構建有效的調查表。選擇最適合您需求的產品取決於幾個關鍵因素,包括質量、成本和易用性。對於這篇文章,我們將使用 Formidable Forms。

Formidable Forms

Formidable Forms 是當今最流行的聯絡表單外掛之一,它允許您使用易於使用的表單構建器免費建立調查。通過免費和專業選項,您可以建立任何型別的表格,包括調查。它擁有一個簡單的拖放介面,因此任何技能水平的使用者都可以輕鬆建立所有型別的表單。免費版包括 14 個基本欄位,可用於建立調查、聯絡表格等。

高階版更加強大,有超過兩打的選擇來構建表格和調查,包括星級評定、李克特量表評定、NPS 評定欄位和更多預製模板。話雖如此,您並不真的需要那些來成功構建調查表。

如何在 WordPress 中使用 Formidable Forms 來建立調查問卷

對於這篇文章,我們將使用 Formidable Forms 的免費版本來向您展示建立調查表是多麼簡單。

安裝外掛

第一步是安裝強大的表格。只需登入到您的 WordPress 站點,然後在您的 WordPress 儀表盤中導航到外掛 >安裝外掛。接下來,在搜尋欄位中搜尋強大的表格。最後,單擊啟用按鈕以安裝 Formidable Forms。

安裝Formidable Forms

建立一個新表格

接下來,您將建立一個新表單。單擊 Formidable > Forms (lite)。然後單擊 Add New 按鈕。

建立新的表單

接下來,選擇 blank form 併為您的表格命名。最後,單擊 create 按鈕。

向 WordPress 調查表新增欄位

下一步是在表單中新增欄位。在表單中新增一個 dropdown 欄位。

新增表單欄位

下拉欄位設定

單擊下拉欄位以開始向其新增選項。給你的欄位一個欄位標籤。型別您最感興趣的即將推出的產品是什麼?進入領域。接下來,選擇第一個選項,鍵入 Choose one。在下一個選項欄位中,輸入 Tablet Case。接下來,單擊 Add Option 按鈕以新增另一個選項。

建立WordPress調查問卷欄位選項

通過單擊具有以下欄位資訊的 Add Option 按鈕新增另外三個選項:Laptop CaseSmartphone Case, 和 Mouse Pad

新增具有以下資訊的另一個下拉欄位。Field label什麼對你來說最重要?Dropdown options選擇成本、質量和顏色選項之一。

接下來,您將新增一個單選按鈕欄位。

單選按鈕欄位

單選按鈕欄位選項

將顯示格式設定為 simple。然後,新增以下兩個選項:Natural 和 Vegan。

單選按鈕選項

新增最終下拉欄位

最後,在表單中新增另一個下拉欄位。給該欄位以下標籤:您多久購買一次皮革製品?對於下拉選項,輸入選擇一個、每月一次、每六個月一次、每年一次和幾乎沒有。最後,單擊 update 按鈕以儲存您的表單。

填充所有欄位後,您的表單應如下所示:

WordPress調查表單欄位

為 WordPress 調查問卷設定電子郵件通知

下一步是告訴 WordPress 應將條目傳送到的電子郵件地址。導航到表單 settings 選項卡。接下來,單擊 Actions & Notifications。然後,將 Send Email 切換為開啟。單擊切換按鈕旁邊的下拉箭頭以將其展開。您將填寫 Action Name,然後將 to 欄位設定為管理員電子郵件,或輸入電子郵件地址。新增皮革製品調查的主題行。最後,再次單擊 update 按鈕

WordPress調查電子郵件設定

將 WordPress 調查問卷嵌入頁面或文章

最後一步是嵌入您的調查。在 WordPress 中嵌入強大的調查表的最簡單方法是使用強大的表單塊。使用塊編輯器在 WordPress 中編輯頁面或文章時,只需單擊以新增新塊並搜尋強大的表單塊。

嵌入表單

然後從下拉選單中選擇要嵌入的表單。

從下拉選單中選擇表單

而已!

調查表單

外掛選項包括幾種將調查表嵌入頁面的方法。您可以將其直接新增到您網站上的頁面、建立新頁面或手動插入程式碼。對於此示例,您可以使用簡碼將表單新增到您的頁面。為此,您將單擊表單構建器中的 embed 按鈕,選擇 insert manually,然後選擇 WordPress shortcode 選項。生成短程式碼,然後將其複製並貼上到您的頁面。

使用短程式碼嵌入表單

如果您使用的是頁面構建器,例如Divi,您可以輕鬆地將短程式碼新增到程式碼模組中,以將表單嵌入您的網站。

嵌入調查問卷

樣式化表格

預設情況下,強大的表單將具有通用外觀。如果您希望表單與佈局包的樣式相匹配,則需要新增一些 CSS 以實現類似的外觀。例如,我們可以設定表單按鈕的樣式以匹配您主題上的其他按鈕。下面是一個 CSS 片段的示例,它重新設定了調查表單上的按鈕的樣式。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
/*Formidable form button */
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type="submit"], .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
font-size: 14px;
background: #D9B882;
border-width: 1px;
border-color: #D9B882;
border-style: solid;
color: #000000;
font-weight: 700;
text-transform:uppercase;
border-radius: 0;
padding: 15px 80px;
}
/*Formidable form button */ .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type="submit"], .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { font-size: 14px; background: #D9B882; border-width: 1px; border-color: #D9B882; border-style: solid; color: #000000; font-weight: 700; text-transform:uppercase; border-radius: 0; padding: 15px 80px; }
/*Formidable form button */
 
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type="submit"], .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
    font-size: 14px;
    background: #D9B882;
    border-width: 1px;
    border-color: #D9B882;
    border-style: solid;
    color: #000000;
    font-weight: 700;
        text-transform:uppercase;
    border-radius: 0;
    padding: 15px 80px;
}

可以將此自定義 CSS 新增到主題定製器的附加 CSS 部分以設定調查表單的樣式。

調查表單樣式

最後結果

以下是調查表在實時頁面上的外觀示例。

調查問卷demo

小結

在 WordPress 上使用調查問卷是與客戶交流的絕佳方式。WordPress 有很多可用的選項,因此必須選擇一種易於使用且不會破壞銀行的方法。Formidable Forms 是一個很好的外掛,可以滿足這兩個需求。

如果您想了解在 WordPress 中構建調查問卷的更多選項,可以看看我們此前分享的 9 個頂級 WordPress 調查外掛

評論留言