测试并导出你的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文件,以在默认Web浏览器中将其打开。 这可以让您在本地预览电子邮件的外观。
- 检查:
- 正确的图片放置位置
- 功能链接(应打开正确的目的地)
- 一致的字体和间距
- 整体响应速度和布局
電郵測試並匯出後,就可以透過你慣用的電郵平台發送了。
下一步: 透過電郵平台發送 Canva 郵件設計工具設計的電郵
常見問題
為甚麼我的電郵設計匯出後會變成一張長長的影像?
橫額、組合圖像,或已儲存為影像一部分的文字等設計元素,匯出後都會變成單一的扁平影像。要避免這種情況,請使用文字方塊、框架和版面區塊來建立設計,讓 ESP 能以 HTML 格式識別這些元素。
匯出時會保留我的字型嗎?
只有適用於電郵的字型會獲保留。不適用於電郵的字型在不同電郵用戶端中可能會有不同顯示效果,或被替代字型取代。如果使用了不支援的字型,Canva 會顯示警告。發送前,請務必在不同的電郵用戶端測試匯出的電郵。
為甚麼在電腦上開啟 HTML 檔案時看不到影像?
如果直接從 ZIP 資料夾內開啟 HTML 檔案,瀏覽器便無法找到並載入影像,因此不會顯示。解決方法如下:
- 解壓縮檔案:按右鍵,然後選擇「擷取」或「解壓縮」。
- 從解壓縮後的資料夾開啟 HTML 檔案,影像應該就會正確顯示。
這對你有幫助嗎?
有幫助
沒有幫助