開始使用電子郵件設計工具,並從舊版編輯器中建立的電子郵件HTML中建立可重複使用的範本和片段。
此使用案例可讓您使用HTML電子郵件,並將其分割為電子郵件設計工具中的HTML元件,以建立電子郵件設計工具範本。
與相容性模式一樣,HTML元件也是可以編輯的,選項有限:您只能執行就地版本。
本節適用於熟悉HTML程式碼的進階使用者。
切換至 Mobile view. 如需詳細資訊,請參閱本節。
若要修正此問題,請切換至原始碼模式,並將樣式區段複製並貼到新樣式區段中。 例如:
<style type="text/css">
a {text-decoration:none;}
body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
...
</style>
請務必在另一個自訂樣式標籤中,於此之後新增您的樣式。
請勿修改電子郵件設計工具產生的CSS:
<style data-name="default" type="text/css">(##)</style>
<style data-name="supportIOS10" type="text/css">(##)</style>
<style data-name="mediaIOS8" type="text/css">(##)</style>
<style data-name="media-default-max-width-500px" type="text/css">(##)</style>
<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
返回行動檢視,檢查您的內容是否正確顯示並儲存您的變更。
讓我們嘗試將在舊版編輯器中建立的電子郵件轉換為 Email Designer 範本。
我們可以在此電子郵件中識別11個區段。
若要識別哪個元素是HTML的哪個區段,您可以選取它。
若要查看電子郵件的HTML版本,請按一下 Show source.
拖放 Structure components 反映我們電子郵件的版面。
視需要重複多次。 我們需要建立11個結構元件。
插入 HTML component 每個 Structure component .
針對每個區段,按一下 Show source code .
插入HTML區段。
按一下Save。
您現在可以檢查電子郵件的呈現。
插入CSS元素,以確保您的電子郵件適合行動檢視。
切換至原始碼,並將樣式區段複製並貼到新樣式區段中。
有關詳細資訊,請參閱 管理電子郵件的樣式.
您的舊版電子郵件現在可在電子郵件設計工具中使用。