網路表單中的靜態元素

您可以在表單的頁面中加入使用者沒有互動的元素；這些是靜態元素，例如影像、HTML內容、水準條或超文字連結。 這些元素是透過工具列中的第一個按鈕，透過選取 Static elements.

可用的欄位類型如下：

  • 值以先前提供的答案（在表單的上下文中）或資料庫為基礎。

  • 超文字連結、HTML、橫條。 請參閱 插入HTML內容.

  • 儲存在資源庫或使用者可存取之伺服器上的影像。 請參閱 插入影像.

  • 在用戶端和/或伺服器端執行的指令碼。 它必須以JavaScript撰寫，且與大部分的瀏覽器相容，以確保在用戶端上正確執行。

    注意

    在伺服器端，指令碼可使用 Campaign JSAPI檔案.

插入HTML內容

您可以在表單頁面中加入HTML內容：超文本連結、影像、格式化段落、視頻等。

HTML編輯器可讓您輸入要插入表單頁面的內容。 若要開啟編輯器，請按一下 Static elements > HTML .

您可以直接輸入內容並設定其格式，或顯示原始碼視窗以貼入某些外部內容。 若要切換為「原始碼」模式，請按一下工具列中的第一個圖示：

若要插入資料庫欄位，請使用個人化按鈕。

注意

在HTML編輯器中輸入的字串，只有在 Texts 頁簽。 否則將不會收集。 有關詳細資訊，請參閱 轉譯網路表單.

填寫編輯視窗中的欄位，如下列範例所示：

若要新增超文字連結，請前往 Static elements > Link.

  • 此 Label 是超文字連結的內容，如同它將顯示在表單頁面上一樣。

  • 此 URL 是所需的位址，例如： https://www.adobe.com 網站，或 info@adobe.com 來傳送訊息。

  • 此 Window 欄位可讓您在網站的情況下選取連結的顯示模式。 您可以決定在新視窗、目前視窗或其他視窗中開啟連結。

  • 您可以新增工具提示，如下所示：

  • 您可以選擇將連結顯示為按鈕或影像。 要執行此操作，請選取 Type 欄位。

依預設，連結會與URL類型動作相關聯，以便在URL欄位中輸入連結目的地址。

您可以定義連結的其他動作，讓使用者可以按一下連結來執行下列動作：

  • 重新整理頁面

    若要這麼做，請選取 Refresh page 選項 Action 欄位。

  • 顯示下一頁/上一頁

    若要這麼做，請選取 Next page 或 Previous page 選項 Action 欄位。

    您可以隱藏 Next 和/或 Back 按鈕（如果這些按鈕將被連結替換）。 請參閱 頁面.

    連結會取代 Next 按鈕。

  • 顯示其他頁面

    此 Enable a transition 選項可讓您顯示與 Transition 欄位。

    依預設，頁面只有一個輸出轉變。 若要建立新轉變，請選取頁面，然後按一下 Add 按鈕 Output transitions 區段，如下所示：

    在圖中，此新增項目看起來會像這樣：

    注意

    如需Web表單中頁面排序的詳細資訊，請參閱 定義網路表單頁面排序.

個人化HTML內容

您可以使用上一頁記錄的資料，個人化表單頁面的HTML內容。 例如，您可以建立車險Web表單，其第一頁允許您提供聯繫資訊和車牌。

使用個人化欄位，將使用者名稱和選取的品牌重新插入至下一頁。 使用的語法取決於資訊儲存模式。 有關詳細資訊，請參閱 使用收集的資訊.

注意

基於安全理由，在 <%= 公式被逸出字元取代。

在我們的範例中，收件者的名字和姓氏會儲存在資料庫的欄位中，而其車牌會儲存在變數中。 第2頁個人化訊息的語法如下：

<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

這會產生下列結果：

使用文字變數

此 Text 索引標籤可讓您建立變數欄位，這些欄位可用於<%=和%>字元之間的HTML，語法如下： $（標識符）.

使用此方法可輕鬆將字串本地化。 請參閱 轉譯網路表單

例如，您可以建立 連絡人 欄位，可讓您將「上次連絡人的日期：」字串顯示至HTML內容。 要執行此操作，請遵循下列步驟：

  1. 按一下 Text 頁簽中。

  2. 按一下 Add 表徵圖。

  3. 在 Identifier 欄，輸入變數的名稱

  4. 在 Text 欄，輸入預設值。

  5. 在HTML內容中，透過 <%= $（聯繫）%> 語法。

    注意

    如果您在HTML編輯器中輸入這些字元， < 和 > 欄位將替換為其逸出字元。 在此情況下，您需要按一下 Display source code 表徵圖。

  6. 開啟 Preview 表單的標籤，以檢視HTML中輸入的值：

此作業模式可讓您僅定義一次網路表單的文字，並使用整合翻譯工具管理翻譯。 有關詳細資訊，請參閱 轉譯網路表單.

插入影像

若要將影像包含在表單中，必須將其儲存在可從外部存取的伺服器上。

選取 Static elements > Image 功能表。

選擇要插入的影像源：它可以來自公共資源庫，或儲存在可從外部訪問的外部伺服器上。

如果這是資料庫中的影像，請在欄位的下拉式方塊中選取該影像；如果位於外部檔案中，請輸入訪問路徑。 標籤的顯示方式是將游標傳遞到影像上(與HTML中的ALT欄位一致)，或影像未顯示時。

您可以在編輯器的中央區段中檢視影像。

本頁內容