編輯純文字、HTML和行動電子郵件格式 plain-text-and-html-modes
電子郵件設計工具可讓您編輯電子郵件的數個轉譯。 您可以產生電子郵件的文字版本、編輯電子郵件的HTML來源,並設計電子郵件以利行動檢視。
產生電子郵件的文字版本 generating-a-text-version-of-the-email
根據預設, Plain text 系統會自動產生您電子郵件的版本,並會與 Edit 版本。
新增至HTML版本的個人化欄位和內容區塊也會與純文字版本同步。
若要使用與HTML版本不同的純文字版本,您可以按一下 Sync with HTML 切換自 Plain text 電子郵件檢視。
然後,您可以視需要編輯純文字版本。
編輯HTML中的電子郵件內容來源 editing-an-email-content-source-in-html
對於最進階的使用者和偵錯,您可以直接在HTML中檢視和編輯電子郵件內容。
編輯電子郵件HTML版本有兩個方法:
-
選取 Edit > HTML 以開啟整封電子郵件的HTML版本。
-
從WYSIWYG介面中,選取元素並按一下 Source code 圖示。
只顯示所選元素的來源。 如果選取的元素為,您可以編輯原始程式碼 HTML 內容元件。 其他元件處於唯讀模式,但仍可在電子郵件的完整HTML版本中編輯。
如果您修改程式碼的HTML,電子郵件的回應速度可能會中斷。 請務必使用 Preview 按鈕。 請參閱「預覽訊息」。
為行動呈現設計電子郵件 switching-to-mobile-view
您可以個別編輯行動顯示的所有樣式選項,微調電子郵件的回應式設計。 例如,您可以調整邊界與邊框間距、使用較小或較大的字型大小、變更按鈕,或套用您的電子郵件行動版本所特有的不同背景顏色。
行動檢視中提供所有樣式選項。 電子郵件設計工具樣式設定先前會顯示在此頁面上。
-
建立電子郵件並開始編輯內容。 有關詳細資訊,請參閱 從草稿開始設計電子郵件內容.
-
若要存取專用的行動檢視,請選取 Switch to mobile view 按鈕。
此時會顯示電子郵件的行動版本。 它包含案頭檢視中定義的所有元件和樣式。
-
獨立編輯所有樣式設定,例如背景顏色、對齊、邊框間距、邊界、字型系列、文字顏色等。
-
在行動檢視中編輯任何樣式設定時,修改只會套用至行動顯示。
例如,縮小影像大小、新增綠色背景並變更行動檢視中的邊框間距。
-
在行動裝置上顯示元件時,您可以隱藏元件。 要執行此操作,請選取 Show only on desktop devices 從 Display options.
您也可以選擇在案頭裝置上隱藏此元件,這表示它只會顯示在行動裝置上。 要執行此操作,請選取 Show only on mobile devices.
例如,此選項可讓您在行動裝置上顯示特定影像,在案頭裝置上顯示另一個影像。
您可以在行動或案頭檢視中設定此選項。
-
再按一下 Switch to mobile view 按鈕以返回標準案頭檢視。 您剛才所做的樣式變更不會反映出來。
note note NOTE 唯一的例外是 Style inline 設定。 任何樣式內嵌設定變更也會套用至標準案頭檢視。 -
對電子郵件結構或內容的任何其他變更,例如文字編輯、上傳新影像、新增元件等。 也會套用至標準檢視。
例如,切換回行動檢視、編輯部分文字並取代影像。
-
再按一下 Switch to mobile view 按鈕以返回標準案頭檢視。 變更會反映出來。
-
移除行動檢視中的樣式會帶您回到先前在案頭模式中套用的樣式。
例如,在行動檢視中,將綠色背景顏色套用至按鈕。
-
切換到案頭檢視,並將灰色背景套用至相同的按鈕。
-
再次切換至行動檢視,現在停用 Background color 設定。
現在會套用案頭檢視中定義的背景顏色:它會變成灰色(非空白)。
唯一的例外是 Border color 設定。 在行動檢視中停用時,即使案頭檢視中定義了邊框顏色,也不會再套用邊框。