測試並匯出你的Canva電子郵件
將 Canva 郵件設計工具的內容寄送給受眾之前,建議先預覽呈現效果,並選擇要如何匯出,以便在偏好的電子郵件平台上使用。
透過測試電子郵件預覽設計
電子郵件設計的顯示方式可能會因平臺或裝置而異(例如Gmail與Outlook、行動裝置與桌面裝置)。 傳送測試電子郵件給自己,以便在連結進入收件匣前,先偵測損壞的連結、版面配置問題或格式錯誤。
- 選取「傳送測試電子郵件」,檢查設計的外觀。
- 注意:測試電子郵件只能傳送至你的Canva登入電子郵件地址。
- 選擇預覽按鈕以檢查電子郵件在桌面和行動裝置上的呈現方式。
- 請輸入主旨並新增電子郵件地址。
- 開啟您的收件匣,並尋找來自no-reply@preview.canva.email的預覽電子郵件。
- 如果畫面上未顯示此功能,請查看垃圾郵件資料夾。
專業祕訣:在至少一臺電腦和一臺行動裝置上測試電子郵件。 這可以讓你更準確地了解受眾會如何使用你的電子郵件。
匯出 Canva 郵件設計工具內容
如果您要透過 Gmail 寄送,Canva 可以直接在 Gmail 草稿中開啟您的設計,不需要匯出。進一步了解請參閱透過 Gmail 寄送 Canva 郵件設計工具內容。
如果您要透過電子郵件服務供應商 (ESP) 寄送,可以選擇:
- 直接複製 HTML 程式碼,或
- 下載內含 HTML 和影像資產的 ZIP 檔案
何時使用複製HTML與下載為HTML
如果您的ESP :
- 有程式碼編輯器,並
- 允許您直接貼上原始HTML。
如果您的ESP :
- 需要上傳HTML檔案,且
- 需要包含HTML檔案及其影像資產的資料夾。
複製 Canva 郵件設計工具的 HTML 程式碼
如果你的電子郵件平台允許直接貼上原始 HTML,你可以複製電子郵件的程式碼,不必下載 ZIP 檔。
- 在編輯器中,依序選取「分享」。
- 選取複製HTML。
- HTML生成後,請選取「複製到剪貼簿」。
- 開啟你的電郵平臺。
- 建立新行銷活動或電子郵件。
- 切換到平臺的HTML編輯器或程式碼檢視。
- 貼上複製的HTML代碼。
- 發佈前預覽及傳送測試電子郵件。
找不到 HTML/程式碼編輯者
如果找不到要貼上程式碼的位置,您可能正在使用平台的視覺化編輯介面。請改用 HTML 或程式碼檢視。
在電子郵件平台中,尋找 HTML 編輯者,名稱可能是:
- 程式碼編輯者
- HTML 編輯者
- 原始碼
- 程式碼檢視
- 自訂 HTML
- 自行編寫程式碼
通常在建立新行銷活動、選取範本時可以找到,或是選擇自訂 HTML 或以程式碼建立的範本,而非視覺化範本。
- 開啟 HTML 編輯者。
- 刪除任何現有的預留位置程式碼。
- 貼上已複製的 HTML。
將使用 Canva 設計的電子郵件下載為 HTML
下載ZIP檔案( HTML和影像)
傳送測試電子郵件後,你可以將Canva設計的電子郵件下載為包含HTML檔案和圖片資產的ZIP檔案。 在將電子郵件上傳至Mailchimp或自訂電子郵件服務供應商(ESP)等平臺時,這項功能非常實用。
- 選取「分享」按鈕,然後選取「下載」。
- 如果你的電子郵件設計有版面配置問題、缺少連結或字型問題,請先修復後再繼續。
- 在檔案類型下,選擇HTML和影像。
- 選取「下載」,將ZIP檔案儲存至電腦或裝置。
重要:
如果您直接從ZIP內部打開HTML文件,圖像將無法加載,因為瀏覽器無法在連接的圖像文件仍處於壓縮狀態時訪問它們。
ZIP檔案充當容器,除非內容完全擷取,否則大多數瀏覽器無法讀取內部影像路徑。
專業提示:請務必先解壓縮ZIP ,以確保電子郵件能夠按預期呈現,並且所有影像都清晰可見。
檢查匯出的檔案
開啟已下載的ZIP檔案,以檢查版面配置問題、損壞的連結或遺失的資產,然後再將其上傳到您的電子郵件平臺。
- 此功能目前僅適用於桌面版。
- 找到你從Canva下載的ZIP檔案。
- 按一下滑鼠右鍵,然後選取「擷取」或「解壓縮」。
- 在擷取的資料夾中連按兩下.html檔案,即可在預設網頁瀏覽器中開啟。 這可讓您在本地預覽電子郵件的外觀。
- 檢查:
- 正確的影像位置
- 功能鏈接(它們應該打開正確的目的地)
- 一致的字型和間距
- 整體回應速度和版面配置
測試並匯出電子郵件後,就可以透過偏好的電子郵件平台寄出了。
下一步: 透過電子郵件平台寄送 Canva 郵件設計工具內容
常見問題
為什麼匯出的電子郵件設計會變成一張很長的影像?
橫幅、群組圖像,或儲存為影像一部分的文字等設計元素,都會匯出為單一平面影像。若要避免這種情況,請使用文字方塊、框架和版面配置區塊來設計,讓 ESP 能將其解讀為 HTML。
匯出時會保留我的字型嗎?
只有適用於電子郵件的字型會保留。不適用於電子郵件的字型在不同電子郵件用戶端中可能會呈現不同,或被替換為備用字型。如果使用了不支援的字型,Canva 會顯示警告。寄送前,請務必在不同的電子郵件用戶端中測試匯出的電子郵件。
為什麼在電腦上開啟 HTML 檔案時看不到影像?
如果直接從 ZIP 資料夾內開啟 HTML 檔案,瀏覽器將無法找到並載入影像,因此不會顯示。請依照以下步驟解決:
- 解壓縮檔案:按一下滑鼠右鍵,然後選取「解壓縮」或「解壓縮檔案」。
- 從解壓縮後的資料夾開啟 HTML 檔案,影像就會正常顯示。
這對你有幫助嗎?
有幫助
沒有幫助