也適用於v8

網路表單中的靜態元素

最後更新： 2024年7月19日
  • 適用對象：
  • Campaign Classic v7
  • 主題：

您可以在表單的頁面中加入使用者不會互動的元素；這些是靜態元素，例如影像、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欄位中輸入連結目的地位址。

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

  • 重新整理頁面

    若要這麼做，請在​ Action ​欄位的下拉式方塊中選取​ Refresh page ​選項。

  • 顯示下一頁/上一頁

    若要這麼做，請在​ Action ​欄位的下拉式方塊中選取​ Next page ​或​ Previous page ​選項。

    如果要以連結取代​ Next ​和/或​ Back ​按鈕，您可以隱藏這些按鈕。 請參閱此頁面。

    連結將取代預設使用的​ Next ​按鈕。

  • 顯示其他頁面

    Enable a transition ​選項可讓您顯示與在​ Transition ​欄位中選取的傳出轉變相關聯的特定頁面。

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

    在圖表中，這項新增內容如下所示：

    注意
    如需網頁表單頁面順序的詳細資訊，請參閱定義網頁表單頁面順序。

個人化HTML內容

您可以使用上一頁所記錄的資料，個人化表單頁面的HTML內容。 例如，您可以建立汽車保險網路表單，其第一頁可讓您提供聯絡資訊和汽車品牌。

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

注意
基於安全理由，在​**<%=**​公式中輸入的值會以逸出字元取代。

在我們的範例中，收件者的名字和姓氏儲存在資料庫的欄位中，而他們的汽車品牌儲存在變數中。 第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>

這會產生下列結果：