將自動化添加到電子郵件工作流程中的 7 種方法

電子郵件的設計和編碼通常涉及手動、費力的編輯過程，這些過程不僅單調乏味，而且很容易出錯。

不必如此。 電子郵件營銷人員和開發人員可以使用多種工具來自動化他們的電子郵件工作流程，讓您消除平凡的工作，並在按下發送之前捕獲那些代價高昂的錯誤。

正如我們在 2018 年電子郵件工作流狀態報告中發現的那樣，電子郵件程序有很多活動部件，而一封電子郵件的生產週期通常需要幾週或更長時間。

有瞭如此長的生產週期，就有很多機會在這里和這裡節省時間並提高效率。 您可以通過以下七種方式將自動化添加到電子郵件工作流程中：

創建標準化模板

節省的時間：30-60分鐘

如果您希望簡化工作流程，模板是一個不錯的起點。 交換副本或設計元素，但保留關鍵的品牌特定部分，可以啟動電子郵件創建過程。 它對非編碼人員也有幫助。

根據我們的 2017 年電子郵件創意狀況報告，大多數電子郵件設計師報告稱，他們只為大型活動（例如新產品）或關鍵季節性活動（例如黑色星期五）創建一次性電子郵件設計。 其餘時間使用標準化模板可提高生產效率。

這正是我們構建 Litmus 社區模板的原因——一組優雅的、經過預先測試的模板，涵蓋了從帳戶管理和電子商務到發布和營銷產品的一系列用途。

下載 Litmus 社區模板 使用 Litmus 預先測試的模板之一啟動您的下一個營銷活動。 訪問模板 →

編碼時走捷徑

利用片段

節省的時間：10-15分鐘

片段是可重用代碼的模塊。 它們非常適合電子郵件設計中常用的元素，例如文檔類型、防彈按鈕和鏈接。 每次使用這些元素之一時不必重新編寫代碼，您可以使用代碼段。 這減少了電子郵件設計中常見元素的冗餘和潛在的編碼錯誤。

我們以防彈按鈕為例。 防彈按鈕是號召性用語 (CTA) 電子郵件中的主要內容。 但是，每個按鈕都需要針對每封電子郵件進行自定義：不同的副本、不同的鏈接和不同的位置。

這是我們用於防彈按鈕的 HTML 片段：

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

Snippets解決了手動不斷重新創建防彈按鈕代碼的問題，您可以將其保存在Snippet庫中作為快捷觸發器。 在此示例中，我們將其命名為“bb”，即防彈按鈕的縮寫。

現在，每當您想添加防彈按鈕時，只需使用快捷方式“bb”即可生成代碼。

您可以在以下情況下使用代碼段：

• 石蕊建造者
• 崇高的文字
• 原子
• 織夢者
• 結尾

想要更多片段？ 你有一些最喜歡的東西想要分享嗎？
加入社區以從我們的片段庫中搜索和貢獻片段。

利用部分

節省的時間：30 分鐘 — 幾個小時，取決於您更新的電子郵件模板數量

部分是全局的、動態的、可重用的代碼塊，可以在多封電子郵件中使用。 對部分所做的更改將應用於引用該部分的每封電子郵件。

根據我們的 2018 年電子郵件工作流狀態報告，22% 的營銷人員使用部分。 這在 2017 年增長了 18.2%。隨著自動電子郵件的使用持續增長，部分使用也應該如此。

Partials 適用於代碼部分，例如頁眉、頁腳、重置 CSS 和常用 CTA——任何在多封電子郵件中重複的內容，使其成為觸發和事務性電子郵件的理想工具。

例如，在 Litmus，我們在大多數電子郵件中使用相同的標題：

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

我們不使用電子郵件中標題的實際 HTML 和 CSS，而是使用部分引用：

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

注意：以上參考使用的是在 Litmus Builder 中使用的 Handlebars 語法。

每當需要更改標題時，我們可以避免手動修改出現標題的每封電子郵件。 我們不更新單個電子郵件，而是簡單地更新部分，這會將更改應用於使用該部分的每封電子郵件。 Partials 使管理和維護您的電子郵件更容易、更快、更可擴展。

為了使用部分，您需要利用構建系統和靜態站點生成器，例如 Handlebars、Middleman 或 Assemble。 我們強烈建議使用 Litmus Builder（無需設置）或 Lee Munroe 的 Grunt Email Workflow 來使用 Partials。

使用 Emmet 獲取代碼快捷方式

節省的時間：10-15分鐘

Emmet 是文本編輯器的免費插件，允許您鍵入鍵盤快捷鍵，然後將其擴展為完整的代碼段。

通過使用 Emmet，電子郵件創建者可以減少鍵入次數，從而在構建營銷活動時節省擊鍵次數和時間。 此外，依靠 Emmet 的自動完成意味著更少的錯別字和丟失的標籤，從而產生更強大的電子郵件。

Emmet 可用於各種文本編輯器，並內置於 Litmus Builder。 Emmet 深受網頁設計師的歡迎，但在希望簡化工作流程的電子郵件設計師中越來越多地採用，儘管使用量仍然很小。

了解 Emmet 的最簡單方法是查看示例。 假設您想要一個包含三行的表格，每行包含一個表格單元格，在一段文本和一個鏈接上方有一個圖像。

無需手動鍵入或複制和粘貼每一行、表格單元格、圖像、段落和鏈接標籤，您可以將其壓縮為一行，讓 Emmet 為您完成大部分工作。

 table>tr*3>td>img+p+a

點擊 TAB 按鈕觸發 Emmet 後，上面的一行代碼被擴展為完整的 HTML。

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

消除重複性任務並加快構建速度

使用任務運行器

節省的時間：30-60分鐘

任務運行器自動執行重複性任務，例如內聯 CSS 和發送測試電子郵件。 根據我們的 2018 年電子郵件工作流狀態報告，8.9% 的電子郵件營銷人員使用任務運行器作為其電子郵件製作工作流的一部分。

查看以下選項，看看任務運行器是否可以幫助您：

• 咕嚕聲
• 吞嚥
• 代碼包

使用靜態站點生成器

節省的時間：30 分鐘 — 幾個小時，取決於您更新的電子郵件模板數量

靜態站點生成器是用於平面文件的構建系統，允許您模板化和分解電子郵件元素。

這使電子郵件創建者可以更輕鬆地編輯和控制這些電子郵件元素。 根據我們的 2018 年電子郵件工作流狀態報告，近 9% 的電子郵件營銷人員正在使用靜態站點生成器作為其電子郵件製作工作流的一部分。

查看以下選項，看看靜態站點生成器是否可以幫助您：

• 車把
• 中間人
• 集合

任務運行器和靜態站點生成器歷來被用作 Web 開發工具，但可以在電子郵件中用於設置包含佈局、變量和部分的框架，以幫助優化端到端的工作流程。

預處理器和後處理器

節省的時間：10-15分鐘

預處理器和後處理器本質上是編寫 CSS 的不同方式。 雖然它不是直接的節省時間，但它們可以通過更改格式來幫助自動化您的工作流程，以便它可以由瀏覽器呈現。

預處理器將用預處理語言編寫的代碼轉換為可以由瀏覽器呈現的符合標準的 HTML 或 CSS。

查看以下選項，看看預處理器是否可以幫助您：

• 薩斯
• 哈姆勒
• 較少的

後處理器清理您的 CSS 並將其轉換為符合標準的 CSS，以確保跨電子郵件客戶端的兼容性。

使用 Litmus 將自動化添加到您的電子郵件工作流程中

無論您是創建模板，使用 Snippets、Partials 或 Emmet 等快捷方式，還是使用任務運行器來編寫電子郵件，您都可以將各種自動化功能整合到 Litmus Builder 中。 使用 Litmus，您將能夠加快製作時間 — 讓您專注於設計和構建出色的電子郵件。

收聽我們的電子郵件自動化網絡研討會，或試一試 Litmus。

自動化您的工作流程 →