編輯內容 editing-content
定義可見度條件 defining-a-visibility-condition
您可以在網頁元素上指定可見性條件:只有在符合條件時,才會顯示此元素。
若要新增可見度條件,請選取區塊,然後在 Visibility condition 使用運算式編輯器的欄位。
這些條件採用XTK運算式語法(例如 ctx.recipient.@電子郵件 != "" 或 ctx.recipient.@status=="0")。 依預設,所有欄位都是可見的。
新增邊框和背景 adding-a-border-and-background
您可以新增 邊框 至選取的區塊。 使用下列三個選項來定義框線:樣式、大小和顏色。
您也可以定義 背景顏色 從色彩圖表中選取顏色。
編輯表單 editing-forms
變更表單的資料屬性 changing-the-data-properties-for-a-form
您可以將資料庫欄位與輸入區域、單選按鈕或核取方塊型別區塊連結。
此 欄位 輸入區域可讓您選取要與表單欄位連結的資料庫欄位。
依預設,提供的欄位為 nms:recipient 表格。
此 必要欄位 選項可讓您僅在使用者已填入欄位時,授權核准頁面。 如果未填入必填欄位,則會出現錯誤訊息。
對於選項按鈕和核取方塊, 需要其他設定.
事實上,如果使用的範本預設不包含值,您必須在編輯器中完成它。
操作步驟:
-
按一下 Edit 圖示。
-
將明細清單值(由所選欄位定義)輸入 Value 欄位。
修改表單欄位 modifying-form-fields
表單欄位,例如選項按鈕、輸入區域、下拉式清單等。 可使用其工具列進行修改。
這表示您可以:
-
使用刪除包含表單欄位的區塊 Delete 圖示。
-
使用建立新區塊,以複製所選欄位 Duplicate 圖示。
-
編輯 Form data 將資料庫欄位連結至表單區域的視窗,使用 Edit 圖示。
將動作新增至按鈕 adding-an-action-to-a-button
當使用者按一下按鈕時,您可以定義關聯的動作。 要執行此操作,請從下拉式清單中選取要執行的動作。
可用的動作如下:
- Refresh :重新整理目前頁面。
- Next page :建立指向Web應用程式中下一頁的連結。
- Previous page :建立指向Web應用程式中上一頁的連結。
您可以在對應欄位中修改連結至按鈕的標籤。
新增連結 adding-a-link
您可以將連結插入任何頁面元素中:影像、單字、字群組、文字區塊等。
要執行此操作,請選取元素,然後使用躍現式選單中的第一個圖示。
此圖示可讓您存取所有可用的連結型別。
個人化區塊和欄位只能插入文字型別區塊中。
<target>
HTML標籤。- 其他(IFrame)
- 頂端視窗(_top)
- 父視窗(_parent)
- 新視窗(_blank)
- 目前視窗(_self)
- 預設瀏覽器行為
連結至URL link-to-a-url
此 外部URL的連結 選項可讓您從來源內容開啟任何URL。
將相關連結地址輸入至 URL 欄位。 URL欄位應輸入為: https://www.myURL.com.
連結至Web應用程式 link-to-a-web-application
此 連結至Web應用程式 選項可讓您存取Adobe Campaign網頁應用程式。
從對應的欄位中選取Web應用程式。
建議的Web應用程式清單會對應至 Resources > Online > Web Applications 節點。
連結至動作 link-to-an-action
此 定義動作的連結 選項可讓您在按一下來源元素時設定動作。
刪除連結 delete-a-link
插入連結後,工具列會提供兩個新圖示: 編輯連結 和 中斷連結 可讓您與建立的連結互動。
- Edit link 可讓您顯示一個視窗,其中顯示連結的所有引數。
- Break the link 可在確認後刪除連結及所有相關引數。
變更字型屬性 changing-font-attributes
當您選取文字元素時,可以修改字型屬性(樣式、格式)。
可用的選項如下:
- 放大字型 圖示:增加所選取文字的大小(新增
<span style="font size:">
) - 縮小字型 圖示:縮小所選取文字的大小(新增
<span style="font size:">
) - 粗體 圖示:將選取的文字變為粗體(文字換行
<strong> </strong>
標籤) - 斜體 圖示:將選取的文字變為斜體(文字換行
<em> </em>
標籤) - 底線 圖示:將選取的文字加上底線(文字換行
<span style="text-decoration: underline;">
標籤) - 靠左對齊 圖示:將文字對齊所選取區塊的左側(新增style="text-align: left;")
- 置中 圖示:將所選取區塊的文字置中對齊(新增style="text-align: center;")
- 靠右對齊 圖示:將文字對齊所選取區塊的右側(新增style="text-align: right;")
- 變更背景顏色 圖示:可讓您變更所選取區塊的背景顏色(add style="background-color: rgba(170, 86, 255, 0.87))
- 變更文字顏色 圖示:可讓您變更所選區塊的文字顏色,或是僅變更所選文字(
<span style="color: #CODE">
)
-
刪除 圖示:刪除區塊及其所有內容。
-
複製 圖示:複製區塊以及與該區塊相關的所有樣式。
管理影像和動畫 managing-images-and-animations
數位內容編輯器可讓您處理 任何型別的影像 與瀏覽器相容。
新增/刪除/複製影像 adding---deleting---duplicating-an-image
若要插入影像,請選取影像型別區塊,然後按一下 影像 圖示。
選取本機儲存的影像檔案。
此 刪除 圖示會刪除包含影像的標籤。
此 複製 圖示會複製標籤及其內容。
編輯影像屬性 editing-image-properties
當您選取包含影像的區塊時,可以存取下列屬性:
-
註解 可讓您定義連結至影像的標題(對應至 alt HTML屬性)。
-
Dimension 可讓您指定影像大小(畫素)。
新增個人化內容 adding-personalization-content
插入個人化欄位 inserting-a-personalization-field
此 個人化欄位 插入圖示的選項可讓您將資料庫欄位新增至內容,例如收件者的名稱。 此選項僅適用於文字型別區塊。
依預設,提供的欄位來自 Recipient 表格。 必要時,編輯Web應用程式屬性以選取其他表格。
欄位名稱會顯示在編輯器中,以黃色反白顯示。 產生個人化時(例如,預覽登入頁面時),目標收件者的設定檔會取代此設定檔。
範例顯示於 插入個人化欄位 區段。
插入個人化區塊 inserting-a-personalization-block
此 個人化區塊 選項可讓您將動態和個人化的區塊插入內容中。 例如,您可以新增標誌或問候語。 它不適用於文字型別區塊。
插入後,個人化區塊名稱會顯示在編輯器中,並以黃色反白顯示。 產生個人化時,會自動調整成適合收件者設定檔。
有關內建個人化區塊以及如何定義自訂個人化區塊的詳細資訊,請參閱 此頁面.