Show Menu
主題×

網路表單中的靜態元素

在表單頁面中,您可以加入使用者沒有互動的元素;這些是靜態元素,例如影像、HTML內容、水準列或超文字連結。 這些元素是透過工具列的第一個按鈕,按一下功能表來建 Add static element 立。
可用欄位類型如下:
  • 值基於先前提供的答案(在表單上)或資料庫。
  • 超文字連結、HTML、水準列。 請參 閱插入HTML內容
  • 儲存在資源庫或使用者可存取之伺服器上的影像。 請參 閱插入影像
  • 在用戶端和/或伺服器端執行的指令碼。 它必須以JavaScript編寫,並且與大部分的瀏覽器相容,以確保在用戶端執行正確。
    在伺服器端,指令碼可使用 Campaign JSAPI檔案中定義的函式

插入HTML內容

您可以在表單頁面中加入HTML內容:超文字連結、影像、格式化段落、視訊或Flash物件等。
HTML編輯器可讓您輸入要插入表單頁面的內容。 若要開啟編輯器,請前往 Static elements>HTML
您可以直接輸入內容並設定其格式,或顯示原始碼視窗以貼入某些外部內容。 若要切換至「原始碼」模式,請按一下工具列中的第一個圖示:
要插入資料庫欄位,請使用個性化按鈕。
在HTML編輯器中輸入的字串只有在子標籤中定義時才 Texts 會轉換。 否則將不會收集這些資料。 如需詳細資訊,請參 閱轉換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中<%=和%>字元之間的變數欄位,其語法如下: $(IDENTIFIER)
使用此方法可輕鬆將字串本地化。 See Translating a web form
例如,您可以建立 Contact 欄位,讓您在HTML內容中顯示「上次連絡日期:」字串。 要執行此操作,請遵循下列步驟:
  1. 按一下HTML Text 文字的標籤。
  2. 按一下 Add 圖示。
  3. 在欄 Identifier 中,輸入變數的名稱
  4. 在列中 Text 輸入預設值。
  5. 在HTML內容中,透過 <%= $(Contact)%>語法插入此文字變數
    如果您在HTML編輯器中輸入這些字元, 則< and > (和)欄位將被轉義字元取代。 在這種情況下,您需要按一下HTML文字編輯器的圖示, Display source code 以修正原始碼。
  6. 開啟表 Preview 單標籤,以檢視在HTML中輸入的值:
此操作模式可讓您對Web表單的文本進行分解,並使用整合翻譯工具管理翻譯。 如需詳細資訊,請參 閱轉換Web表格

Inserting images

若要將影像包含在表單中,必須將其儲存在可從外部存取的伺服器上。
選擇菜 Static elements>Image 單。
選擇要插入的影像源:它可以來自公共資源庫,也可以儲存在外部可訪問的外部伺服器上。
如果這是圖庫中的影像,請在欄位的組合方塊中選取;如果它位於外部檔案中,請輸入訪問路徑。 標籤將通過將游標傳遞到影像上(與HTML中的ALT欄位一致)或影像未顯示時顯示。
您可在編輯器的中央區段檢視影像。