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

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

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

預設會自動產生​ Plain text ​版本的電子郵件,並與​ Edit ​版本同步。

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

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

若要使用與HTML版本不同的純文字版本,您可以從電子郵件的​ Plain text ​檢視中按一下​ Sync with HTML ​引數,以停用此同步處理。

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

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

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

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

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

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

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

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

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

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

  5. 在行動裝置上顯示元件時,您可以隱藏元件。 若要這麼做,請從​ Display options ​選取​ Show only on desktop devices

    您也可以選擇在案頭裝置上隱藏此元件,這表示它只會顯示在行動裝置上。 若要這麼做,請選取​ 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