[WordPress] 外掛分享： HDForms | Contact Form Builder

WordPress 外掛 HDForms | Contact Form Builder 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「HDForms | Contact Form Builder」是 2018-10-17 上架。
  • 目前有 70 個安裝啟用數。
  • 上一次更新是 2025-02-18，距離現在已有 76 天。
  • 外掛最低要求 WordPress 5.2.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
  • 有 1 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 100% ，不低，算是個很有心解決問題的開發者團隊了！

外掛協作開發者

harmonicdesign | harmonic_design |

外掛標籤

form | contact | hdforms | contact form | form builder |

內容簡介

述中，如果只有當使用者選擇「其他」這個選項時才顯示文字輸入欄位，我們需要將觸發元素的 ID 加上 [x]，其中 x 是選項的編號。

舉例來說，如果觸發元素的 ID 是 checkbox_123，而「其他」這個選項的編號是 3，那麼我們需要在文字輸入欄位的觸發元素設定中填寫 checkbox_123[3]。

如果您需要更詳細的教學，HDForms 的文件也很快就會推出。謝謝您使用 HDForms！

原文外掛簡介

HDForms. The easiest way to create contact forms

HDForms was designed and built to be a super easy system to create contact forms of any size. The forms are automatically validated for user input, sanitized for security, and, of course, sent without fuss! HDForms comes with an easy to use visual form builder, and can be used for small contact forms, intake forms, request for quotes, or large applications.
With HDForms, you can even intelligently show or hide certain fields with ease – no coding required!
Video
A video is currently being made that will highlight just how easy HDForms is to use. Check back soon!
Features include 👍

Super easy to use (I really can’t express enough how easy HDForms is to use)
Will work with just about any well-coded theme right out of the box
Mobile-friendly (responsive design)
Form builder (block based)
Column support
Custom toggles and triggers to show/hide elements
Emails are automatically built and validated
Automatic spam protection
Run your own function before and after form submit (for you devs out there!)
Pretty 🙂

Pretty much all of the standard features required for a form builder, with more options coming soon.
Upcoming Features ⏳
The following features are not yet included in HDForms, but are on the road map for future updates. Some of these features will be finalized in the next couple of weeks, others may be months down the line. This list is not in order of importance.

File uploader element
Better localization (for things like the phone number, date, and currency fields)
Translation ready. Sorry! English only for now 🇨🇦

❓ HOW TO USE | TUTORIAL ❓
Full tutorial and documentation is still being written. This section, along with a link to the full documentation will be updated ASAP.
Once a form has been created and saved, you can use the build-in Gutenberg block, or you can just copy and paste the shortcode anywhere on the site to render the form. You can also use WordPress’s do_shortcode() function to render the form:

Triggers
You can view the HDForms About / Options page to see an example of how triggers and toggles work.
Setting up triggers is by far the most complicated thing to do, but I hope that this quick tutorial will help.
You’ll need to know two things in order to create triggers. The trigger element, and the toggle element. The trigger element is the element that we check if its input has changed, and the toggle element is the element we either show or hide. In the above example, the trigger element is the checkboxes (specifically the one for “other”), and the toggle element is the text input.
In HDForms, each element you create gets a special and unique ID. You can find this ID by selecting the element to edit it. You’ll need to get the ID of the trigger element and paste it into the toggle element’s “Trigger Element” field. That’s it! By default, the toggle element will remain hidden unless the trigger element gets some data.
But what about, for example, like above, where I only want the toggle to happen if a certain checkbox is selected? In this case, we also want to pass along what “option” we want the trigger to work on (note: this is only for radio or checkboxes). This can be easily done by adding [x] to the end of the ID, where x is the number of the option. So in the above example, “other” is the fourth (4) listed option, so I would append [4] to the end of the ID. A full example trigger element id might look something like this hdf_3481_checkbox_oxpkhp[4]

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「HDForms | Contact Form Builder」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

0.5 |

延伸相關外掛（你可能也想知道）

文章
Filter
Apply Filters
Close
Mastodon