開始使用 Litmus 進行模塊化構建

我們最近一直在談論模塊化建築——這是有充分理由的。 這是簡化和加速電子郵件開發的好方法。

隨著對電子郵件團隊的需求不斷增加，是時候部署可擴展的系統來幫助我們跟上（而不是精疲力竭）了。

這就是模塊化建築發揮作用的地方。 它利用可以以不同組合方式組合在一起的可重用內容塊。 把它們想像成樂高積木，但用於電子郵件。

如果您是這個概念的新手，請查看我們的模塊化建築 101 博客以獲取概述。

在此博客中，我們將幫助您入門 - 為您的業務制定業務案例和在 Litmus 中構建模塊。

Litmus 中有哪些不同的模塊化組件？

在我們深入研究之前，讓我們先介紹一些在 Litmus 中討論模塊化構建時參考的一些術語。

片段

片段是可重用內容的模塊，非常適合電子郵件設計中常用的元素。 它們是最靈活的模塊類型，可在包含它們的電子郵件或模板中進行編輯。

以下是一些可以製作好的片段的組件：英雄塊、主要/次要、第三級內容塊和 CTA。

部分

Partials 是全局的、動態的、可重用的模塊，可以在多封電子郵件中使用。 對部分所做的更改將應用於引用該部分的每封電子郵件或模板，從而節省時間並消除忘記更新電子郵件或模板的可能性。

構成良好部分的組件包括：頁眉、頁腳、CSS 重置和基本樣式、響應斷點和样式以及間隔元素。

模板

模板使您的團隊能夠快速創建品牌一致、無錯誤的電子郵件。 您不必為每次發送都從頭開始重寫整個電子郵件，只需在測試並將其發送給訂閱者之前，只需將副本、圖像和鏈接添加到現有模板。

設計庫

設計庫是您將代碼模塊存儲在一個集中位置的地方。 在 Litmus 中構建時，您可以將保存在設計庫中的片段和部分提取到您的電子郵件中。

我如何獲得支持以開始模塊化構建？

到目前為止，採用模塊化建築的最大障礙是時間。 為了在日曆上騰出時間來創建可重用的代碼庫，您需要獲得領導團隊的支持。

每個組織都有不同的方法來確保支持，但我們希望以下內容可以幫助您展示投資模塊化建築的價值和重要性。

以下是您希望與營銷主管一起帶回家的一些主要好處：

• 大規模提供品牌體驗，無需大量增加員工人數
• 節省時間，讓您可以更快地將更多電子郵件發送出去
• 讓您擺脫雜草，因此您可以更多地關注電子郵件策略而不是開發

來自 2021 年電子郵件狀況報告的這些統計數據也應該有助於證明這一點：

• 自大流行以來，電子郵件量增加了 61%，但員工人數沒有增加。 模塊化構建可以幫助您在不增加員工人數的情況下更快地構建。
• 58% 的電子郵件營銷人員有 2 週的製作時間。 模塊化構建可以幫助您加快電子郵件開發並縮短髮送電子郵件所需的時間。
• 43% 的電子郵件營銷人員目前使用摘要，另有 12% 計劃使用。 這是電子郵件營銷的未來，您希望保持領先地位。
• 電子郵件營銷的投資回報率為 36:1。 成功的電子郵件營銷的關鍵是一致的品牌體驗——模塊化構建可以幫助您實現這一點。

我如何開始模塊化建築？

有幾種不同的方法可以解決這個問題。

在 Litmus，我們從審計開始。 這包括記錄我們當前的電子郵件模板並確定所有這些模板中的通用模塊。 然後，我們使用 Figma 為我們的模塊設計和創建線框，而不是跳到編碼中。 這使我們能夠構建我們實際一次又一次使用的代碼模塊，使其成為我們推薦的方法。

或者，您可以從構建模板開始，然後逐步構建模塊。 這就是我們的一位客戶 Ferguson Enterprises 開始模塊化構建的方式——讓他們能夠快速啟動並隨著時間的推移進行迭代。

正如我們所提到的，模塊化構建的最大障礙是時間。 即使您沒有足夠的時間和資源來創建完整的電子郵件設計系統，採用迭代方法也可以讓您開始。

如何使用 Litmus 構建模塊？

您可以通過兩種方式在 Litmus 中構建模塊：

1. 直接在設計庫中
2. 從 Builder 中保存模塊

讓我們來看看每個選項和入門選項。

在設計庫中創建模塊

導航到設計庫，然後單擊右上角的新建模塊按鈕。 您將看到兩個選項：New Snippet 和 New Partial。

要創建代碼段，請單擊新建代碼段 。 在下一個屏幕上，為您的代碼片段命名和触發器。 觸發器是一串文本，您將用於在 Litmus Builder 的代碼編輯器（例如 p-list）中插入片段。 在代碼段內容部分，複製並粘貼您的代碼。

要創建新的分音，請單擊“新建分音”。 為您的 Partial 命名，將打開一個新的編輯器窗口。 插入您的代碼，然後單擊保存。 （注意：部分只能在設計庫中創建。）

從 Litmus Builder 創建模塊

從 Litmus Builder 創建模塊的第一步是開始一封新電子郵件。 單擊任何文件夾中的“新建電子郵件”按鈕即可開始。 為您的電子郵件命名，然後選擇“選擇模板”。 從這裡，選擇空白電子郵件模板。

如果您有現有的電子郵件模板，請將您的 HTML 或 CSS 複製並粘貼到 Builder 的代碼編輯器中。 突出顯示一段代碼，您將看到一個按鈕，上面寫著將選擇保存為模塊。 就像從設計庫創建代碼段時一樣，您將為代碼段指定名稱和触發器。 單擊創建模塊以保存您的代碼段。 等等！ 就這麼簡單。

如果您當前沒有要從中提取的代碼，那也沒關係！ 這就是電子郵件社區的用途。 我們自己的 Carin Slater 精心製作了這些示例片段和部分供您竊取。 Litmus 社區分享了一些您可以使用的他們最喜歡的片段。

嘗試模塊化電子郵件創建 Litmus 使模塊化變得容易。 在設計庫中存儲和組織您的片段和部分。 然後，使用 Litmus Builder 中的可視化編輯器快速構建和 QA 測試電子郵件。 它甚至預裝了帶有模塊的完全優化的電子郵件模板，因此您可以直接進入。 開啟免費體驗