開始使用電子郵件設計器,並從舊版編輯器中建立的電子郵件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元素,確保電子郵件適合移動視圖。
切換到原始碼,然後將樣式節複製貼上到新樣式節。
有關此內容的詳細資訊,請參閱 管理電子郵件的樣式。
您的舊式電子郵件現在可在電子郵件設計器中使用。