編輯純文字、HTML和行動電子郵件格式 plain-text-and-html-modes
電子郵件Designer可讓您編輯電子郵件的數個轉譯。 您可以產生電子郵件的文字版本、編輯電子郵件的HTML來源,並設計電子郵件以利行動檢視。
產生電子郵件的文字版本 generating-a-text-version-of-the-email
預設會自動產生 Plain text 版本的電子郵件,並與 Edit 版本同步。
新增至HTML版本的個人化欄位和內容區塊也會與純文字版本同步。
若要使用與HTML版本不同的純文字版本,您可以從電子郵件的 Plain text 檢視中按一下 Sync with 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樣式設定先前會顯示在此頁面上。
-
建立電子郵件並開始編輯內容。 如需詳細資訊,請參閱從草稿開始設計電子郵件內容。
-
若要存取專用的行動檢視,請選取 Switch to mobile view 按鈕。
此時會顯示電子郵件的行動版本。 它包含案頭檢視中定義的所有元件和樣式。
-
獨立編輯所有樣式設定,例如背景顏色、對齊、邊框間距、邊界、字型系列、文字顏色等。
-
在行動檢視中編輯任何樣式設定時,修改只會套用至行動顯示。
例如,縮小影像大小、新增綠色背景並變更行動檢視中的邊框間距。
-
在行動裝置上顯示元件時,您可以隱藏元件。 若要這麼做,請從 Display options 選取 Show only on desktop devices。
您也可以選擇在案頭裝置上隱藏此元件,這表示它只會顯示在行動裝置上。 若要這麼做,請選取 Show only on mobile devices。
例如,此選項可讓您在行動裝置上顯示特定影像,在案頭裝置上顯示另一個影像。
您可以在行動或案頭檢視中設定此選項。
-
再按一下「Switch to mobile view」按鈕,返回標準案頭檢視。 您剛才所做的樣式變更不會反映出來。
note note NOTE 唯一的例外是 Style inline 設定。 任何樣式內嵌設定變更也會套用至標準案頭檢視。 -
對電子郵件結構或內容的任何其他變更,例如文字編輯、上傳新影像、新增元件等。 也會套用至標準檢視。
例如,切換回行動檢視、編輯部分文字並取代影像。
-
再按一下「Switch to mobile view」按鈕,返回標準案頭檢視。 變更會反映出來。
-
移除行動檢視中的樣式會帶您回到先前在案頭模式中套用的樣式。
例如,在行動檢視中,將綠色背景顏色套用至按鈕。
-
切換到案頭檢視,並將灰色背景套用至相同的按鈕。
-
再次切換到行動檢視,現在停用 Background color 設定。
現在會套用案頭檢視中定義的背景顏色:它會變成灰色(非空白)。
唯一的例外是 Border color 設定。 在行動檢視中停用時,即使案頭檢視中定義了邊框顏色,也不會再套用邊框。