介紹
使用 TinyMCE 富文本 我們很高興地宣布推出Nylas API v3。使用 TinyMCE 富文本 為了利用Nylas Email API v3的最新功能,讓我們探索如何使用TinyMCE 富文本編輯器建立進階電子郵件工作流程。
在這篇文章中,我們將深入研究使用 TinyMCE 文字編輯器整合郵件合併和電子郵件範本功能,以及使用 Nylas 電子郵件 API 發送的訊息。
電子郵件範本和郵件合併是高級功能,可實現動態、個人化和一致的通訊。使用 TinyMCE 富文本 生態系統來探索這些進階功能。 TinyMCE 是一款功能強大的富文本編輯器,用於建立和編輯電子郵件範本。
讓我們以上一篇部落格文章為基礎,其中我們使用 React、TinyMCE 和 加拿大電子郵件列表 建立了電子郵件收件箱,因此有關設定說明和入門,請查看如何使用 TinyMCE 富文本編輯器發送電子郵件。對於本部落格中的程式碼,我們建立了一個單獨的分支,其中包含範本和郵件合併的程式碼變更以供後續操作。
了解郵件合併和電子郵件模板
郵件合併允許使用者使用標籤(即來標記訊息的特定部分,這些標籤可以替換為個人化資料並批量發送。這使得訊息可以透過更多相關詳細資訊來定位特定用戶,從而增加電子郵件參與的機會。
電子郵件範本是可重複使用的結構化格式,可確保設計和佈局的一致性。 範本還可以包含動態內容的佔位符,例如郵件合併。 範本包括帶有佔位符的預先編寫的內容,用於個性化訊息,例如聯絡人的姓名。 例如,考慮向客戶發送提醒,以重新預約與之前訪問過的醫療保健提供者的預約。電子郵件範本透過提供可針對特定用例進行修改、修訂和自訂的結構化格式來優化訊息傳遞工作。
使用 TinyMCE 實現郵件合併
讓我們看看如何使用TinyMCE為郵件新增郵件合併標籤。用例的範例包括可以利用郵件合併的個人化問候語、新聞通訊和促銷優惠。
一般來說,以下是開始郵件合併的完整步驟:
- 準備數據:以結構化格式組織收件人數據,以便以程式設計方式使用(即 CSV 檔案),並用一列來表示每個佔位符
- 新增佔位符:使用 TinyMCE 插入佔位符
- 合併並發送:以程式設計方式將資料與佔位符合並發送電子郵件
我們之前介紹瞭如何將合併標籤轉換為個人化資料的步驟 1 和 3 。接下來讓我們回顧一下如何執行步驟 2!
要將郵件合併新增至 TinyMCE,我們需要更新元件,特別是 init prop 以包含外掛程式和合併標籤選項的初始清單 查看我們的 nylas 程式碼範例,以了解新增合併標籤的程式碼。現在,我們可以在電子郵件訊息傳遞工作流程中插入合併標籤:現在您可以使用 TinyMCE 發送個人化電子郵件!使用 TinyMCE 實施電子郵件模板
TinyMCE 簡化了電子郵件範本的建立和編輯。首先,我們儲存以下電子郵件 HTML 模板,因為 稍後也可以從伺服器取得這些模板:包含模板的程式碼變更如下:我們在本節中未包含的一個程式碼片段是如何產生件接受的 情境行銷:目標、方法、實例及應用誤區 資料物件。以下是create 函數的程式碼範例,該函數轉換 advtemplate_list 使用的資料以支援向使用者顯示電子郵件範本。現在,我們可以在電子郵件工作流程中使用 TinyMCE 插入電子郵件範本:透過配置了模板的 TinyMCE,您可以直接在編輯器中設定文字格式、插入圖像以及添加鏈接,從而創建具有視覺吸引力的電子郵件模板。
建設時間!
在本部落格中,我們探討如何使用 TinyMCE 將合併標籤和電子郵件範本新增至使用者的訊息傳遞工作流程。 TinyMCE 是一個強大的工具,用於建立和編輯 資料庫資料庫 電子郵件範本以及實作郵件合併功能。 立即開始使用 TinyMCE 建立您的電子郵件模板,有關設定說明,請查看使用 TinyMCE 富文本編輯器發送電子郵件。您可以免費註冊TinyMCE和Nylas並開始建造!要繼續使用 Nylas 進行構建,請瀏覽各種快速入門指南或訪問Nylas 開發人員文件。