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

上次更新: 2023-12-29
  • 建立對象:
  • Beginner
    Intermediate
    User

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

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

新增內容元件

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

  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代碼,然後按一下 儲存.

注意

為了簡單地使外部內容與電子郵件設計工具相容,Adobe 建議從頭開始建立訊息,然後將現有電子郵件的內容複製到元件中。

影像

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

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

  2. 設定 標籤,按一下 瀏覽 若要從您的資產選擇影像檔案,或 匯入媒體 將資產上傳至Adobe Experience Manager Assets。

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

    注意

    為確保您的連結保持作用中狀態並避免任何到期問題,我們建議使用Adobe資產,而非依賴影像的來源URL。

  3. 您也可以使用直接在Adobe Stock中搜尋 尋找Adobe Stock像片 選項。

  4. 按一下您新增的元件,然後設定影像屬性:

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

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

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

社交

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

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

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

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

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

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

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

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

優惠決定

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

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

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

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

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

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

重要

如果對歷程訊息中使用的優惠決定進行變更,您需要取消發佈歷程並重新發佈。 這將確保將變更納入歷程的訊息中,並且該訊息與最新更新一致。

本頁內容