前言介紹
- 這款 WordPress 外掛「Contact Form Builder, Contact Widget」是 2016-11-02 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 3000 個安裝啟用數。
- 上一次更新是 2023-11-05，距離現在已有 548 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.4.0 以上版本才可以安裝。
- 有 21 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
wpdevart |
外掛標籤
contact form | form builder | contact form plugin | wordpress contact form | Responsive Contact Form |
內容簡介
聯繫表單生成器是任何 WordPress 網站中最重要的外掛之一。每個人都希望在自己的網站上看到漂亮且功能齊全的聯繫我們頁面。因此，我們試圖為我們的用戶創建易於使用且用戶友好的外掛。我們希望您會喜歡我們的外掛。
在此查看我們的外掛示範頁面及專業版頁面：
示範頁面一
示範頁面二
我們的外掛具有許多有用且優秀的功能，以下是我們外掛的一些功能。
免費版的功能
安裝和使用方便
完美地與所有版本的 WordPress 配合使用
完全響應式
添加無限的字段
您需要的任何字段都有必填選項
輕鬆地移動字段位置
16 種不同的字段類型
能夠插入文字、電子郵件、URL、電話號碼、日期/日曆、密碼、文字區域、單選按鈕、復選框、下拉列表、標題、分隔符/分割線和 reCaptcha 字段
能夠在小工具中使用
您可以將免費版升級為WpDevArt 聯絡表單專業版以添加其他重要功能。
專業版的功能
完全可自訂的設計
Google reCaptcha
37 種動畫效果
超過 25 種漂亮的主題
轉向功能
自動回復功能
不同的字體風格
能夠插入上載檔案和 Google 地圖字段
完全的匯入/匯出
能夠將提交匯出到 CSV
複製功能
該外掛最重要的部分是用戶友好的介面。下面您可以查看我們的外掛的一些重要功能及其詳細資料。
響應性
此外掛是完全響應式的。如今，響應式功能對於網站來說是最重要的，因此，在使用該外掛時無需擔心它。
匯出/匯入
如果您需要從一個網站複製到另一個網站，則此功能非常重要。只需將其與所有數據和樣式一起匯出，然後將其匯入到另一個網站上即可。非常簡單。
提交匯出到 CSV
您可以將提交匯出為 CSV 文件。大多數用戶也需要此功能，因此我們添加了此功能。
無限的欄位
沒有任何限制類型，您可以使用所需的任何欄位。
如果您發現任何錯誤或對我們的外掛有問題，請查看支援論壇
逐步指南
我們的外掛具有用戶友好的介面，但是我們將在此頁面上嘗試解釋我們的外掛的所有選項和功能。
您可以使用所需的任何字段，我們的外掛沒有此類類型的限制。
我們的外掛中有許多有用且必要的欄位類型。
如何創建表單
首先，在您的 WordPress 網站管理面板中登錄並安裝我們的外掛。然後啟用它，然後您將在管理面板左側看到我們的外掛新管理菜單標籤。
單擊該標籤，您將看到我們的外掛管理菜單。單擊“創建新表單”按鈕，然後添加它。
在此頁面上，您可以添加或刪除字段並更改主要設定。
以下是您可以使用的欄位類型
文本字段
電子郵件字段
URL 欄位
電話號碼字段
日期/日曆欄位
密碼字段
文本區域欄位
單選按鈕字段
復選框字段
下拉菜單欄位
標題字段
分隔符/分割線字段和 reCaptcha 欄位
能夠在 Widgets 中使用
原文外掛簡介
Contact Form builder is one of the most important plugins of any WordPress website. Everyone wants to see nice and functional Contact us page on his website. So we tried to create for our users easy and user friendly plugin. We hope you will like our plugin.
View our plugin Demo pages and pro version page here:
Demo 1
Demo 2
Our plugin have a lot of useful and great features, here are some features of our plugin.
Features of free version
Easy install and use
Works perfectly with all versions of WordPress
Fully Responsive
Add Unlimited fields
Required option for any field you need
Easily move fields positions
16 different field types
Ability to insert Text, Email, URL, Telephone number, Date/Calendar, Password, Text Area, Radio Button, Check Box, Dropdown List, Heading, Separator/Divider and reCaptcha fields
Ability to use in Widgets
You can upgrade the fre version to WpDevArt Contact Form Pro to add other important features.
The features of Pro version
Fully customizable design
Google reCaptcha
37 Animation effects
More then 25 nice themes
Redirect feature
Auto responder functionality
Different Font styles
Ability to insert Upload File and Google Map fields
Fully Import/Export
Ability to Export submissions to CSV
Duplication feature
The plugin most important part is user friendly interface. Below you can view some important features of our plugin with their details.
Responsivity
This plugin is fully responsive. Today responsive feature is the most important for websites, so there is no need to worry about it when you are using plugin.
Export/Import
This feature is very important if you need to copy it from one website to another. Just export it with all data and style and import it to another website.It’s very simple.
Submissions Export to CSV
You can export submissions to CSV file. Most of users need this feature as well, so we added this functionality.
Unlimited Fields
There isn’t any type of limitation. You can use as many fields as you need.
If you find any bug or have a question about our plugin then check the Support Forum
Step by step guide
Our plugin have user friendly interface, but we will try to explain all options and functions of our plugin on this page.
You can use as many fields as you need, there is no such type of limitation in our plugin.
There are a lot of useful and necessary field types in our plugin.
How to create Form
First of all login into your WordPress website admin panel and install our plugin. Then activate it, after that you will see our plugin new admin menu tab on the left side of your administration panel.
Click on that tab and you will see our plugin admin menus. Click on the “create a new form” button and add it.
On this page you can add or remove fields and change the main settings.
Here are the field types that you can use
Text field
Email field
URL field
Telephone number field
Upload File field
Date/Calendar field
Password field
Text Area field
Radio Button field
Check Box field
Dropdown List field
Heading field
Separator/Divider field
ReCaptcha field
Google Map field(check the FAQ to see how you can use the Google Map)
For some of this fields the Label and Placeholder fields are not required and there is no need to fill this fields. For example this fields are not required for ReCaptcha or Google Map.
Use the “Add New Field” button on the right bottom side for adding new fields. You can also remove the fields using the Recycle Bin icon on the right side. Use the right side of fields easily moving them. Use the Required option for important fields.
After creating all fields type the Submit Button Value and check the other settings. On the right bottom side there is an “Advance Options” button, click on that button and you will see other options. Use this options if you need.
On the top right side there is additional settings – “Settings” and “Extras” buttons. Click on that buttons and you will see the other important options.
You can set the Recipient’s email, Subject, Message text, Success message text, Failure message text, template, Redirect URL, Enable auto responder and other options.
After you set all settings, save it.
After that edit your posts/pages and click on shortcode button(find the shortcode button from the list of Visual Editor Tools).
Submissions
After someone added submission you will see it on our plugin main page. Click on the number of submissions and you will be redirected to the submissions page.
On submissions page you can Export submissions to CSV, edit or delete submissions.
If you click on the edit button then you will see the popup window where you can edit every submission. Make the changes and then click update. Also, you can choose what fields exactly you want to export.
Design settings(Pro)
If you need to configure the design settings then click on “Styling” tab from admin menu of our plugin.
Below you can check all design settings we have
Style
Area Width – Set width of area in pixels(px) or percentage(%).
Position – Set position(Left, Center, Right).
Area Background – Set background color of area.
Set top border of area – Border Top(px), Border Style(8 different border styles), Border Color.
Set bottom border of area – Border Bottom(px), Border Style(8 different border styles), Border Color.
Set right border of area – Border Right(px), Border Style(8 different border styles), Border Color.
Set left border of area – Border Left(px), Border Style(8 different border styles), Border Color.
Margins/outside spacing – Set spacing from every side of area in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.
Padding/inside spacing – Set padding from every side of area in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.
Fields style
Field Width – Set width of fields in pixels(px) or percentage(%).
Field Height – Set height of fields in pixels.
Field Background – Set background color of fields.
Field Focus Background – Set background color of fields on focus.
Set top border of fields area – Border Top(px), Border Style(8 different border styles), Border Color.
Set bottom border of fields area – Border Bottom(px), Border Style(8 different border styles), Border Color.
Set left border of fields area – Border Left(px), Border Style(8 different border styles), Border Color.
Set right border of fields area – Border Right(px), Border Style(8 different border styles), Border Color.
Fields Margins/outside spacing – Set spacing from every side of fields in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.
Fields Padding/inside spacing – Set padding from every side of fields in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.
Typography for Fields – Set font family, font style, font size, line height and color for fields.
Typography for Fields – Set Placeholder texts font family, font style, font size, line height and color.
Show radio buttons and checkboxes as block level – Select this option to display radio buttons and checkboxes list vertical.
Fields Labels style
Hide Fields Labels – Hide labels on front-end.
Label Width – Set width of the field labels in pixels(px) or percentage(%).
Typography for Field Labels – Set font family, font style, font size, line height and color for fields Labels.
Submit Button Styling style
Submit Button Background – Set background color of submit button.
Submit Button Hover Background – Set background color of submit button on hover.
Set border of the submit button – Border Top(px), Border Style(8 different border styles), Border Color.
Margins/outside spacing. Set spacing from every side of the button in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.
Padding/inside spacing. Set padding from every side of the button in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.
Typography for Submit Button – Set font family, font style, font size, line height and color for submit button.
Success/Failure Message style
Success Message Background – Set background color of success message
Failure Message Background – Set background color of failure message
Messages Margins/outside spacing. Set spacing from every side of the messages in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.
Messages Padding/inside spacing. Set padding from every side of the messages in pixels(default 10px) – Padding Top, Padding Bottom, Padding Left, Padding Right.
Set font size, font family, font style and color for messages – Set font family, font style, font size, line height and color for messages.
Separator/Divider style
Set border styling for separator/Divider – Thickness, Style, Color.
Separator/Divider Margins/outside spacing. Set spacing from every side in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.
Typography for Separator/Divider – Set font family, font style, font size, line height, text align and color for Separator/Divider.
Custom Headings/Titles style
Headings/Titles Margins/outside spacing. Set spacing from every side in pixels(default 10px) – Margin Top, Margin Bottom, Margin Left, Margin Right.
Typography for Headings/Titles – Set font family, font style, font size, line height, text align and color for Headings/Titles.
Configure design settings and then save it.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Contact Form Builder, Contact Widget」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 1.1.0 | 1.1.1 | 1.1.2 | 1.1.3 | 1.1.4 | 1.1.5 | 1.1.6 | 1.1.7 | 1.1.8 | 1.1.9 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | 1.2.4 | 1.2.5 | 1.2.6 | 1.2.7 | 1.2.8 | 1.2.9 | 1.3.0 | 1.3.1 | 1.3.2 | 1.3.3 | 1.3.4 | 1.3.5 | 1.3.6 | 1.3.7 | 1.3.8 | 1.3.9 | 1.4.0 | 1.4.1 | 1.4.2 | 1.4.3 | 1.4.4 | 1.4.5 | 1.4.6 | 1.4.7 | 1.4.8 | 1.4.9 | 1.5.0 | 1.5.1 | 1.5.2 | 1.5.3 | 1.5.4 | 1.5.5 | 1.5.6 | 1.5.8 | 1.5.9 | 1.6.0 | 1.6.1 | 1.6.2 | 1.6.3 | 1.6.4 | 1.6.5 | 1.6.6 | 1.6.7 | 1.6.8 | 1.6.9 | 1.7.0 | 1.7.1 | 1.7.2 | 1.7.3 | 1.7.4 | 1.7.5 | 1.7.6 | 1.7.7 | 1.7.8 | 1.7.9 | 1.8.0 | 1.8.1 | 1.8.2 | 1.8.3 | 1.8.4 | 1.8.5 | 1.8.6 | 1.8.7 | 1.8.8 | 1.8.9 | 1.9.0 | 1.9.1 | 1.9.2 | 1.9.3 | 1.9.4 | 1.9.5 | 1.9.6 | 1.9.7 | 1.9.8 | 1.9.9 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.0.5 | 2.0.6 | 2.0.7 | 2.0.8 | 2.0.9 | 2.1.0 | 2.1.1 | 2.1.2 | 2.1.3 | 2.1.4 | 2.1.5 | 2.1.6 | 2.1.7 | trunk |
延伸相關外掛（你可能也想知道）
Multi-language Responsive Contact Form 》, 我們提供高級安裝和自定義支持，費用為每小時 $10。, 點擊此處 以獲取更多信息, Responsive Contact Form 的 Mailchimp 擴展可將您的聯繫人數據添加到您的...。
Responsive Contact Form Mailchimp Extension 》, 我們提供高級的安裝和自定義支援，費用為每小時 $10。, 點此了解更多詳情。, 在使用 Responsive Contact Form Mailchimp 擴充功能之前，請先安裝並啟用 Res...。
Eazy Contact Form 》這是一個非常簡單的帶有驗證的聯繫表單。在頁面上使用短碼 [eazy_contact]，在小工具上使用 [eazy_widget] 來顯示表單，或使用小工具在側邊欄中展示聯繫表單...。
Easy Simple Contact Form 》這是一個非常簡單的聯絡表單，帶有表單驗證功能。使用shortcode將表單顯示在頁面上，或使用小工具在側欄顯示聯絡表單。, 我們提供以下的家居改善服務：, , 墨...。
ContactPress 》ContactPress 是一款具有用戶管理功能的響應式 Ajax 聯繫表單。在用戶管理中，可顯示聯繫過的人員清單，也可發送郵件給這些人員。這個外掛還提供了批量刪除已...。