使用 TinyMCE 富文本編輯器建立郵件合併和電子郵件模板

介紹

使用 TinyMCE 富文本 我們很高興地宣布推出Nylas API v3。使用 TinyMCE 富文本 為了利用Nylas Email API v3的最新功能,讓我們探索如何使用TinyMCE 富文本編輯器建立進階電子郵件工作流程。

在這篇文章中,我們將深入研究使用 TinyMCE 文字編輯器整合郵件合併和電子郵件範本功能,以及使用 Nylas 電子郵件 API 發送的訊息。

電子郵件範本和郵件合併是高級功能,可實現動態、個人化和一致的通訊。使用 TinyMCE 富文本 生態系統來探索這些進階功能。 TinyMCE 是一款功能強大的富文本編輯器,用於建立和編輯電子郵件範本。

讓我們以上一篇部落格文章為基礎,其中我們使用 React、TinyMCE 和  加拿大電子郵件列表 建立了電子郵件收件箱,因此有關設定說明和入門,請查看如何使用 TinyMCE 富文本編輯器發送電子郵件。對於本部落格中的程式碼,我們建立了一個單獨的分支,其中包含範本和郵件合併的程式碼變更以供後續操作。

了解郵件合併和電子郵件模板

郵件合併允許使用者使用標籤(即來標記訊息的特定部分,這些標籤可以替換為個人化資料並批量發送。這使得訊息可以透過更多相關詳細資訊來定位特定用戶,從而增加電子郵件參與的機會。

電子郵件範本是可重複使用的結構化格式,可確保設計和佈局的一致性。  範本還可以包含動態內容的佔位符,例如郵件合併。 範本包括帶有佔位符的預先編寫的內容,用於個性化訊息,例如聯絡人的姓名。  例如,考慮向客戶發送提醒,以重新預約與之前訪問過的醫療保健提供者的預約。電子郵件範本透過提供可針對特定用例進行修改、修訂和自訂的結構化格式來優化訊息傳遞工作。

使用 TinyMCE 實現郵件合併

加拿大電子郵件列表

讓我們看看如何使用TinyMCE為郵件新增郵件合併標籤。用例的範例包括可以利用郵件合併的個人化問候語、新聞通訊和促銷優惠。

一般來說,以下是開始郵件合併的完整步驟:

  1. 準備數據:以結構化格式組織收件人數據,以便以程式設計方式使用(即 CSV 檔案),並用一列來表示每個佔位符
  2. 新增佔位符:使用 TinyMCE 插入佔位符
  3. 合併並發送:以程式設計方式將資料與佔位符合並發送電子郵件

我們之前介紹瞭如何將合併標籤轉換為個人化資料的步驟 1 和 3 。接下來讓我們回顧一下如何執行步驟 2!

要將郵件合併新增至 TinyMCE,我們需要更新元件,特別是 init prop 以包含外掛程式和合併標籤選項的初始清單  查看我們的 nylas 程式碼範例,以了解新增合併標籤的程式碼。現在,我們可以在電子郵件訊息傳遞工作流程中插入合併標籤:現在您可以使用 TinyMCE 發送個人化電子郵件!使用 TinyMCE 實施電子郵件模板

TinyMCE 簡化了電子郵件範本的建立和編輯。首先,我們儲存以下電子郵件 HTML 模板,因為 稍後也可以從伺服器取得這些模板:包含模板的程式碼變更如下:我們在本節中未包含的一個程式碼片段是如何產生件接受的 情境行銷:目標、方法、實例及應用誤區 資料物件。以下是create 函數的程式碼範例,該函數轉換 advtemplate_list 使用的資料以支援向使用者顯示電子郵件範本。現在,我們可以在電子郵件工作流程中使用 TinyMCE 插入電子郵件範本:透過配置了模板的 TinyMCE,您可以直接在編輯器中設定文字格式、插入圖像以及添加鏈接,從而創建具有視覺吸引力的電子郵件模板。

建設時間!

在本部落格中,我們探討如何使用 TinyMCE 將合併標籤和電子郵件範本新增至使用者的訊息傳遞工作流程。 TinyMCE 是一個強大的工具,用於建立和編輯 資料庫資料庫 電子郵件範本以及實作郵件合併功能。  立即開始使用 TinyMCE 建立您的電子郵件模板,有關設定說明,請查看使用 TinyMCE 富文本編輯器發送電子郵件。您可以免費註冊TinyMCE和Nylas並開始建造!要繼續使用 Nylas 進行構建,請瀏覽各種快速入門指南或訪問Nylas 開發人員文件。

返回頂端