互動工具

如何在專案中建立/編輯表單?

你可以在「編輯區」或「控制台 > 互動工具 > 表單管理」建立表單。一個專案可建立多個表單(免費方案:一個專案限一個表單,並收集最多 500 筆回覆)。

如何設定表單?

A. 建立表單

如當前專案尚未建立表單,請在點擊「表單設定 > 建立表單」後的提示窗中完成下方設定:

  1. 表單設定
    WEBASite|A. 建立表單 > 1. 表單設定|V2.2

    1. 表單名稱:請設定該表單名稱,建議以使用場景、目的命名,以利後續分辨。
    2. 填表數量上限:限制該表單可以讓 End User 填寫並送出的次數,目前「免費方案」預設為 500 筆。
    3. 表單提交回饋文字:End User 送出表單後,顯示在提示窗的文字。
  2. 題目編輯
    WEBASite|A. 建立表單 > 2.題目編輯|V2.2

    1. 題目頁面管理:
      • 你可點擊「新增頁面」並設定該頁面名稱,讓表單呈現換頁的效果。
      • 你可將在所選的頁面中插入題型,並透過拖曳為題目排序。
    2. 中間位置為表單題目的編輯區,將依你所選的題型而有不同的編輯和設定內容。
    3. 選擇題目:顯示目前方案所支援的表單題型。
  3. 當你完成初始設定後,「表單設定」將顯示你所設定的表單名稱和填表數量,如需重新設定可點擊「表單設定 > 表單管理」按鈕。
    WEBASite|A. 建立表單 > 3. 表單管理|V2.2

B. 頁面設定

  1. 換頁動畫:提供 26 種「題目頁面」的換頁動畫效果供選擇
    WEBASite|B. 頁面設定 > 1. 換頁動畫|V2.2
  2. 題目間距:設定每一道題目間的距離
    WEBASite|B. 頁面設定 > 2.3.4.|V2.2
  3. 顯示頁面名稱:設定「題目頁面」的名稱是否需隱藏,預設顯示於每一頁表單的最上方
  4. 顯示進度條:設定表單填答的進度條是否需隱藏,預設顯示於每一頁表單中的「頁面名稱」下方
    1. 樣式選擇:提供 7 種進度條的樣式供選擇
    2. 進度文字:設定進度條的文字顏色
    3. 進度主色:設定進度條推進時顯示的顏色
    4. 進度底色:設定進度條的底色
  5. 顯示進階設定
    WEBASite|B. 頁面設定 > 5. 顯示進階設定|V2.2

    1. 表單背景:設定表單元件的背景顏色
    2. 框線:設定表單元件的框線是否需顯示,開啟後可設定「顏色設定」和「寬度」
    3. 陰影:設定表單元件的陰影是否需顯示,開啟即可設定「顏色設定」、「X/Y軸」和「模糊」

 

C. 題目設定

  1. 題號設定:設定題目編號的顯示邏輯
    WEBASite|C. 題目設定 > 1. 題號設定|V2.2

    1. 無題號
    2. 題號接續
    3. 依分頁重新編號
  2. 勾選顏色:設定題目中,當勾選項目被勾選時顯示的顏色
    WEBASite|C. 題目設定 > 2. 3. 4.|V2.2
  3. 選取顏色:設定題目中,當輸入欄位被選取時顯示的顏色
  4. 顯示進階設定:「項目選擇」中,可設定表單組成元素的文字樣式,如:顏色、字體、行距、間距…等
    1. 頁面標題(如隱藏則無需另設定)
    2. 題目
    3. 分類標題
    4. 選項
    5. 副標題
    6. 填題:共分為以下兩種文字樣式設定
      • 作答顏色:輸入作答時,顯示的文字顏色
      • 提示顏色:顯示在輸入框中,用於提示的文字顏色

D. 按鈕設定

相較於「按鈕」元件,此處設定更聚焦在送出表單前後的按鈕樣式,和後續的執行動作,因此在設定的順序上略有不同。
WEBASite|D. 按鈕設定|V2.2

  1. 尺寸設定:透過「寬」及「高」設定按鈕的尺寸(此處無法以拖曳按鈕控制點設定尺寸)
  2. 提交文字:設定顯示在按鈕上的文字
  3. 回饋文字:設定當表單送出提交後,顯示在按鈕上的回饋文字
  4. 按鈕顏色:設定按鈕本體的顏色
  5. 點擊顏色:設定按鈕在被點擊瞬間(hover)變化的顏色
  6. 送出後執行動作
    1. 無:表單送出後停留在原頁面不跳轉
    2. 一般跳轉設定:跳轉選項包含「頁面」和「提示」,設定詳見「連結設定
    3. 顯示進階設定:為按鈕文字的樣式設定,設定詳見「按鈕設定」中,No.5 的「顯示進階設定」

如何查看表單回覆?

查看方式,詳見「表單管理」。

Prev
WEBASite:V2.2
Next
WEBASite:V2.3