跳至主內容

Canva 首頁
需要協助？

新增內容和設計元素

本文係由機器翻譯而成。如發現錯誤，請告知我們。

現在版面配置已準備就緒，是時候加入吸引人的內容了。新增郵件元素，讓訊息更生動、凸顯產品、分享最新消息或提高點擊率。

Canva 郵件設計工具的組成元素

Canva 的郵件編輯者靈活易用，但並非每種元素都適合用於郵件。有些元素在不同平台和裝置上的效果會更好。

以下介紹如何打造結構完善、適合收件匣閱讀的內容。

設計區塊

設計區塊是預先製作好的版面區段，會將文字、影像、圖形或背景組合成結構完整的版面配置。這些區塊有助於整理內容，並提升在行動裝置上的版面適應性。

重要的設計區塊包括頁首、頁尾和圖示區塊，有助於明確呈現郵件中的各個重要區域。

  • 頁首位於頂端，通常會放上標誌或簡短的開場介紹。
  • 頁尾位於底部，通常會放置聯絡資訊、取消訂閱連結或免責聲明。
  • 圖示區塊是一組附有簡短文字的可點擊圖示，可用來凸顯特色、優點或重點，並連結讀者與你的社群平台。

適用於電子郵件的字型

只有適用於電子郵件的字型，才能確保在各種電子郵件用戶端中正確顯示。收件者檢視郵件時，不適用於電子郵件的字型可能會被替換成備用字型。為確保顯示一致，請一律使用 Canva 的電子郵件安全字型清單中的字型。

按鈕

使用按鈕凸顯重要的行動呼籲（CTA），例如「立即選購」或「RSVP」。按鈕文字應簡短明確，並以醒目的視覺設計吸引注意、提高點擊率。

影像

加入品牌視覺元素或產品影像，讓訊息更完整。請確認尺寸適當且對齊整齊。如需瞭解更多資訊，請參閱將影像新增至設計。

大多數電子郵件平臺不支援互動元素，例如影片、投票或測驗：

  • 影片將會轉換為GIF
  • 投票和測驗將顯示為靜態內容（不可點擊）

欄

使用欄並排呈現內容，例如產品特色、比較資訊或文字與影像的版面配置。欄有助於整理複雜資訊。

新增並自訂各個元素

以下說明如何調整各個元素的樣式，讓它們符合你的品牌形象和郵件目標。你可以在設計中適合的位置新增元素。

選擇電子郵件安全字型

重要提示：保證只有電子郵件安全字型才能在電子郵件平臺上正確顯示。 如果您選擇非電子郵件安全字體，它可能無法按預期呈現，並可能在傳送給收件人時被備用字體取代。 為了獲得最佳效果，請務必從Canva的電子郵件安全字型清單中選擇。

  1. 在工具列中選取「字型」按鈕。 字型預設為Arial。
  2. 從「字型」面板中，從Canva的電子郵件安全字型清單中選取。
  3. 您可以透過選擇工具列中的+/-按鈕來調整字型大小。

為確保電子郵件的可讀性，請使用：

  • 14–16像素的正文
  • 標題和標題為20–30像素

調整段落間距

您可以在 Canva Docs 和 Canva 郵件設計工具中，微調段落間距、行距和字距。這能幫助您建立更易於閱讀且符合偏好格式風格的文件。

  1. 選取要調整的文字。
  2. 在文字工具列中選取
    進階設定 。
  3. 調整段落間距。使用滑桿或輸入數值，設定段落前後的間距。
  4. 視需要調整行距和字距。

新增背景顏色

請為設計新增背景顏色以符合品牌形象，或將特定部分反白顯示。 從品牌工具組或文件顏色中選擇顏色。

  1. 按一下頁面角落，即可選取頁面。
  2. 選取背景顏 色圖示。
  3. 從「顏色」面板中，從「文件顏色」或「品牌工具箱」中選擇顏色。
  4. 如果找不到你要的顏色，請選取「+彩虹顏色圖標（新增顏色）」以查看更多選項。

新增包含欄的結構

使用欄來建構電子郵件版面，讓內容並排排列。 欄位會自動回應，並在行動裝置上自動垂直堆疊。

  1. 在電子郵件設計中，前往「
     元素」索引標籤，然後選擇「欄」。
    1. 從基本欄、樣式欄和預設欄中選擇。
    2. 選擇以插入適合您的佈局。
  2. 或者，也可以選擇
     加號按鈕。 向下捲動並選取「欄」。
    1. 選擇偏好的欄位版面配置(例如： 2或3欄)。
    2. 單擊每個列內以添加文本、影像或按鈕。
    3. 拖曳資料行之間的分隔線，即可調整資料行大小。

調整區塊間距

你可以控制 Canva Docs 和 Canva 郵件設計工具中各區塊之間的留白，例如圖片、版面配置和其他內容區塊，讓設計在不同螢幕尺寸下都保持一致。

  1. 選取要調整的區塊（影像、版面配置或區段）。
  2. 從編輯者工具列選擇
    間距。
  3. 使用區塊間距滑桿，微調區塊之間的留白。

新增設計方塊（頁首和頁尾）

藉由在所有電子郵件設計中重複使用頁首和頁尾等區段，省時且建立一致的版面配置。

  • 標題–將您的標誌和品牌顏色放在電子報的頂部。
  • 頁腳–在每個電子郵件廣告活動底部加入聯絡方式、取消訂閱連結或法律免責聲明。
  1. 前往
    元素索引標籤，然後選擇頁首或頁尾。
  2. 瀏覽並點擊以插入適合您的佈局。

在設計邊緣設定頁首或頁尾

放置頁首或頁尾區塊，使其與電子郵件版面的頂部或底部邊緣整齊對齊。

  1. 選取設計中的頁首或頁尾區塊，即可選取。
  2. 在浮動工具列上，選取
    更多圖示。
  3. 在選單中選取以下其中一項：
    • 設為最上方–將區塊移至電子郵件的最上方。
    • 設為底部–將其移至底部邊緣。 請注意：區塊現在會貼齊設計畫布的邊緣，讓佈局保持整齊對齊。

一些預製的電子郵件頁腳包含「取消訂閱」佔位符。 將設計匯出為HTML時，這不是有效連結。

如要透過Mailchimp等電子郵件服務供應商(ESP)傳送電子郵件，請按照以下步驟操作：

  • 在發送之前，您必須在ESP中新增或更換取消訂閱連結。
  • 這必須符合電子郵件法規，例如CAN-SPAM和GDPR。

請深入瞭解如何管理取消訂閱連結和偏好設定。

添加圖示方塊

圖示區塊結合了簡單的視覺效果和簡短的文字。 可用於社交連結、精選功能或服務福利等用途。 它們在頁腳、行動呼籲附近或在視覺上拆分區段時效果很好。

  1. 從編輯器的側邊面板，選取「
    元素」標籤。
  2. 選擇圖示方塊。
  3. 選取或拖曳設計上有意義的圖示區塊，通常是頁尾或主要行動呼籲。
  4. 在編輯器工具列中，選取你想更改的顏色圖標。 側邊面板會隨即顯示顏色選項。
  5. 選取要套用至圖示的新顏色。

新增行動號召(CTA)按鈕

行動號召(CTA)按鈕會鼓勵讀者採取特定動作，例如「立即購買」、「了解詳情」或「註冊」。 在電子郵件或設計中新增按鈕有助提升參與度和點擊率。

  1. 如要新增行動呼籲按鈕：
    1. 前往
      元素索引標籤，再選擇按鈕。
    2. 或者，選取
      加號圖示，然後選取「按鈕」。
  2. 輸入按鈕名稱，然後新增網址連結。
  3. 選取「完成」。
  4. 從工具列自訂按鈕樣式（變更顏色、對齊等）。

新增圖片

圖片讓你的電郵更引人入勝，更具視覺吸引力。 你可以添加產品照片、團隊照片、插圖或庫存視覺效果，以支持你的訊息和品牌。

專業祕訣：上傳前先壓縮大圖片，確保電子郵件載入速度快。

  1. 在編輯器的側邊面板中，選取「
    元素」索引標籤，即可瀏覽或搜尋影像。
  2. 若要使用自己的影像，請前往「
     上傳」索引標籤，然後選擇「上傳檔案」，從裝置新增影像。
  3. 選取影像以新增至電子郵件。 根據需要調整影像的大小和位置。

現在你已新增內容，可以預覽、下載郵件，或寄送測試郵件了。

下一步： 測試並匯出郵件

這對你有幫助嗎？

有幫助

沒有幫助

其他人也看了

跳至頁尾結尾

跳至頁尾開頭