# 找不到適合的 EDM 模版嗎？利用這 3 款免費編輯器，輕鬆做出電子報版型

> 


許多情況下，公司的行銷人員在製作電子報時，除了行銷人員本身的規劃外，也需要設計、工程人員的配合，才能順利的產出一份電子報。然而，在講求效率的情況下，不一定每間公司都能夠有這樣的配置。當問題回到行銷人身上時，如何有效率製作出一份電子報成為了許多人的痛。






1. 電子豹拖放式模版





因此，電子豹提供「拖放式模版設計」功能，介面設計簡單易懂，操作直覺，讓你在設定寄送活動的同時，就輕鬆完成你的活動內容設計。更重要的是，你不用再擔心 EDM 跑版、手機收信時圖片及文字顯示過小、不會寫程式等等問題，電子豹拖放式模版工具在設計之初，即是為解決這些問題所誕生，歡迎立即註冊，免費試用電子豹。





（基本）Email 版型設計教學，Newsleopard 拖放式編輯器





（進階）Email 版型設計教學，Newsleopard 拖放式編輯器





看看用電子豹模版製作出來的 EDM 範例：





 1. 範例一：｜小器生活通信｜簡單而重要的事
 2. 範例二：【買犬糧抽紅包】愛泥愛泥新春優惠，現在買犬糧最划算
 3. 範例三：MALOJA 機能與外型兼具的潮流

**分類：** Email 行銷  
**作者：** Bao  
**發布日期：** 2023-03-29T19:59:05.000+08:00


許多情況下，公司的行銷人員在製作電子報時，除了行銷人員本身的規劃外，也需要設計、工程人員的配合，才能順利的產出一份電子報。然而，在講求效率的情況下，不一定每間公司都能夠有這樣的配置。當問題回到行銷人身上時，如何有效率製作出一份電子報成為了許多人的痛。

## 1\. 電子豹拖放式模版

因此，[電子豹](https://newsleopard.com/newsleopard?ref=cms.newsleopard.com)提供**「拖放式模版設計」**功能，介面設計簡單易懂，操作直覺，讓你在設定寄送活動的同時，就輕鬆完成你的活動內容設計。更重要的是，你不用再擔心 EDM 跑版、手機收信時圖片及文字顯示過小、不會寫程式等等問題，電子豹拖放式模版工具在設計之初，即是為解決這些問題所誕生，歡迎立即註冊，[免費試用電子豹](https://app.newsleopard.com/auth/signup?ref=cms.newsleopard.com)。

[（基本）Email 版型設計教學，Newsleopard 拖放式編輯器](https://blog.newsleopard.com/how-to-use-drag-and-drop-editor-20190606/?ref=cms.newsleopard.com)

[（進階）Email 版型設計教學，Newsleopard 拖放式編輯器](https://blog.newsleopard.com/new2022-drag-and-drop-features/?ref=cms.newsleopard.com)

看看用電子豹模版製作出來的 EDM 範例：

1.  範例一：[｜小器生活通信｜簡單而重要的事](https://newsleopard.com/newsleopard/email-examples/thexiaoqi?ref=cms.newsleopard.com)
2.  範例二：[【買犬糧抽紅包】愛泥愛泥新春優惠，現在買犬糧最划算](https://newsleopard.com/newsleopard/email-examples/abaopet?ref=cms.newsleopard.com)
3.  範例三：[MALOJA 機能與外型兼具的潮流品牌](https://newsleopard.com/newsleopard/email-examples/ulohas?ref=cms.newsleopard.com)
4.  範例四：[風和日麗不是不報｜☁城市漂浮著，城市有養分☁](https://newsleopard.com/newsleopard/email-examples/agoodday?ref=cms.newsleopard.com)

> [新手上路！EDM 設計入門教學：快速製作出第一封電子報](https://blog.newsleopard.com/email-marketing-design-edm-template/?ref=cms.newsleopard.com)

* * *

國外的發送 Email 供應商，也都有自己的版型編輯器，像是 [Mailchimp](https://mailchimp.com/?ref=cms.newsleopard.com)、[Mailerlite](https://www.mailerlite.com/?ref=cms.newsleopard.com)、[Benchmark](https://www.benchmarkemail.com/?ref=cms.newsleopard.com) 等等，實際試用並選擇你信任的廠商，可以在編輯 Email 這塊替你省下很多時間。

另外，我們整理了國外其他十分便利的網站，可以讓行銷人員在操作時不必從零開始，只要在原有的版型上進行些微調整，即可在短時間產出電子報內容。在不使用進階功能的情況下，下面提到的兩個服務基本上都是免費，只要有基本的英文閱讀能力即可操作。

## 2\. Beefree

[BeeFree](https://beefree.io/?ref=cms.newsleopard.com) 提供非常多樣化的版型設定，適合想要更客製化、自由設計 email 的行銷人員，另外也有簡單的預覽、試寄功能。以下簡單介紹操作方式：

先從 beefree [提供的免費版型](https://beefree.io/templates?ref=cms.newsleopard.com)中選擇一個適合你的版型，點選「get started」

![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2016/05/Screen-Shot-2019-07-01-at-12.13.18-PM-1200x636.png)

選擇完版型之後，就會進入編輯的主畫面

![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2016/05/Screen-Shot-2019-07-01-at-12.14.57-PM-1200x637.png)

  
除了預設的內容外，可以插入常用的元素，大致的功能配置如下：  
Content: 插入物件，包括文字、圖片、按鈕等。  
Row: 可以插入不同大小的區塊，根據要放置的內容進行調整。  
Settings: 調整內容寬度、背景顏色、色形、連結顏色。  
此外，BeeFree 也內建了簡單的預覽與測試內容，可以在 Actions 中找到。  
確認內容正確後，點選 Save，即可將內容匯出。

## 3\. Stripo

[stripo](https://stripo.email/?ref=cms.newsleopard.com) 是新的 email 版型服務，你可以在他的免費方案底下建立兩個版型，試寄五封 email。一樣提供多種模版選項：

![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2016/05/Screen-Shot-2019-07-01-at-12.24.23-PM-1200x657.png)

並且擁有非常彈性的設計選項，乾淨的介面、多元的操作：

![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2016/05/Screen-Shot-2019-07-01-at-12.26.30-PM-1200x662.png)

## 總結

簡單整理一下，這三款工具的操作難易度由簡分別是 **電子豹拖放式模版 > Stripo > BeeFree。**製作內容的彈性是 **BeeFree = Stripo > 電子豹拖放式模版。**

如果你是行銷人員，且想要簡單、快速、有效的方式建立你的活動，建議你使用電子豹的拖放式模版，從建立活動到後續追蹤成效一次搞定。

以上是這次 EDM 製作工具的整理，當然，製作完成後必須寄入消費者的信箱，才能算是有效的 EDM 行銷：在付出時間產出內容後，如果不能有效將電子報寄入收件匣，就好比做了廣告卻不進行投放。

* * *

延伸閱讀：[新手上路！EDM 設計入門教學：快速製作出第一封電子報](https://blog.newsleopard.com/email-marketing-design-edm-template/?ref=cms.newsleopard.com)

延伸閱讀：[（基本）Email 版型設計教學，Newsleopard 拖放式編輯器](https://blog.newsleopard.com/how-to-use-drag-and-drop-editor-20190606/?ref=cms.newsleopard.com)

延伸閱讀：[（進階）Email 版型設計教學，Newsleopard 拖放式編輯器](https://blog.newsleopard.com/new2022-drag-and-drop-features/?ref=cms.newsleopard.com)

[![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2023/07/customized-banner-1.png)](https://newsleopard.com/newsleopard/services/customized-design?ref=cms.newsleopard.com)