Adobe Campaign隨附一組預先定義的內容,協助您開始使用。 您可以使用其中一個,或者,如果您需要傳送的訊息內容是在Adobe Campaign之外準備,您可以從您的電腦或URL匯入。
建立電子郵件或登入頁面時,您可以選擇從其他來源載入現有內容。
以下影像顯示如何使用載入現有內容 電子郵件設計工具.
建立電子郵件或登入頁面後,開啟其內容。
按一下首頁圖示以存取 Email Designer 首頁。
選取您要載入的內容來源:
載入內容。 選取的內容會取代目前的內容。
匯入內容後,即可編輯內容並加以個人化。
相關主題:
若要充分利用 電子郵件設計工具,您上傳的HTML必須包含特定標籤,以符合WYSIWYG編輯器。
如果全部或部分HTML沒有此標籤,內容則會載入『 相容性模式'.
若要在電子郵件設計工具中讓現有的外部內容完全可編輯,請參閱 使用現有內容設計電子郵件 區段。
從電子郵件設計工具首頁,按一下 Upload 按鈕從電腦上傳檔案,然後確認。
zip檔案結構沒有限制。 但是,參考HTML檔案必須是相對的,並且遵守zip資料夾的樹狀結構。
匯入支援下列格式:
針對電子郵件內容,建議您匯入具有合併樣式表的單一HTML檔案。
從URL匯入內容之前,請確定它遵循以下要求:
內容必須透過此URL公開可用。
基於安全理由,僅限開頭為的URL https 是允許的。
請確定所有資源(影像、CSS)都設定在絕對連結和HTTPS中。 否則,在傳送電子郵件後,映象頁面會顯示且沒有其資源。 以下是絕對連結定義的範例:
<a href="https://www.mywebsite.com/images/myimage.png">
從URL載入內容僅適用於電子郵件頻道。
若要從URL擷取現有內容,請遵循下列步驟:
從電子郵件設計工具首頁,選取 Import from URL 按鈕。
定義將從中擷取內容的URL。
按一下Confirm。
在影片中探索此功能.
提供其他Campaign Standard操作影片 此處.
在郵件準備期間從URL匯入內容,可讓您在每次準備電子郵件時擷取最新的HTML內容。 如此一來,循環電子郵件的內容在傳送時一定是最新的。 此功能也可讓您建立排程於特定日期的訊息,即使內容尚未準備就緒亦然。
若要在準備時擷取內容,請遵循下列步驟:
選取 Content imported during preparation 選項。
URL內容在編輯器中顯示為唯讀。
在此步驟中,不應將內容編輯器中顯示的HTML納入考量。 它將在準備階段擷取。
若要預覽已擷取的URL內容,請在建立訊息後開啟訊息,然後按一下 Preview 按鈕。
您可以個人化遠端URL,以擷取內容。 要執行此操作,請遵循下列步驟:
按一下熒幕頂端的電子郵件標籤以存取電子郵件設計工具 Properties 標籤。
尋找 Remote URL 欄位。
插入所需的個人化欄位、內容區塊或動態文字。
此 Current date - YYYYMMDD 例如,內容區塊可讓您插入當天的日期。
可用的個人化欄位已連結至 傳遞 僅限屬性(電子郵件建立日期、狀態、行銷活動標籤……)。
如果內容下載在第一次嘗試時失敗,可以重試兩次:
這些重試方式對於以下情況很有幫助:
上傳內容時,內容必須包含特定標籤,才能與電子郵件設計工具的WYSIWYG編輯器完全相容且可編輯。
如果全部或部分上傳的HTML不符合預期的標籤,內容則會在「相容模式」中載入,這會限制透過UI編輯的可能性。
以相容模式載入內容時,您仍可透過介面執行下列修改(隱藏無法使用的動作):
其他修改(例如將新區段新增至您的電子郵件或進階樣式)必須透過HTML模式直接在電子郵件的原始碼中完成。
如需將現有電子郵件轉換為與電子郵件設計工具相容之電子郵件的詳細資訊,請參閱 本節.
相關主題:
如果您想要建立模組化範本和片段的架構,以便合併在多個電子郵件中重複使用,您應考慮將您的電子郵件HTML轉換為電子郵件設計工具範本。
此使用案例提供一種將HTML電子郵件快速轉換為電子郵件設計工具元件的方法。
本節適用於熟悉HTML程式碼的進階使用者。
如同相容性模式,HTML元件可使用有限的選項進行編輯:您只能執行就地編輯。
在電子郵件設計工具之外,請確定原始HTML被分成可重複使用的區段。
如果不是這種情況,請從您的HTML中剪下不同的區塊。 例如:
<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->
在識別所有區塊後,在電子郵件設計工具中,針對現有電子郵件的每個區段重複下列程式:
開啟「電子郵件設計工具」以建立空的電子郵件內容。
設定內文層級屬性:背景顏色、寬度等。 如需詳細資訊,請參閱編輯電子郵件樣式。
新增結構元件。 如需詳細資訊,請參閱「編輯電子郵件結構」。
新增HTML元件。 如需詳細資訊,請參閱「新增片段及元件」。
將您的HTML複製並貼到該元件中。
切換到行動檢視. 如需詳細資訊,請參閱本節。
回應式檢視中斷,因為您的CSS遺失。
若要修正此問題,請切換到原始程式碼模式,並將您的樣式區段複製貼到新的樣式區段中。 例如:
<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>
返回行動檢視以檢查您的內容是否正確顯示並儲存變更。