使用電子郵件設計工具內容元件

建立您的電子郵件內容時， 內容元件 可讓您使用原始元件進一步個人化電子郵件，這些元件一旦放入電子郵件中即可編輯。

您可以視需要在一個或多個結構元件中新增任意數量的內容元件，這些元件定義電子郵件的版面。

新增內容元件

若要將內容元件新增到電子郵件並根據您的需要進行調整，請依照以下步驟操作。

1. 在電子郵件設計工具中，使用現有內容或將​結構元件​拖放到您的空白內容以定義電子郵件的版面。了解作法

2. 若要存取「內容元件」區段，從電子郵件設計工具左窗格選取對應的按鈕。

   

3. 將您選擇的內容元件拖放到相關結構元件內部。

   

   注意

   您可以將多個元件新增到單一結構元件和結構元件的每個欄中。

4. 使用調整每個元件的屬性和樣式 設定 和 樣式 索引標籤在右側。 例如，您可以變更每個元件的文字樣式、邊框間距或邊界。了解對齊方式和邊框間距的詳細資訊

   

5. 從的進階功能表 內容元件​中，您可以視需要輕鬆刪除或複製任何內容元件。

   

容器

若要將特定樣式套用至一組內容元件，您可以新增 容器 元件，然後在其中新增您所需的內容元件。 這可讓您將不同的樣式套用至容器，這會與套用至內部內容元件的樣式不同。

例如，新增​容器​元件，然後在該容器內部新增按鈕元件。您可以為容器使用特定背景，為按鈕使用另一個背景。

按鈕

使用​按鈕​元件將一個或多個按鈕插入您的電子郵件，並將您的電子郵件對象重新導向到另一個頁面。

1. 從​內容元件，將​按鈕​元件拖放到​結構元件​中。

2. 按一下您新新增的按鈕以個人化文字，並存取 設定 和 樣式 「電子郵件設計工具」右窗格中的標籤。

   

3. 從 連結 功能表，新增您按一下按鈕時想要重新導向到的URL。

4. 選擇將如何使用將您的對象重新導向 Target 下拉式清單：

   • 無：當框架被點按時在相同框架中開啟連結 (預設)。
   • 空白：在新的視窗或索引標籤中開啟連結。
   • 自我：當框架被點按時在相同框架中開啟連結。
   • 父系：在父框架中開啟連結。
   • 頂端：在視窗的完整內文中開啟連結。

   

5. 您可以變更樣式屬性 (例如​邊框、大小、邊界​等) 來進一步個人化您的按鈕。從「元件設定」窗格。

文字

使用​文字​元件將文字插入電子郵件，並調整樣式 (邊框、大小、邊框間距等。)使用 樣式 標籤。

1. 從 內容元件，拖放 文字 將元件移入 結構元件.

2. 按一下您新新增的元件，以個人化文字並存取 設定 和 樣式 標籤位於電子郵件設計工具的右窗格。

3. 使用以下工具列的選項變更文字：

   

   • 變更文字樣式：將粗體、斜體、底線或刪除線套用到文字。
   • 變更對齊方式：選擇文字靠左對齊、靠右對齊、置中或左右對齊。
   • 建立清單：新增項目符號清單或編號清單新增到文字。
   • 設定標題：為文字新增標題，最多六層。
   • 字型大小：選取文字的字型大小 (以像素為單位)。
   • 變更字型顏色：選擇字型的顏色。
   • 插入連結：新增任何型別的連結至您的內容。
   • 編輯影像：將影像或資產新增到文字元件。進一步瞭解資產管理
   • 變更字型顏色：選擇字型的顏色。
   • 新增個人化：新增個人化欄位以從設定檔資料自訂內容。進一步了解內容個人化
   • 顯示原始碼：顯示文字的原始碼。原始碼無法變更。
   • 啟用條件式內容：新增條件式內容以使元件內容適應目標設定檔。進一步瞭解動態內容
   • 複製：新增文字元件的副本。
   • 刪除：從電子郵件刪除選取的文字元件。

4. 調整其他樣式屬性，例如文字顏色、字型系列、邊框、邊框間距、邊界等。從 樣式 標籤。

   

分隔線

使用​分隔線​元件以插入分隔線來組織電子郵件的版面和內容。

您可以從「設定」和「樣式」索引標籤調整樣式屬性，例如線條顏色、樣式和高度。

HTML

使用 HTML​元件將現有 HTML 的不同部分進行複製貼上。這可讓您建立免費的模組化 HTML 元件以重複使用一些外部內容。

1. 從​內容元件，將 HTML 元件拖放到​結構元件。

2. 按一下您新增的元件，然後選取「顯示原始碼」從內容關聯式工具列新增至 HTML。

   

3. 複製並貼上您要新增至電子郵件的HTML代碼，然後按一下 儲存.

   

影像

使用 影像 將影像檔案從電腦插入電子郵件內容的元件。

1. 從 內容元件，拖放 影像 將元件移入 結構元件.

   

2. 按一下「瀏覽」，從您的資產中選擇影像檔案。

   若要進一步瞭解 Assets Essentials，請參閱 Adobe Experience Manager Assets Essentials檔案.

3. 按一下您新增的元件，然後從「 」設定影像屬性 設定 標籤：

   • 影像標題​可讓您定義影像的標題。
   • 替代文字​可讓您定義連結到影像的註解。這對應於替代 HTML 屬性。

   

4. 您也可以選擇 尋找類似的Stock像片. 了解更多

5. 從 樣式 標籤，調整其他樣式屬性，例如邊界、邊框等。 或新增連結以將對象重新導向到「元件設定」窗格中的另一個內容。

社交

使用​社交​元件將社交媒體頁面連結插入到電子郵件內容中。

1. 從​內容元件，將​社交​元件拖放到​結構元件​中。

2. 選取您新新增的元件。

3. 在「設定」索引標籤的「社交」欄位中，選擇要新增或移除的社交媒體。

   

4. 透過專用欄位選擇圖示的大小。

5. 按一下您的每個社群媒體圖示以設定 URL 您的對象將重新導向的目標位置。

   

6. 如有需要，您也可以從您的資產變更每個社群媒體的圖示。

7. 調整其他樣式屬性，例如樣式、邊界、邊框等。從 樣式 標籤。

優惠決定

使用 優惠決定 元件以插入優惠方案至訊息。 此 決定管理 引擎會挑選要提供給客戶的最佳優惠方案。

1. 從 內容元件，拖放 優惠決定 將元件移入 結構元件.

2. 按一下 新增 以選取您的 優惠決定.

   

3. 從下拉式清單中選取 版位. 然後，選取 優惠決定 您想要新增至內容並按一下 新增.

   

4. 從 優惠決定 索引標籤中，您可以預覽或變更插入的選件。

瞭解如何在中將個人化優惠方案新增至電子郵件 本節.

Business.Adobe.com 資源