編輯純文字、HTML和行動電子郵件格式 plain-text-and-html-modes

電子郵件設計工具可讓您編輯電子郵件的數個轉譯。 您可以產生電子郵件的文字版本、編輯電子郵件的HTML來源,並設計電子郵件以利行動檢視。

產生電子郵件的文字版本 generating-a-text-version-of-the-email

根據預設, Plain text 系統會自動產生您電子郵件的版本,並會與 Edit 版本。

新增至HTML版本的個人化欄位和內容區塊也會與純文字版本同步。

NOTE
若要以純文字版本使用內容區塊,請確定它們不包含HTML程式碼。

若要使用與HTML版本不同的純文字版本,您可以按一下 Sync with HTML 切換自 Plain text 電子郵件檢視。

然後,您可以視需要編輯純文字版本。

NOTE
如果您編輯 Plain text 版本,當您下次啟用 Sync with HTML 選項,您以純文字版本進行的所有變更將會取代為HTML版本。 在中進行的變更 Plain text 檢視無法反映在 HTML 檢視。

編輯HTML中的電子郵件內容來源 editing-an-email-content-source-in-html

對於最進階的使用者和偵錯,您可以直接在HTML中檢視和編輯電子郵件內容。

編輯電子郵件HTML版本有兩個方法:

  • 選取 Edit > HTML 以開啟整封電子郵件的HTML版本。

  • 從WYSIWYG介面中,選取元素並按一下 Source code 圖示。

    只顯示所選元素的來源。 如果選取的元素為,您可以編輯原始程式碼 HTML 內容元件。 其他元件處於唯讀模式,但仍可在電子郵件的完整HTML版本中編輯。

如果您修改程式碼的HTML,電子郵件的回應速度可能會中斷。 請務必使用 Preview 按鈕。 請參閱「預覽訊息」。

為行動呈現設計電子郵件 switching-to-mobile-view

您可以個別編輯行動顯示的所有樣式選項,微調電子郵件的回應式設計。 例如,您可以調整邊界與邊框間距、使用較小或較大的字型大小、變更按鈕,或套用您的電子郵件行動版本所特有的不同背景顏色。

行動檢視中提供所有樣式選項。 電子郵件設計工具樣式設定先前會顯示在此頁面上。

  1. 建立電子郵件並開始編輯內容。 有關詳細資訊,請參閱 從草稿開始設計電子郵件內容.

  2. 若要存取專用的行動檢視,請選取 Switch to mobile view 按鈕。

    此時會顯示電子郵件的行動版本。 它包含案頭檢視中定義的所有元件和樣式。

  3. 獨立編輯所有樣式設定,例如背景顏色、對齊、邊框間距、邊界、字型系列、文字顏色等。

  4. 在行動檢視中編輯任何樣式設定時,修改只會套用至行動顯示。

    例如,縮小影像大小、新增綠色背景並變更行動檢視中的邊框間距。

  5. 在行動裝置上顯示元件時,您可以隱藏元件。 要執行此操作,請選取 Show only on desktop devicesDisplay options.

    您也可以選擇在案頭裝置上隱藏此元件,這表示它只會顯示在行動裝置上。 要執行此操作,請選取 Show only on mobile devices.

    例如,此選項可讓您在行動裝置上顯示特定影像,在案頭裝置上顯示另一個影像。

    您可以在行動或案頭檢視中設定此選項。

  6. 再按一下 Switch to mobile view 按鈕以返回標準案頭檢視。 您剛才所做的樣式變更不會反映出來。

    note note
    NOTE
    唯一的例外是 Style inline 設定。 任何樣式內嵌設定變更也會套用至標準案頭檢視。
  7. 對電子郵件結構或內容的任何其他變更,例如文字編輯、上傳新影像、新增元件等。 也會套用至標準檢視。

    例如,切換回行動檢視、編輯部分文字並取代影像。

  8. 再按一下 Switch to mobile view 按鈕以返回標準案頭檢視。 變更會反映出來。

  9. 移除行動檢視中的樣式會帶您回到先前在案頭模式中套用的樣式。

    例如,在行動檢視中,將綠色背景顏色套用至按鈕。

  10. 切換到案頭檢視,並將灰色背景套用至相同的按鈕。

  11. 再次切換至行動檢視,現在停用 Background color 設定。

    現在會套用案頭檢視中定義的背景顏色:它會變成灰色(非空白)。

    唯一的例外是 Border color 設定。 在行動檢視中停用時,即使案頭檢視中定義了邊框顏色,也不會再套用邊框。

NOTE
行動檢視在中無法使用 片段.
recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff