什麼是回饋表單建立器？

設計包含多種欄位類型的回饋表單：文字輸入、評分、下拉選單、核取方塊和滑桿。拖動調整欄位順序，直接編輯標籤，然後匯出為 HTML 或下載 JSON 架構。

建構器內建十一種輸入欄位類型：單行文字、多行文字、電子郵件、數字、日期選擇、是/否切換、1-5 星評分、下拉選單、核取方塊群組、數值刻度滑桿，以及專屬的 NPS（0-10）量表（兩端標籤可自訂）。此外還有用來將問題分組的分節標題區塊，以及一塊「表單說明」用於開場介紹。任何欄位都可一鍵複製、標示為必填，還能加上顯示條件：只有當前面某個下拉或是/否的回答符合時，該欄位才會出現。右側是可即時互動的預覽，你可以直接填寫來體驗真實表單（內容不會儲存）；匯出可以是獨立 HTML（附帶一小段處理條件邏輯的腳本），也能是 JSON schema 方便接入 react-hook-form、Tally 等表單庫。

使用方法

1. 點擊「新增欄位」插入表單元素——可選擇文字框、文字區域、電子郵件、數字、日期、是/否、星級評分、下拉選擇、核取方塊群組、刻度滑桿,或專屬的 NPS 0-10 量表。
2. 拖曳欄位調整排序，一鍵複製欄位以沿用其設定，內聯編輯標籤和預設文字，並將欄位設為必填或選填。
3. 在右側填寫即時預覽來體驗真實的表單效果，然後匯出為 HTML 程式碼或下載 JSON 結構用於整合。

何時使用

• 電商網站做購後 NPS 問卷,但不想花錢買 Typeform。
• 招聘流程的回饋表初稿,先草擬好再交給開發團隊。
• 工作坊、培訓、社群聚會的快速回饋表單。

結果

一位產品經理建立了一份包含 0-10 評分量表、兩個開放文字欄位和使用者角色下拉選單的 5 題 NPS 調查問卷——然後匯出 HTML 嵌入到應用程式中。

常見問題

使用者送出表單後,資料去哪了?

預設不會送去任何地方——本工具只產生 HTML 和 JSON schema。要收集回覆,得把匯出的表單 action 屬性接到自己的後端、Formspree 這類服務,或把 JSON schema 餵給你常用的表單套件。

欄位建立之後還可以調整順序嗎?

可以。每個欄位左側有拖曳把手,上下拖動就能調整順序。預覽會即時刷新,匯出的 HTML 也會按新順序生成。

評分(Rating)、刻度(Scale)和數字下拉選單有什麼差別?

評分是 1-5 顆星,適合產品評論。刻度是帶自訂最大最小值的滑桿。要做經典的顧客忠誠度調查,就選專屬的 NPS 欄位——固定的 0-10 一列,兩端標籤可改(不太可能/非常可能)。數字下拉是離散選擇,沒有視覺提示,比其它幾種顯得冷漠。

怎麼在下拉選單或核取方塊群組裡加選項?

點選欄位後,Options 旁邊有「+」按鈕,要加幾個就點幾次。每個選項可以直接編輯,「×」按鈕移除。單選題欄位也是同樣方式。

匯出的 HTML 能放進 WordPress、Shopify 或其他 CMS 嗎?

可以。匯出的是純語意化 HTML,不依賴任何 JavaScript 框架。貼進 WordPress 的「自訂 HTML」區塊、Shopify 的 Liquid 範本,或任何支援原始 HTML 的編輯器都行。

相關工具