[也適用於v8]{class="badge positive" title="亦適用於Campaign v8"}

網路表單中的靜態元素 static-elements-in-a-web-form

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

主題：

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

可使用下列欄位型別：

以先前提供的答案（在表單的情境中）或資料庫為基礎的值。
超文字連結、HTML、橫條圖。請參閱插入HTML內容。
儲存在資源庫或使用者可存取之伺服器上的影像。請參閱插入影像。

在使用者端和/或伺服器端執行的指令碼。此維度必須以JavaScript撰寫並與大多數瀏覽器相容，以確保使用者端可正確執行。

note note
NOTE
在伺服器端，指令碼可以使用Campaign JSAPI檔案中定義的函式。

插入HTML內容 inserting-html-content

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

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

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

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

NOTE

在HTML編輯器中輸入的字串，只有在 Texts 子索引標籤中定義時，才會轉譯。否則，將不會收集這些值。如需詳細資訊，請參閱轉譯網路表單。

插入連結 inserting-a-link

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

若要新增超文字連結，請移至 Static elements > Link。

Label 是超文字連結的內容，因為它將顯示在表單頁面上。
URL 是需要的位址，例如： https://www.adobe.com網站，或info@adobe.com傳送訊息。
Window 欄位可讓您選取網站中連結的顯示模式。您可以決定在新視窗、目前視窗或其他視窗中開啟連結。
您可以新增工具提示，如下所示：
您可以選擇將連結顯示為按鈕或影像。若要這麼做，請在 Type 欄位中選取顯示型別。

連結型別 types-of-links

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

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

重新整理頁面

若要這麼做，請在 Action 欄位的下拉式方塊中選取 Refresh page 選項。
顯示下一頁/上一頁

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

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

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

顯示其他頁面

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

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

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

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

個人化HTML內容 personalizing-html-content

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

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

NOTE

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

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

這會產生下列結果：

使用文字變數 using-text-variables

Text 索引標籤可讓您建立變數欄位，這些欄位可用於<%=和%>字元之間的HTML，語法如下： $(IDENTIFIER)。

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

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

按一下HTML文字的 Text 標籤。
按一下 Add 圖示。
在 Identifier 欄中，輸入變數的名稱
在 Text 欄中輸入預設值。

在HTML內容中，透過 <%= $(Contact) %> 語法插入此文字變數。

note caution
CAUTION
如果您在HTML編輯器中輸入這些字元，< 和>欄位將會取代為其逸出字元。在這種情況下，您需要按一下HTML文字編輯器的 Display source code圖示來更正原始程式碼。