發佈您的表單並開始收集資料

一旦您準備好與客戶分享表單以收集或提交資料,您只需發佈表單並供客戶隨時使用即可。

以文件為主的製作生態系統

必要條件

發佈您的表單

1. 發佈您的試算表
  1. 開啟 Microsoft SharePoint 或 Google Drive 帳戶,然後導覽至您的 AEM Edge Delivery 專案目錄。

  2. 開啟包含您表單的試算表。例如, enquiry表單 Microsoft Excel 工作簿。

  3. 使用 AEM Sidekick 來預覽工作表。

    使用 AEM Sidekick 來預覽工作表

    成功完成預覽作業後,試算表內容將轉換為 JSON 格式。然後,預覽頁面以結構化表格格式呈現該內容。例如,附圖說明「查詢」表單的內容。

    表單預覽 JSON 格式

  4. 使用 AEM Sidekick 來發佈工作表。確保擷取發佈 URL,因為這是在下個區段中呈現表單必要的項目。URL 格式如下:

    code language-json
        https://<branch>--<repository>--<owner>.hlx.live/<form>.json
    
    • <branch>是指 GitHub 存放庫的分支。
    • <repository>表示您的 GitHub 存放庫。
    • <owner>是指託管 GitHub 存放庫的 GitHub 帳戶使用者名稱。

    例如,如果您的專案存放庫名為 “portal” (位於帳戶 “wkndforms” 下面),並且您使用的是「主要」分支,則 URL 如下所示:

    https://main--portal--wkndforms.hlx.page/enquiry.json

2. 新增表單至您的網頁

<form>.json新增至網頁以方便客戶互動,讓表單填寫者能夠輕鬆填寫並提交表單。

若要新增表單至您的網頁:

  1. 存取您的 Microsoft SharePoint 或 Google Drive 帳戶並導覽到您的 [AEM Edge Delivery project directory]

  2. 開啟要嵌入表單的文件檔案。例如,您可以開啟 index.docx 檔案,或建立一個新文件。

  3. 確定文件中要插入表單的所要區段,然後導覽至該區段。

  4. 新增名為 'Form' 的區塊至檔案中,類似於下面提供的範例。

    table 0-row-1 1-row-1
    表單
    https://main–wefinance–wkndforms.hlx.live/enquiry.json

    將名為「表單」的區塊新增至檔案中

    此區塊是用作嵌入表單的暫留位置。在該區塊的第二行中,新增 <form>.json 檔案的 URL 作為超連結。

    note important
    IMPORTANT
    確保 URL 的格式為超連接,而不是顯示為純文字。

    使用預覽 URL (.page URL) 進行開發或測試,或使用發佈 URL (.live) 進行生產。以下是帶有預覽和發佈 URL 的範例:

    預覽 URL

    table 0-row-1 1-row-1
    表單
    https://main–wefinance–wkndforms.hlx.page/enquiry.json

    發佈 URL

    table 0-row-1 1-row-1
    表單
    https://main–wefinance–wkndforms.hlx.live/enquiry.json
  5. 使用 AEM Sidekick 來預覽網頁。頁面現在會顯示表單。例如,這是以查詢試算表為主的表單:

    EDS Forms 範本

  6. 使用 AEM Sidekick 來發佈表單。現在,您的客戶可以填寫表格並提交。

疑難排解

無法向表單提交資料

如果您遇到類似以下訊息的錯誤,則表示試算表尚未設定為接受提交的資料。

在表單提交時的錯誤

另請參閱

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab