返回支援 內容和媒體 區塊 表單區塊

表單區塊

表單區塊可讓讀者透過你的網站與你聯絡。你可以使用表單區塊新增多種表單,包括聯絡表單、預約表單、活動註冊表單、意見回饋表單,還有更多類型!

如果想要讓訪客訂閱你的網站或註冊電子報,請使用訂閱區塊,或依照說明建立電子報

教學課程影片

新增表單區塊

若要新增表單區塊,請按一下 「+ 區塊插入工具」圖示,然後搜尋「表單」,接著按一下即可將區塊新增至文章或頁面。

此處有新增區塊的詳細說明。 

在區塊插入工具中,表單區塊會顯示「表單」字樣。

💡

你也可以用鍵盤在新的一行輸入 /form,然後按 Enter 鍵快速新增表單區塊

第一次新增表單區塊時,系統會提示你選取要插入的表單類型。請選取最符合你需求的類型。新增表單區塊後,你可以編輯表單欄位。

選取「表單」後,你會看到一些預先設計的表單選項,包括聯絡表單、邀請函回覆表單等。

💡

如果你希望新增訂閱表單,請改用訂閱區塊。請在這裡深入瞭解訂閱區塊。

選取表單類型後,請查看右側的設定,完成一些重要設定:

如果你對表單設定感到滿意,請按一下「發佈」或「更新」讓變更生效 (未發佈的草稿頁面無法使用表單區塊)。 或者請繼續閱讀下文,瞭解如何在發佈前進一步自訂表單

自訂表單

你可以精確控制並自訂表單要顯示的欄位。第一次新增表單區塊時,會看到「姓名」和「電子郵件」等必填表單欄位。

若要新增表單欄位,請按一下最後一個欄位下方的「+ 區塊插入工具」圖示,如下所示:

「+ 區塊插入工具」圖示以橘色箭頭標示。

按一下「瀏覽全部」並向下捲動,查看可以選擇的所有表單欄位:

  • 姓名
  • 電子郵件
  • 網站
  • 文字
  • 日期挑選器
  • 訊息
  • 電話號碼
  • 核取方塊
  • 核取方塊群組
  • 同意
  • 選項按鈕
  • 選取

你也可以新增其他並非用於表單的區塊,例如圖片區塊或文字區塊。

欄位設定

在表單中新增所有必要的欄位後,按任何一個欄位即可進一步變更,例如:

如何在表單區塊使用欄位設定或工具列中的「*」按鈕,將欄位設為必填。
表單區塊的欄位設定

你也可以使用右側的欄位寬度設定,調整欄位寬度。如果將兩個連續的欄位寬度設為 50%,則兩個欄位會顯示在同一行。

表單區塊設定

選取區塊時,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,請按一下右上角的「設定」圖示叫出設定。此圖示外觀為正方形中有兩個大小不同的欄位:

編輯器中的「設定」圖示,下方顯示「設定」的工具提示。
按一下「設定」圖示即可開啟區塊設定
變更接收訊息的電子郵件地址

訊息依預設會傳送到你在帳號設定中設定的相同電子郵件地址。如果要變更接收表單訊息的電子郵件地址,請按照下列步驟操作:

  1. 按一下螢幕左上方的「清單檢視」按鈕 (看起來像三條水平線)。右圖標示為 1
  2. 選取表單 (右圖標示為 2)。
  3. 表單設定會在螢幕右側顯示一個「收件人電子郵件地址」方塊。請在此處輸入你的電子郵件地址。
    • 你可以新增多個電子郵件收件人,使用逗號分隔即可。
  4. 完成後,按下「更新」儲存變更。
「清單檢視」圖示標示為 1,表單區塊標示為 2。
電子郵件主旨行

你可以使用此設定,指定每次有人透過表單向你傳送訊息時,電子郵件顯示的主旨行。

提交

你可以使用「提交」選項,選擇網站訪客提交表單時要執行的動作。選項包括:

  • 顯示提交欄位的摘要。
  • 顯示自訂文字訊息 (你可以自行撰寫)。
  • 重新導向至其他網頁,讓訪客查看你的網站或其他網站的其他頁面。
訊息標題

當訪客使用表單傳送訊息時,會顯示「訊息已傳送」文字。你可以使用「訊息標題」區段自訂這段文字。

查看所有訊息

每次有人透過表單傳送訊息給你時,你都會收到電子郵件通知。

你也可以前往網站儀表板左側邊欄的「意見反應」,閱讀帳號收到的所有表單訊息。

意見反應的管理方式與留言類似。如果意見反應屬於垃圾內容,請移動游標至該意見反應上,然後按一下「垃圾訊息」。如果要刪除某則意見反應,請移動游標至該意見反應上,然後按一下「垃圾桶」。或者,如果合理的意見反應被標記為垃圾訊息,你可以按一下「非垃圾訊息」。

「意見反應」位在 WP 管理員側邊欄中「留言」的下方。

不想看到的訊息和垃圾訊息

為了避免提交的表單出現垃圾訊息和不想看到的內容,你可以在「不允許的留言」中新增關鍵字、使用者名稱、IP 位址、電子郵件地址等。此區段位於「設定」→「討論裡。

意見反應若含有「不允許的留言」中定義的字詞,將直接移至「意見反應」區段內的垃圾桶。

秘訣

進階

進階分頁可為區塊新增 CSS 類別,讓你撰寫自訂 CSS 並視需要設定區塊樣式。深入瞭解。

你可以在「附加的 CSS 類別」新增 CSS 的特定類別。
Copied to clipboard!