前言
Gmail本身不支援直接編輯或發送HTML格式的電子報，這對需要精美排版的行銷郵件來說是一大限制。本文適合想要在Gmail中發送自訂HTML電子報的工程師或自學者，介紹如何利用SalesHandy工具來解決這個問題。
步驟1：註冊SalesHandy並安裝Chrome外掛
首先，前往SalesHandy官網註冊帳號（可用Google帳號快速登入）。
註冊完成後，安裝SalesHandy的Chrome外掛。安裝完成後，打開Gmail並點擊「撰寫」，你會在編輯視窗下方看到多了SalesHandy的功能列，其中包含「Templates」選項，裡面有一些預設的郵件模板。
// 安裝後Gmail撰寫視窗會新增Templates選項步驟2：在SalesHandy中創建HTML模板
登入SalesHandy後，進入後台介面，將滑鼠移至信件圖示，點擊「Templates」。
點擊右上角的「Create Template」進入模板編輯頁面。
在編輯器中，點擊「Tools -> Source code」，將你事先準備好的HTML排版程式碼貼上，完成後按「OK」保存。
此時你可以在預覽頁面看到HTML內容，確認無誤後點擊「Create」完成模板建立。
// 貼上HTML程式碼並保存模板步驟3：將模板插入Gmail信件
回到Gmail撰寫視窗，點擊下方的「Templates」，你會看到剛剛建立的模板名稱。
選擇該模板並按「OK」，HTML內容就會被插入到郵件編輯區，接著即可編輯或直接發送。
// 在Gmail中插入自訂HTML模板實際應用與延伸
透過SalesHandy，你可以快速管理多個HTML模板，方便行銷郵件的重複使用與版本控管。若需要更進階的自動化寄送，也可搭配SalesHandy的郵件追蹤與排程功能。
常見坑
- HTML模板中請避免使用過於複雜或不被Gmail支援的CSS屬性，確保郵件在各裝置顯示正常。
- Chrome外掛需保持更新，避免因版本不合導致功能異常。
完整程式碼
// 此流程主要為操作步驟，無完整程式碼範例
// HTML範例可自行準備並貼入SalesHandy模板編輯器
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>EDM 範例</title>
<style>
/* 簡單排版範例 */
body { font-family: Arial, sans-serif; }
.container { width: 600px; margin: 0 auto; }
h1 { color: #333; }
p { font-size: 14px; color: #555; }
</style>
</head>
<body>
<div class="container">
<h1>歡迎訂閱我們的電子報</h1>
<p>這是一封使用SalesHandy在Gmail中發送的HTML格式EDM範例。</p>
</div>
</body>
</html>