網路表單中的靜態元素

您可以在表單的頁面中加入使用者沒有互動的元素;這些是靜態元素,例如影像、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 pagePrevious 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欄位一致),或影像未顯示時。

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

本頁內容