如何美化你的國際站客戶通EDM營銷信郵件

阿里巴巴國際站的客戶通EDM是阿里大力推廣的一個新式功能，從呱呱落地到茁壯成長也走過了一段不長不短的歷程。在客戶通EDM里有模板管理的功能模塊，官方預設了幾個默認模板，樣式和風格都比較簡潔化。

而郵件營銷的表層形式主要有兩種，一種就是偏傳統的開發信形式，以純文本+數張產品圖為郵件內容的表達形式，這種郵件叫做文本郵件。還有一種更新穎和豐富表達的形式，是基于HTML5代碼框架支持的郵件內容的輸出形式，叫做HTML郵件，也稱為富媒體郵件，HTML富媒體郵件營銷。

這篇文章為主的祥助分享一下如何拖拽式設計一封自己的HTML富媒體郵件，作為阿里客戶通EDM開發信的新穎新式來開發和營銷客戶，提高郵件的內容表達，用戶體驗和轉化意向。

阿里巴巴國際站客戶通

營銷郵件模板設計

01

富媒體郵件

HTML是超文本標記語言(Hyper Text Markup Language),是寫網站前端頁面的框架語言，目前的國際通用協議版本為HTML5。HTML郵件簡而言之，就是通過HTML代碼來排版和編輯郵件的，這樣你的郵件在客戶視角看來就不再是一大堆純文本，而是含有網頁排版樣式的一個單頁面。

文本郵件形式的優點非常明顯，在于郵件內容簡潔，一目了然，符合傳統習慣；但HTML富媒體郵件形式則在于內容表達的豐富化。根據國外知名郵件營銷服務商Hubsopt做的純文本VS HTML郵件測試，參與測試的人有2/3的人表示更偏好閱讀HTML富媒體類郵件。

為什么選擇HTML郵件，而不是直接簡簡單單的純文本郵件？這個在祥助看來，和2G，3G，4G，5G的網絡技術發展帶來的變遷一樣，從以前2G時代的文本，3G時代的圖片，再到現在4G和5G時代的視頻,直播，VR/AR的技術變革是一樣的。用戶的落地體驗用戶審美偏好和使用習慣是一樣的道理。純本文形式一成不變的現象也是會跟著變化的，不再是郵件開發的唯一模板形式。 

大家郵箱里經常能收到海外的廣告營銷信，大多數都是HTML富媒體形式的郵件，特別是一些商城站點的群發營銷郵件，非常具有可觀性和整體美感。最近阿里巴巴國際站的客戶通EDM里的官方模板，也屬于HTML郵件形式的一種。

02

設計郵件樣式

排版和設計HTML郵件是靠HTML5代碼的編輯來完成的，如果懂HTML代碼的朋友可以用內聯樣式來排版出這樣的頁面。當然跨境E站的這篇文章的側重點并不是讓大家都學HTML入門然后寫代碼，所以我們側重推薦一個可在線拖拽式+可視化編輯和設計HTML郵件的在線平臺.

平臺登錄： https://www.benchmarkemail.com/cn?p=1013689

(復制到瀏覽器地址欄訪問， 登錄benchmarkemail這個網站注冊一個賬號并按照流程完成賬號的激活。)

接下來開始進行基礎賬號配置： 

Benchmarkemail提供了三種編輯器方式：拖拽式編輯器，自行設計HTML，純文本版本。我們選擇拖拽式編輯器，這樣可以在線通過鼠標托拽方式來設計HTML郵件的內容表達，并且可以導入官方提供的郵件模板。

設置基本郵件數據，如郵件名稱，寄件人信息等待，選項還提供了Google Analystic網址跟蹤（需要按照提示說明進行配置才可使用）等可選選項 

選擇聯絡人名單：新建一個聯絡人名單，點擊新增聯絡人到此名單，復制粘貼想要作為收件方客戶的郵箱。這里建議先只增加一個自己的其他郵箱，接收郵件做測試和查看。

03

拖拽式郵件設計

配置完上面的郵件基礎信息后會進入到拖拽式編輯器，先根據想要的版式選擇頁面的排版形式，選擇完畢后進入編輯器頁面。左側是可添加的元素，右側是可編輯的區域，從左側將需要的元素模塊如單圖，托拽到右側的編輯器區域，然后按提示添加對應尺寸的圖片。這樣依次操作進行填充，就可以完成一封HTML的郵件設計。點擊全局樣式還可以修改郵件的底色，字號等全局信息，進行優化。

如果不想自行拖拽式進行設計，點擊排版切換到排版區域，再點擊模板，從里面選擇一封符合產品或類目的郵件模板進行導入。點擊模板庫的載入更多，加載顯示更多的郵件模板，總體的模板庫還是挺豐富的。導入模板后編輯器區就是一封完整的HTLM郵件了，點擊對應的區域，可進行文本，圖片的修改。

官方提供的模板庫有不少樣式精美的單頁富媒體郵件樣式，有適合B2B開發信的，有適合B2C產品聚合展示的，大家根據需要自己選擇。

Tips：導入模板后可以對樣式進行二次調整，比如文本大小，顏色等

04

修改郵件代碼

將編輯完成的郵件點擊進行發送，發送至之前填寫好的測試郵件接收人郵箱，這樣你的郵件就會收到你發出的富媒體郵件。

 點開收到的郵件后點擊再次編輯，切換到HTML模式，即可獲得郵件的HTML源源代碼。

 將源代碼全選-復制，粘貼到你的HTML代碼編輯器，可以是Dreamweaver，可以是Sublime Text 3（如何安裝和配置Sublime Text 3：運營必備工具-Sublime Text 3的安裝，漢化與配置），也可以是HbuilderX（祥助目前正在使用的），也可以是其他編輯器，甚至Text文本文檔也可以。

因為Benchmarkemail的超鏈接跳轉都會經過它做一層跳轉，而阿里國際站不支持外部鏈接，所以不做修改直接粘貼的話圖片會被bypass而不顯示

所以建議這里做如下修改操作：

使用F12審查元素工具分別一一找到圖片的url復制

再去源代碼里ctrl+F粘貼查找定位到代碼行

將圖片在圖片銀行對應的超鏈接替換掉代碼行的這一行url（重要）

Buy Now按鈕，產品圖片等對應的產品跳轉目標超鏈接也是一樣的道理，重新修改為阿里國際站你店鋪產品的對應鏈接。

如果你會HTML代碼修改，還可以自行調試前端顯示的顏色，樣式，排版，位置等效果，進行更深一步的自定義優化。

05

配置客戶通模板

阿里國際站后臺-客戶通EDM的-模板管理-新建模板，切換到源代碼模式粘貼我們設計好的郵件樣式內容的代碼，保存為草稿或直接發布。

之后點擊預覽客戶通的郵件內容，就可以看到這個設計好看的產品展示樣式了，當我們做營銷郵件的操作后，客戶端郵箱收到看到的內容也是一模一樣的樣式的。

對富媒體郵件和純文本郵件的建議：祥助個人是建議可以二者搭配并用，HTML郵件主要以多產品展示型的郵件模板或自行拖拽式設計產品展示模板，來展示公司的多樣化產品，多用在一些節日，店慶，產品推廣宣傳場景。文本郵件走傳統式的開發思路和應用場景。

（來源：為主的祥助）
以上內容屬作者個人觀點，不代表雨果網立場！如有侵權，請聯系我們。