編輯內容

定義可見性條件

您可以在網頁元素上指定可見性條件：此元素只有在符合條件時才會顯示。

要添加可見性條件，請選擇一個塊，然後使用表達式編輯器在​Visibility condition​欄位中輸入條件。

注意

進階運算式編輯會顯示在本頁上。

這些條件採用XTK運算式語法（例如​ctx.recipient）。@email != ""​或​ctx.recipient。@status=="0")。 依預設，所有欄位皆可顯示。

注意

無法編輯非可見的動態區塊，例如下拉式功能表。

添加邊框和背景

您可以將​border​新增至選取的區塊。 邊框使用三個選項定義：樣式、大小和顏色。

您也可以從顏色圖表中選擇顏色來定義​背景顏色。

編輯表格

更改表單的資料屬性

您可以將資料庫欄位與輸入區域、單選按鈕或複選框類型塊連結。

注意

預設欄位是Web應用程式儲存架構中的欄位。

欄位​輸入區域允許您選擇要與表單欄位連結的資料庫欄位。

預設情況下，提供的欄位是​nms:recipient​表中的欄位。

必填欄位​選項僅可讓您在使用者已填入欄位時，授權頁面的核准。 如果未填入必要欄位，則會出現錯誤訊息。

對於單選按鈕和複選框，需要額外配置。

事實上，如果使用的範本預設不包含值，您必須在編輯器中完成。

操作步驟：

  • 按一下​Edit​表徵圖。

  • 在​Value​欄位中輸入明細清單值（由選取欄位定義）。

修改表單域

表單欄位，例如選項按鈕、輸入區域、下拉式清單等。 可從工具列修改。

這表示您可以：

  • 使用​Delete​圖示刪除包含表單欄位的區塊。

  • 使用​Duplicate​圖示建立新區塊，以複製選取的欄位。

  • 編輯​Form data​窗口，使用​Edit​表徵圖將資料庫欄位連結到表單區域。

向按鈕添加操作

當使用者按一下按鈕時，您可以定義相關的動作。 若要這麼做，請從下拉式清單中選取要執行的動作。

可用操作如下：

  • Refresh :重新整理目前頁面。
  • Next page :建立指向Web應用程式中下一頁的連結。
  • Previous page :在Web應用程式中建立上一頁的連結。
注意

None​值允許您不激活按鈕。

您可以在對應欄位中修改連結至按鈕的標籤。

您可以將連結插入任何頁面元素：影像、單詞、單片語、文本塊等。

若要這麼做，請選取元素，然後使用快顯功能表中的第一個圖示。

此圖示可讓您存取所有可用的連結類型。

個人化區塊和欄位只能插入文字類型區塊。

注意

對於每種類型的連結，您可以設定開啟模式：在​Target​下拉式清單中選取目標視窗。 此值與​**<target>** HTML標籤相對應。

可用​目標​的清單如下：

  • 其他(IFrame)
  • 頂端視窗(_top)
  • 父窗口(_parent)
  • 新視窗(_blank)
  • 目前視窗(_self)
  • 預設瀏覽器行為

連結至外部URL​選項可讓您從來源內容開啟任何URL。

在​URL​欄位中輸入相關的連結位址。 URL欄位應輸入為：https://www.myURL.com。

連結至網頁應用程式​選項可讓您存取Adobe Campaign網頁應用程式。

從相應欄位中選擇Web應用程式。

建議的Web應用程式清單與​Resources > Online > Web Applications​節點中的可用應用程式相對應。

定義動作​選項的​連結可讓您在按一下來源元素時設定動作。

注意

將操作添加到按鈕部分中詳細介紹了可用操作。

插入連結後，工具列會提供兩個新圖示：編輯連結​和​中斷連結，讓您與建立的連結互動。

  • Edit link 可讓您顯示包含連結所有參數的視窗。
  • Break the link 可讓您在確認後刪除連結和所有相關參數。
注意

如果刪除連結，內容仍會保留。

更改字型屬性

選擇文本元素時，可以修改字型屬性（樣式、格式）。

可用選項如下：

  • 放大 字型：增加選取文字的大小(新增 <span style="font size:">)
  • 減少 字型：減小選取文字的大小(新增 <span style="font size:">)
  • 博 爾迪孔：將選取的文字設為粗體(以標籤換 <strong> </strong> 行文字)
  • 斜體 圖示：使選取的文字變成斜體(以標籤包 <em> </em> 住文字)
  • 下 線圖示：使選取的文字加上底線(以標籤換 <span style="text-decoration: underline;"> 行文字)
  • 左對 齊：將文字對齊選定塊的左側(add style="text-align:左；」)
  • 中 心圖示：將選取區塊的文字置中(新增style="text-align:中；」)
  • 右 對齊：將文字對齊選定塊的右側(add style="text-align:權利；」)
  • 變更背景顏 色圖示：可讓您變更所選區塊的背景顏色(新增style="background-color:rgba(170、86、255、0.87)
  • 變更文字色 彩圖示：可讓您變更所選區塊的文字顏色，或只變更所選取的文字(<span style="color: #CODE">)
注意

  • 刪除 表徵圖：刪除塊及其所有內容。

  • 復 制表徵圖：複製塊以及與塊相關的所有樣式。

管理影像和動畫

數位內容編輯器可讓您處理與瀏覽器相容的​任何影像類型。

注意

您不得在HTML頁面的​script​標籤中呼叫外部檔案。 這些檔案不會匯入至Adobe Campaign伺服器。

添加／刪除／複製映像

要插入影像，請選擇影像類型塊並按一下​影像​表徵圖。

選取儲存在本機的影像檔案。

Delete​圖示會刪除包含影像的![] ()標籤。

複製​圖示會複製![] ()標籤及其內容。

注意

複製影像時，與新影像相關的識別碼會被刪除。

編輯影像屬性

當您選取包含影像的區塊時，可存取下列屬性：

  • Caption可 讓您定義連結至影像的標題(與 ​​altHTML屬性相對應)。

  • 尺 寸指定影像大小（以像素為單位）。

新增個人化內容

插入個人化欄位

插入表徵圖的​個人化欄位​選項允許您將資料庫欄位添加到內容中，如收件人的名稱。 此選項僅適用於文本類型塊。

預設情況下，提供的欄位來自​Recipient​表。 如有必要，請編輯Web應用程式屬性以選擇另一個表。

欄位名稱會顯示在編輯器中，以黃色反白顯示。 當產生個人化時（例如，在預覽著陸頁面時），會由目標收件者的設定檔取代。

插入個人化欄位區段中顯示範例。

插入個人化塊

個人化區塊​選項可讓您將動態和個人化區塊插入內容。 例如，您可以新增標誌或問候訊息。 它不適用於文本類型塊。

插入後，個人化區塊名稱會出現在編輯器中，並以黃色反白顯示。 當產生個人化時，它會自動適應收件者描述檔。

有關內建個人化區塊以及如何定義自訂個人化區塊的詳細資訊，請參閱本頁。

本頁內容