# 使用 EDM 模版庫，讓你製作 Email 內容更輕鬆！ > 電子豹 Newsleopard 新功能：模版庫上線囉～ 模版庫的功能主要是能將你自己定義的版型儲存，以便將來製作活動時能夠快速套用。例如公司常用的配色、按鈕、logo、社群按鈕等等，現在就一起來看看如何使用吧！ 步驟一：建立模版 點選左側選單「模版」，進到模版單元選擇「新增模版」 你可以選擇「拖放式編輯器」或是「自行設計 html」，這邊選擇「拖放式編輯器」。 根據你常用的內容製作，將你的企業 logo、社群連結、常用的連結顏色等等製作好，點選儲存。 輸入你想要的檔案名稱。 即可在列表頁看到完成的模版設計。 步驟二：套用模版 新增活動的第二步驟：設計內容。 你可以選擇「拖放式編輯器」或是「自行設計 html」，因為剛剛是用「拖放式編輯器」，所以要套用的話這邊要選擇一樣的「拖放式編輯器」。 上方工具列選擇「模版庫」。 選擇你要套用的模版，點選「套用」。 之前設計好的模版就會成功 **分類：** Newsleopard 後台教學 **作者：** Bao **發布日期：** 2022-04-27T03:23:35.000+08:00 ### 電子豹 Newsleopard 新功能：模版庫上線囉～ 模版庫的功能主要是能將你自己定義的版型儲存，以便將來製作活動時能夠快速套用。例如公司常用的配色、按鈕、logo、社群按鈕等等，現在就一起來看看如何使用吧！ ## 步驟一：建立模版 點選左側選單「模版」，進到模版單元選擇「新增模版」 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/01.png) 新增模版 你可以選擇「拖放式編輯器」或是「自行設計 html」，這邊選擇「拖放式編輯器」。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/02.png) 拖放式編輯器 根據你常用的內容製作，將你的企業 logo、社群連結、常用的連結顏色等等製作好，點選儲存。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/03-2.png) 編輯模版 輸入你想要的檔案名稱。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/04-1.png) 儲存 即可在列表頁看到完成的模版設計。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/05.png) 模版列表 ## 步驟二：套用模版 新增活動的第二步驟：設計內容。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/06.png) 建立活動中的設計內容 你可以選擇「拖放式編輯器」或是「自行設計 html」，因為剛剛是用「拖放式編輯器」，所以要套用的話這邊要選擇一樣的「拖放式編輯器」。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/07.png) 選擇編輯方式 上方工具列選擇「模版庫」。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/07-2.png) 點選「模版庫」 選擇你要套用的模版，點選「套用」。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/08.png) 選擇版型 之前設計好的模版就會成功套用在活動內容設計這邊囉！ **小提醒：**編輯活動內容並不會影響原始模版的設計喔。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/09.png) 套用成功 ## 小撇步 ### 編輯模版 可以在列表頁面選擇你要編輯的模版，點選「編輯」。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/10-2.png) ### 刪除、重新命名模版 點選列表模版上方的設定按鈕，即可刪除該模版、編輯該模版名稱。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/11.png) ### 複製模版 若有相似的模版想要製作，可以使用「複製」的功能。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/13.png) ### 下載模版 點選右下角的「下載」按鈕，可以下載不同格式的模版，以供其他地方使用。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/14.png) 下載模版 ## 使用 API 寄送模版 若你們公司有使用[電子豹的 API 寄信](https://newsleopard.com/newsleopard/api/v1/?ref=cms.newsleopard.com#%E6%A8%A1%E7%89%88-template-get-1)，你可以在模版的下方找到寄送所需要的 ID，並利用 ID 取得模板內容提供建立活動時使用。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/07/template.png) 連結：[Newsleopard API 文件](https://newsleopard.com/newsleopard/api/v1/?ref=cms.newsleopard.com#%E6%A8%A1%E7%89%88-template-get-1) ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/12.png) 模版 ID 若你需要編輯 ID，可以在「編輯模版名稱」那邊，找到自訂 ID 的按鈕。 ![](https://prod-newsleopard-blog.s3.amazonaws.com/wp-content/uploads/2022/04/16.png) 自訂模版 ID