[WordPress] 外掛分享： Contact Form Builder, Contact Widget

內容簡介

聯繫表單生成器是任何 WordPress 網站中最重要的外掛之一。每個人都希望在自己的網站上看到漂亮且功能齊全的聯繫我們頁面。因此，我們試圖為我們的用戶創建易於使用且用戶友好的外掛。我們希望您會喜歡我們的外掛。

在此查看我們的外掛示範頁面及專業版頁面：

示範頁面一
示範頁面二

我們的外掛具有許多有用且優秀的功能，以下是我們外掛的一些功能。

免費版的功能

安裝和使用方便
完美地與所有版本的 WordPress 配合使用
完全響應式
添加無限的字段
您需要的任何字段都有必填選項
輕鬆地移動字段位置
16 種不同的字段類型
能夠插入文字、電子郵件、URL、電話號碼、日期/日曆、密碼、文字區域、單選按鈕、復選框、下拉列表、標題、分隔符/分割線和 reCaptcha 字段
能夠在小工具中使用

您可以將免費版升級為WpDevArt 聯絡表單專業版以添加其他重要功能。

專業版的功能

完全可自訂的設計
Google reCaptcha
37 種動畫效果
超過 25 種漂亮的主題
轉向功能
自動回復功能
不同的字體風格
能夠插入上載檔案和 Google 地圖字段
完全的匯入/匯出
能夠將提交匯出到 CSV
複製功能

該外掛最重要的部分是用戶友好的介面。下面您可以查看我們的外掛的一些重要功能及其詳細資料。

響應性

此外掛是完全響應式的。如今，響應式功能對於網站來說是最重要的，因此，在使用該外掛時無需擔心它。

匯出/匯入

如果您需要從一個網站複製到另一個網站，則此功能非常重要。只需將其與所有數據和樣式一起匯出，然後將其匯入到另一個網站上即可。非常簡單。

提交匯出到 CSV

您可以將提交匯出為 CSV 文件。大多數用戶也需要此功能，因此我們添加了此功能。

無限的欄位

沒有任何限制類型，您可以使用所需的任何欄位。

如果您發現任何錯誤或對我們的外掛有問題，請查看支援論壇
逐步指南

我們的外掛具有用戶友好的介面，但是我們將在此頁面上嘗試解釋我們的外掛的所有選項和功能。

您可以使用所需的任何字段，我們的外掛沒有此類類型的限制。
我們的外掛中有許多有用且必要的欄位類型。

如何創建表單

首先，在您的 WordPress 網站管理面板中登錄並安裝我們的外掛。然後啟用它，然後您將在管理面板左側看到我們的外掛新管理菜單標籤。
單擊該標籤，您將看到我們的外掛管理菜單。單擊“創建新表單”按鈕，然後添加它。
在此頁面上，您可以添加或刪除字段並更改主要設定。

以下是您可以使用的欄位類型

文本字段
電子郵件字段
URL 欄位
電話號碼字段
日期/日曆欄位
密碼字段
文本區域欄位
單選按鈕字段
復選框字段
下拉菜單欄位
標題字段
分隔符/分割線字段和 reCaptcha 欄位
能夠在 Widgets 中使用

外掛標籤

開發者團隊

📦 歷史版本下載

1.0.01.0.11.0.21.0.31.0.41.0.51.0.61.0.71.0.81.0.91.1.01.1.11.1.21.1.31.1.41.1.51.1.61.1.71.1.81.1.91.2.01.2.11.2.21.2.31.2.41.2.51.2.61.2.71.2.81.2.91.3.01.3.11.3.21.3.31.3.41.3.51.3.61.3.71.3.81.3.91.4.01.4.11.4.21.4.31.4.41.4.51.4.61.4.71.4.81.4.91.5.01.5.11.5.21.5.31.5.41.5.51.5.61.5.81.5.91.6.01.6.11.6.21.6.31.6.41.6.51.6.61.6.71.6.81.6.91.7.01.7.11.7.21.7.31.7.41.7.51.7.61.7.71.7.81.7.91.8.01.8.11.8.21.8.31.8.41.8.51.8.61.8.71.8.81.8.91.9.01.9.11.9.21.9.31.9.41.9.51.9.61.9.71.9.81.9.92.0.02.0.12.0.22.0.32.0.42.0.52.0.62.0.72.0.82.0.92.1.02.1.12.1.22.1.32.1.42.1.52.1.62.1.7trunk

原文外掛簡介

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.

延伸相關外掛