使用內容元件 content-components
建立電子郵件內容時,內容 元件可讓您使用原始的空白元件進一步個人化電子郵件,這些元件一旦放入電子郵件中即可使用。
您可以視需要在 結構 中新增最多 內容,這會定義您電子郵件的配置。
新增內容元件 add-content-components
若要將內容元件新增到電子郵件並根據您的需要進行調整,請依照以下步驟進行。
-
將您選擇的 內容 拖放到相關結構內。
{modal="regular"}
note note NOTE 您可以將數個元件新增至單一結構以及結構的每個欄中。 -
使用內容 設定 索引標籤調整每個元件的選項。 例如,您可以選擇僅在桌上型電腦或行動裝置上顯示,或兩者同時顯示。 您也可以從此標籤管理連結選項。 進一步瞭解管理連結
-
使用 樣式 索引標籤調整每個元件的樣式屬性。 例如,您可以變更每個元件的文字樣式、邊框間距或邊界。了解對齊方式和邊框間距的詳細資訊
{modal="regular"}
-
從右窗格上 Content 的進階功能表,您可以視需要輕鬆刪除或複製任何內容元件。
容器 container
您可以新增一個簡單容器,在其中新增另一個內容元件。這可讓您將特定樣式套用到容器,這與內部使用的元件不同。
例如,新增 容器 元件,然後在該容器內部新增按鈕元件。您可以為容器使用特定背景,為按鈕使用另一個背景。
{modal="regular"}
按鈕 buttons
使用 按鈕 元件將一個或多個按鈕插入您的電子郵件,並將您的電子郵件客群重新導向到另一個頁面。
-
從 內容 清單,將 按鈕 元件拖放到 結構 元件中。
{modal="regular"}
-
按一下您新增的按鈕,將文字個人化,並存取「設定」和「樣式」索引標籤。
{modal="regular"}
-
從「設定」索引標籤 (位於 URL 欄位中) 新增按下按鈕時會重新導向到的 URL。
-
使用 目標 下拉式清單選擇內容的顯示方式:
- 無:當框架被點按時在相同框架中開啟連結 (預設)。
- 空白:在新的視窗或索引標籤中開啟連結。
- 自我:當框架被點按時在相同框架中開啟連結。
- 父系:在父框架中開啟連結。
- 頂端:在視窗的完整內文中開啟連結。
{modal="regular"}
-
您可以變更樣式屬性 (例如 邊框、大小、邊界 等) 來進一步個人化您的按鈕。從 樣式 索引標籤。
文字 text
使用 文字 元件將文字插入電子郵件,並調整樣式 (邊框、大小、邊框間距等。)使用「設定」和「樣式」索引標籤。
-
從 內容 功能表,將 文字 拖放到 結構 元件中。
{modal="regular"}
-
按一下您新增的元件,將文字個人化,並存取「設定」和「樣式」索引標籤。
-
使用內容工具列中的下列選項變更文字:
{modal="regular"}
- 變更文字樣式:將粗體、斜體、底線或刪除線套用到文字。
- 變更對齊方式:選擇文字靠左對齊、靠右對齊、置中或左右對齊。
- 建立清單:新增項目符號清單或編號清單新增到文字。
- 設定標題:為文字新增標題,最多六層。
- 字型大小:選取文字的字型大小 (以像素為單位)。
- 編輯影像:將影像或資產新增到文字元件。
- 顯示原始碼:顯示文字的原始碼。原始碼無法變更。
- 複製:新增文字元件的副本。
- 刪除:從電子郵件刪除選取的文字元件。
- 新增個人化:新增個人化欄位以從設定檔資料自訂內容。
- 啟用條件式內容:新增條件式內容以使元件內容適應目標設定檔。
-
調整其他樣式屬性,例如文字顏色、字型系列、邊框、邊框間距、邊界等。從 樣式 索引標籤。
{modal="regular"}
分隔線 divider
使用 分隔線 元件以插入分隔線來組織電子郵件的版面和內容。
您可以從 樣式 索引標籤調整樣式屬性,例如線條顏色、樣式和高度。
{modal="regular"}
HTML HTML
使用 HTML 元件將現有 HTML 的不同部分進行複製貼上。這可讓您建立免費的模組化 HTML 元件以重複使用一些外部內容。
-
從 元件,將 HTML 元件拖放到 結構 元件中。
{modal="regular"}
-
按一下您新增的元件,然後選取「顯示原始碼」從內容關聯式工具列新增至 HTML。
{modal="regular"}
影像 image
使用 影像 元件將電腦中的影像檔案插入到電子郵件中。
-
從「內容」選單,將 影像 拖放到 結構 元件中。
{modal="regular"}
-
按一下 瀏覽,從您的資產中選擇影像檔案。 您也可以選擇 匯入您的媒體。
若要進一步瞭解如何在Adobe Experience Manager中上傳和新增資產,請參閱Adobe Experience Manager as a Cloud Service檔案。
{modal="regular"}
-
瀏覽資料夾以找出所需的特定資產,或使用搜尋列有效率地尋找資產。
找到您要尋找的資產後,請按一下 選取。
{modal="regular"}
-
按一下您新新增的元件,並使用 設定 索引標籤來設定影像屬性:
- 影像標題 可讓您定義影像的標題。
- 替代文字 可讓您定義連結到影像的註解。這對應於替代 HTML 屬性。
{modal="regular"}
-
您可以新增連結,將您的對象重新導向至其他內容。 了解更多
-
調整其他樣式屬性,例如邊界、邊框等。使用 樣式 索引標籤。
社交 social
使用 社交 元件將社交媒體頁面連結插入到電子郵件內容中。
-
從「元件」選單,將 社交 元件拖放到 結構 元件中。
-
按一下您新增的元件。
-
在「設定」索引標籤的「社交」欄位中,選擇要新增或移除的社交媒體。
{modal="regular"}
-
在「影像大小」欄位中,選擇圖示大小。
-
按一下每個社交媒體的圖示以設定客群將被重新導向到的 URL。
{modal="regular"}
-
如有需要,您也可以在 Source 欄位中變更每個社群媒體的圖示。
-
調整其他樣式屬性,例如樣式、邊界、邊框等。從 樣式 索引標籤。