整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          如何制作圖文并茂的HTML郵件,做好EDM營銷


          時在我們的收件箱里面,經常會收到很多精美的HTML郵件,上面有文字,圖片,圖文并茂,點擊圖片按鈕可以直接跳轉到所要導流的頁面,有的郵件下面還有Social的Logo,比如Facebook,twitter,點擊按鈕就會跳轉所對應的頁面。

          比如上面截取了一些HTML的郵箱格式,這種HTML的EDM營銷感覺非常的酷,比純文本的郵件更有豐富多彩,也更能傳達出更多的內容跟素材,也更吸引抓住用戶的眼球。圖片下面直接可以設置鏈接,也方便用戶直接點擊進入,避免二次流失。

          今天就給大家介紹一款在線制作HTML郵件的工具,其實操作也是非常的簡單,可以直接在網站內的系統模板修改,替換成自己的素材和鏈接,也可以自己去設置圖文排版。

          這款工具就是Topol,一款專門在線制作HTML郵件的工具,非常容易操作跟上手

          網址為https://app.topol.io

          剛開始制作時建議直接使用網址內的模板去替換自己產品的素材,文案跟鏈接,因為網址里面提供了幾十套制作非常精美的HTML郵件,我們先來看看。


          大家可以根據自己的喜愛,去選擇喜歡的模板直接點擊進去去后臺編輯,替換自己的元素,接下來來看看如何替換跟編輯:

          比如就以下面這個手環的HTML郵件為模板,因為上面的圖文信息真的非常非常豐富,有產品圖片,購買按鈕,產品Slogan,產品功能介紹以及社媒鏈接等,展示元素非常充足。



          打開后臺頁面是這樣的,首先先熟悉下下方左側紅色方框內的意思,其實也都是非常好理解的, 就是我們想要在右側HTML郵件模板中需要什么元素,直接把紅色方框內的按鈕拖過去,比如需要放置文案,就把TEXT按鈕,拖過去,如果是放置圖片,GIF或者視頻,就把對應的按鈕拖到需要放置的展示位置就可以。



          Sturecture按鈕就是你想要圖片或者文案的格式,直接拖過去就可以,知道這些意思之后,接下來我們看看如何操作。


          第一,先選擇你想要排列的Structure,比如選擇2個橫排并列,直接拖2個并列的結構過去,如下所示:

          第二,就是要思考你想要展示的元素是什么,是文案還是圖片,把想要展示的形式直接拖到上圖2個方框里面,比如我們選擇圖片


          然后選擇2個我們自己產品的圖片放上去,如下圖所示,為了節省時間,文案部分就不做修改,修改方式跟圖片是一樣的,只需要把圖片的文案替換成我們自己的就可以。

          然后圖片下面有個Check whole collection按鈕,可以刪去這個按鈕,也可以點擊保留按鈕,可以在按鈕下面放上自己的產品鏈接以及顯示在按鈕上的文案, 還可以調整按鈕顯示的驗收,尺寸大小,字體驗收等等非常詳細的信息,建議大家可以都去嘗試下。

          下面就是產品功能的一些展示,可以把下面的主要展示功能替換為自己產品的功能以及圖片,文案等,操作方法跟上面那個一樣。


          接下來就是產品櫥窗展示以及購物按鈕添加,以及一些物流等相關信息,可以把下面的產品展示圖片替換成自己的以及鏈接。

          在接下來就是一些社交媒體的展示,直接點擊下面的按鈕然后在對應的社交媒體輸入對應的鏈接,當用戶點擊的時候就會跳轉到對應的頁面。

          加好這些之后,就可以預覽下效果怎么樣,可以Preview在PC跟移動端,哪里有不合適的可以直接調整下,如果覺得一切都ok的可以發送到自己的郵箱預覽,尤其是導流的鏈接,點擊下是否能跳轉到所要導流的頁面。

          然后你的郵箱就會收到你自己親手做的HTML精美的郵件,因為我這個主要做演示作用,有很多沒有調整所以做的比較難看,大家可以好好設計一下,做出非常精美的HTML郵件,從而做好EDM營銷,吸引用戶點擊郵箱,從而提高轉化。

          如果你的郵箱收到自己做的HTML郵件,檢查之后沒有問題,就可以轉發給用戶,可以是做B2C的用戶,也可以是外貿B端用來發開發信的用戶。

          還有一個方法發送HTML郵件,就是比較復雜一些,做好HTML郵件之后點擊保存按鈕,然后獲取HTML源代碼,然后復制源代碼去轉換。

          比如常見的QQ郵箱,網易郵箱都可以轉化,以QQ郵箱為例,點擊格式--然后復制粘貼HTML源代碼--點擊可視化編輯按鈕就可以啦,如下圖所示

          Topol工具真的非常方便制作HTML圖文并茂郵件,且操作方法也非常簡單,功能也非常繁多,建議大家可以好好去研究下,做好EDM營銷,不僅僅對B端,C端用戶,對開發紅人,聯系海外科技媒體編輯同樣適用。

          這篇文章寫的也比較簡單,主要是講一些重要的步驟,如何設計非常有吸引力的HTML需要小伙伴在下面好好去嘗試下。

          作一封郵件和制作web頁面還是有很大不同的。當不同的瀏覽器都在不斷向標準靠近的同時,大多數郵件客戶端卻止步不前,甚至有一些是在退步的。在2007年,Microsoft 將 Outlook 的渲染引擎從 IE 轉換成 Word的渲染方式,而一些基于web的郵件客戶端,像Gmail和Hotmail,則增加了一些怪異的模式,還有Lotus Notes的一些技巧。

          根據我的經驗來看,我們解決這些問題的關鍵是要關注下面三件事情。首先,保持簡單,你的郵件設計的越復雜,你的郵件在某個受歡迎的、不支持標準的客戶端上“抽風”的可能性就越大。其次,你需要將你的編碼技巧退步十年,這通常意味著我們要使用嵌套的表格,將CSS寫成內聯的形式等。最后,你需要對你的設計進行規律性的測試。

          使用表格布局

          因為諸如Gmail和Outlook 2007 無法支持浮動(float)、外邊距(margin)、內填充(padding),你需要使用表格來作為你的郵件的框架。雖然表格嵌套的方法被廣泛支持,但是在對單元格的寬度、外邊距和內填充的處理方法并不一致。為了達到最優的效果,當制作表格結構時,請記住下面的技巧。

          1、為每個單元格設置寬度,而不是表格

          當你把表格寬度、td 寬度、td的填充和CSS的填充寫到一封郵件時,你看到的結果可能是每個郵件客戶端它們看上去都不一樣。最可靠的方法是我們將為表格的每個單元格(th,td)設置寬度,而不是表格(table)本身。如下:

          永遠別指望郵件客戶端能夠計算出你沒有指定寬度的單元格的寬度。它絕對不會。同時也要避免使用基于百分比的寬度,像 Outlook 2007 這樣的客戶端從來不考慮這種寬度方式,特別是這些嵌套的表格。像素級視覺,如果你想對每個單元格做填充,可以使用表單的單元格填屬性或者用CSS的內填充,但是不要這兩種一起使用。

          2、嵌套迷思

          表格的嵌套相對于設置左右浮動和外邊距(margin)或者表單單元格填充的方法更加穩固。如果你能使用這種表格嵌套的方法達到相同的效果,這將會給你在那些蹩腳的(buggier)郵件終端上面獲得最好的結果。

          3、使用一個容器表單來設置 body 背景色彩

          很多郵件客戶端會忽略掉在CSS中或者<body>標簽中設置的背景色。針對這種情況,將你的整封郵件用一個寬度為100%的表單包起來,并且為其設置背景色。如下:

          你可以使用同樣的方案在背景圖片的設置上,需要記住的是某些郵件客戶端是不支持背景圖片的,這樣你就需要設置一個背景顏色作為備份方案。

          4、在單元格中避免使用多余的空格(whitespace)

          盡最大可能,避免<td>標簽中出現空格。某些郵件客戶端(Yahoo!或者Hotmail)可能會在某些場景下,對單元格的上面或者下面增加額外的填充,把你的設計破壞掉。

          CSS 和基本的文字格式

          當某些郵件設計師盡他們最大的努力去避免使用CSS時,他們又會去依賴夢魘般的<font>標簽,但實際情況是很多的CSS屬性是被大部分郵件客戶端支持的。請查看下面的跨郵件終端的綜合CSS支持列表list of CSS support,從中你也能發現一些安全的屬性和一些應該被避免使用的屬性。

          1、將css寫成內聯(inline)的樣式

          Gmail就是這方面的罪魁禍首。CSS被從<head>和<body>中剝離,我們別無選擇的會將樣式寫成內聯的形式。一個好消息是你可以完全自動化的完成轉化。像Premailer提供意見點擊的方式完成這一過程。我強烈建議你將此步驟作為你構建活動的最后一步,你就能感受到這個CSS的所有益處。

          2、避免使用字體的簡寫和十六進制計數法

          一部分郵箱客戶端會放棄對簡寫的css字體屬性的解析。比如,絕對不要將你的字體樣式設置成下面的樣子。如下:

          相反,我們應該寫成下面的形式:

          談到字體這個話題,我最近也在不同的郵件客戶端測試引用字體(@font-face)。結果是凄涼的,這些瀏覽器安全的字體在郵件中使用還是遙遙無期。

          當我們用CSS來聲明顏色屬性時,有些郵件客戶端并不支持簡寫的16進制的顏色值,比如 color:#f60; 我們需要將其補充完整 color:#ff6600;。為了達到最優的效果,我們需要使用常規寫法。

          段落

          像前面提到的單元格的間距,段落的間距也無法做到所有客戶端的一致。我看到過設計師使用兩個<br>或者用DIV寫上內聯(inline)的外邊距(margin)樣式彌補這個短板,但是我最近的測試顯示大多數情況下對段落的支持都還是比充足的(有一段時間 Yahoo! 根本不支持段落標簽)。

          最好的實踐方法是對每個段落通過內聯(inline)的方法設置外邊距(margin),像下面這樣:

          再次提示,在你構建郵件的時候通過在head標簽中增加樣式,然后通過Premailer將他們轉化成每個段落的內聯樣式。

          如果你的設計對高度是很敏感的或者需要像素級別的完美,我強烈建議你不要將所有的段落寫到一起,而是將文本的格式化工作放到表單的單元格中來做。你可能會需要使用到表單的嵌套或者單元格填充(cellpadding)/CSS 來達到期望的樣子。下面就是一個例子:

          鏈接

          某些郵件客戶端將會用他們的默認樣式覆蓋你的鏈接色,你可以通過兩部來防止其發生。第一,針對每一個鏈接設置一個內聯的(inline)的顏色:

          接下來,增加一個冗余的 span 標簽在 a 標簽中。

          也許這些方案看上去比較過激,如果這個顏色對你的設計很重要,這個多余的 span 標簽是你達到一致表現的最好解決方案。

          HTML郵件中的圖片

          很重要的一件需要牢記在心中的關于圖片的事情是你的訂閱者可能看不到你的圖片。如果你有這方面的準備,你就會保持你的內容簡單,并且重要的內容不通過圖片的形式來展示。

          在這個思想的指導下,在使用HTML郵件的過程中,下面有一些基本的要領需要牢記:

          1、避免占位圖片

          雖然使用占位圖片和嵌套表格的方式在10年前很流行,許多郵件客戶端已經將其排除作為一種可靠的技術。很多客戶端會使用一個相同尺寸的空占位來替換圖片,另外一些會將所有的圖片移除。大多數郵件客戶端會給圖片賦予默認的圖片區塊,這將導致訂閱者的第一感覺很差。堅持將單元格賦予固定的寬度,讓其在沒有圖片的時候版式不會亂掉。

          2、將圖片定義尺寸

          如果你沒有給每個圖片設置尺寸,當圖片沒有被下載時,有些客戶端會自己發明一個他們自己的尺寸,你的版式就亂掉了。同時,確保你的所有圖片在被用到郵件中前,都被賦予了正確的尺寸。某些客戶端會忽略你代碼中設置的尺寸,而去使用真實的圖片尺寸。

          3、避免使用 PNG 圖片

          Lotus Notes 6 和 7 并不支持 8位(8-bit)和24位(24-bit)的 PNG 圖片,所以需要使用GIF或者JPG格式的圖片,即使這會增加而外的圖片大小。

          4、為背景圖片提供備份的顏色

          Outlook 2007 不支持背景圖片(aside from this hack to get full page background images working)。如果你想在你的設計中使用背景圖像,提供一個背景色作為備份支持方案。這樣就能同時解決圖片被屏蔽和Outlook 2007的問題。

          5、不要忘記標注替代文本(alt text)

          缺少標準的支持意味著郵件客戶端對語義化和訪問性良好的HTML郵件的破壞性是很大的。即使這樣,從圖片可能被屏蔽角度看,提供替代文本也是很重要的。這樣即使圖片在默認狀態下被限制,大多數郵件客戶端也能顯示提供的文本來替代。另外還需要技術的是某些客戶端,比如 Outlook 2007, Hotmail 和 Apple Mail 在圖片被屏蔽的時候,并不提供替代文本(alt text).

          6、針對 Hotmail 使用顯示hack

          令人費解的是,Windows Live Hotmail 對每個圖片增加了幾個像素的填充。一個變通的方案就是使用下面的顯示屬性來解決這個問題。

          這樣就能移除掉Hotmail的填充值,但是你也可能會給其它客戶端埋下隱患。

          7、避免使用浮動屬性(float)

          Outlook 2007 和早期版本的 Notes 并不支持浮動屬性(float)。在郵件中我們可以使用對齊屬性在針對圖像標簽做到浮動圖片的目的。

          如果你在 Yahoo!的郵件中發現圖片的怪異表現,增加 align="top" 可能能夠解決你遇到的問題。

          視頻郵件

          由于缺少 Javascript 或者其他對象標簽(object tag)的支持,視頻郵件最大的程度就是gif動畫(如果你認為那是視頻的話)。盡管如此,我最近做的一些關于用html5 videio 標簽的測試結果,還是讓人感覺不錯。

          HTML 5的標簽目前在一部分郵件終端是無法運行的,包括 Apple Mail,Entourage 2008, MobileMe 和 iPhone.作為如果視頻不被支持的補救方法,你可以提供穩定的備選內容,比如gif 動畫或者一個可以點擊到瀏覽器播放視頻的圖片。

          當然,你是否需要將視頻添加到你的郵件里面,那就是另外一個議題了,如果你的答案是肯定的,你可以使用這些代碼案例。

          關于移動端郵件的那些事

          移動端有機胺的情況近期顯得比較雜亂了,隨著iPhone,Android的發明和Palm和RIM的改進,認為移動端電子郵件終端不重要的年代一去不復返了。

          為了給移動端訂閱用戶良好的體現,我們在編碼的過程中也有幾個關鍵點需要牢記心中。

          1、保持寬度小于600像素

          受限于郵件客戶端的視窗,這條規則來移動視窗到來之前的年代就很重要。事實上,iphone 的視窗是320像素,Droid是480像素,Blackberry大概360像素。堅持最大600像素寬的設計,能夠讓你的郵件縮小到上面提到的設備上面依然可讀。這個尺寸在桌面端和web端的預覽效果也很好。

          2、注意文本尺寸的自動調整

          作為一個好的特性,基于webkit郵件客戶端(比如 iPhone, Pre 和 Android) 能夠自動調整文本的大小來提高閱讀性。如果你的測試結果表明這項特點給你帶來的好處是破外了你的設計,你可以通過下面的屬性禁用:

          不要忘記去測試

          雖然近幾年郵件客戶端對標準的支持并沒有取得長足的進步,但是某些郵件客戶端的改變卻從未停止(有好有壞),基于 web 的客戶端,如 Yahoo!、hotmail 和 Gmail 在這方面乏善可陳。我看到過無數次可行的設計方案被停止支持,沒有任何解釋。

          基于這個原因,你也要對你的郵件設計保持規律的測試。我發現每個月進行一些快速的測試的小技巧,特別基于web的客戶端。好的消息是經過幾次設計和測試,你將會從這些雜亂無章中找到規律。一些潛在的陷阱將變的可以預計,一個對郵箱友好的設計模型也會在你心中成型。


          本文參考“新浪UED”:創建堅如磐石的HTML郵件

          果你要開拓海外市場,EDM電子郵件營銷是整個營銷戰略中一項必不可少的營銷方案。

          相比于國內用戶喜歡用QQ、微信、釘釘這些即時通訊工具,進行交流和溝通,電子郵件依然是很多海外用戶的首選。

          雖然電子郵件是個非常古老的交流工具,但是郵件推廣依然有非常高的營銷價值,使用的好可以為你帶來高額的回報。

          目前市場上的大多數電子郵件服務提供商都會有一個用于創建電子郵件活動的電子郵件編輯器,但很少有人提供電子郵件營銷人員真正需要的東西。

          一般的郵件編輯器除了文字就是圖片,想要設計一款精美的富有個性化的郵件簡直是難于登天,更不用說讓用戶有打開郵件的欲望。

          不過,還好有可視化無需代碼的拖放式HTML郵件模板制作工具,幫助郵件營銷人員創造精美的郵件。

          與那些老古董相比,在線拖放式郵件編輯器有大量設計好的精美的郵件營銷模板,通過簡單的拖放式編輯器,就可以立即對其進行編輯和定制,定制屬于自己的個性化郵件。

          Chamaileon

          Chamaileon因其用戶友好的電子郵件設計編輯器和強大的圖像編輯功能,成為很多企業級用戶的首選。

          Chamaileon提供了一個來自Pexels的免費圖片庫,你也可以添加自己的電子郵件通訊圖片,進行定制和修改。

          Chamaileon界面干凈整潔,自身包含了一些精美的響應式電子郵件設計模板,用戶也可以自定義創作自己的郵件模板。

          除了可以對郵件進行定制和使用外,它還具有實時協作的功能,這對于電子郵件營銷團隊來說非常的友好。

          Chamaileon有100多個響應式模板和1000多種內置小工具,可以導入自定義的HTML代碼,和豐富的電子郵件內容管理工具,支持蘋果和安卓移動設備,可以在所有版本的Outlook上工作。

          雖然功能很強大,不過Chamaileon收費比較昂貴,最低價格300美元/月,比較適合大企業和大品牌的公司使用。

          Postcards

          Postcards是Designmodo推出的在線產品之一,是一個非常容易使用的推廣郵件構建工具。

          Postcards有一個簡單的界面,可以讓你從頭開始創建完全相應的、精美的、符合當前審美潮流的電子郵件模板。

          Postcards有100多個預先設計好的電子郵件模塊和900種谷歌字體,可以快速的設計出符合各行業需求的營銷郵件模板。

          Postcards支持團隊協作,團隊成員之間可以相互合作管理不同的版本,并將結果導入到流行的電子郵件服務提供商中。

          Postcards價格比較實惠,可以免費使用,付費版本最低17美元/月。

          http://Beefree.io

          BEE是一個免費的電子郵件設計軟件,可以讓你創建簡單的電子郵件模板,然后將其導出到你最喜歡的電子郵件服務提供商中。

          你不需要任何編碼技巧,就可以在幾分鐘內創建一個響應式的電子郵件模板,還提供了一種在Gmail中發送HTML郵件的簡單方法。

          BEE的電子郵件模板庫配備了各種專業設計的模板供你定制,你可以在其中添加網絡特定元素,如表格、視頻和腳本,或者嵌入你自己的調查工具創建有個性化外觀的郵件。

          通過BEE專業設計好的模板,可以在一個包含HTML和圖片的ZIP文件中導出,并在自己的電子郵件營銷軟件中使用它。

          付費的高級專業版本,還可以獲得更多復雜的模板,和直接與電子郵件營銷軟件連接的插件,如MailChimp、SendGrid、HubSpot等等。

          價格方面,注冊完就可以免費使用,自由職業者需要付費15美元/月,團隊版本需要30美元/月。

          Stripo

          Stripo是一個免費的電子郵件模板生成器,無需HTML或CSS經驗就能輕松使用,擁有豐富的模板,可以在幾分鐘內就可以制作出高級的電子郵件模板。

          Stripo具有拖放和HTML編輯模式,可以在編輯器內建立互動的電子郵件元素,如圖片翻轉效果、CSS動畫按鈕和倒計時器等功能,還提供了一個嵌入式的照片編輯器,用于建立電子郵件橫幅。

          該服務是多語言的,所以可以從英語改成他們的其他7種語言選擇(德語、西班牙語、法語等)。

          Stripo為其用戶提供了一個內容模塊庫,用于存儲最常用的電子郵件元素和組件,有超過600多個免費的HTML電子郵件模板,還可以按類型、電子商務、行業或季節進行分類,幫助用戶快速找到適合自己的edm郵件模板。

          通過API,Stripo的電子郵件模板可以導出到60多個電子郵件服務商,你也可以將模板設計導出為HTML,并使用它從你選擇的任何其他電子郵件營銷工具發送你的電子郵件活動。

          在向收件人發送電子郵件之前,你可以將其下載為PDF格式,以獲得客戶或同事的認可;有大約100種不同的測試環境,讓其在嵌入的電子郵件測試工具中測試電子郵件。

          Stripo可以免費使用,付費商業版本最低價格為12.50美元/月。

          MailChimp

          Mailchimp是世界上最著名的電子郵件營銷自動化平臺,由Ben Chestnut、Mark Armstrong和Dan Kurzius于2001年創立,從事郵件營銷的工作人員大概都聽說過或者用過,這是一款非常出名的外貿郵件群發軟件。

          Mailchimp主要針對中小型企業,是一個強大的一體化外貿郵件營銷平臺,不僅拖放式電子郵件生成器,還提供了一個由100多個現成設計組成的龐大的電子郵件模板庫。

          你可以選擇一個預先編碼的電子郵件模板,或者從頭開始創建一個電子郵件模板,雖然它在元素和區塊方面不是很靈活,但Mailchimp允許用戶創建漂亮的響應式郵件。

          它的新模板生成器讓你可以直接在內容塊上編輯你的元素。此外,它的內容工作區間對編輯和管理你的圖片和文件特別有幫助。

          作為一個edm郵件營銷工具,Mailchimp還為用戶提供了一些額外的功能,如自動化,以便及時地開展edm郵件群發活動,還有針對不同電子郵件客戶端設計的測試工具。

          Mailchimp可以免費使用,付費功能每月15美元起。

          Moosend

          作為免費的海外郵件群發工具,Moosend使你能夠創建、自動化和發送你的電子郵件營銷活動。

          對于精通技術的用戶來說,你可以在編輯電子郵箱模板時,查看并復制HTML代碼,或者通過Moosend的代碼視圖下載一個JSON文件。

          Moosend有一個現成的模板庫,你可以選擇已有的edm營銷郵件模板開始設計,或者通過拖放欄目和結構元素從頭設計一個視覺上令人驚嘆的電子郵件。

          如果你需要一個快速的視覺效果,Moosend提供了一個與圖片庫、社交媒體平臺、Google Drive等整合的圖片采集器。

          Moosend有一個有用的 "保存 "功能,你可以用它來保存你編輯過的電子郵件模板,以供將來使用,還可以添加倒計時功能,個性化你的電子郵件,以及添加條件塊來創建動態內容活動。

          Moosend可以免費使用,專業版每月10美元起,企業版可以和銷售人員自定義價格。

          http://Topol.io

          http://TOPOL.io被描述為 "為每個設備創建漂亮的電子郵件拖放編輯器”。

          Topol使用拖放功能創建電子郵件html模板,用戶不必是圖形設計師、HTML程序員或電子郵件渲染方面的專家,你可以快速、簡單、直觀、有趣的創建電子郵件模板。

          你可以將Topol編輯器整合到你自己的應用程序、CRM(客戶關系管理)或任何其他營銷平臺,甚至是Outlook上

          Topol有150多個精美的、易于使用的模板,可重復使用的自定義塊和自定義HTML代碼,而且創建的模板可以下載為.zip文件,或導出到任何現有的Topol賬戶。

          Topol可以在14天內免費試用,如果想要使用付費專業版,可以按每月10美元的價格升級到他們的月度會員計劃。

          Unlayer

          Unlayer Studio是一個免費的電子郵件模板制作工具,具有簡單、易掌握的特點,有很多現代的、專業的電子郵件模板可供選擇。

          它有一個免費的圖片庫和現成的模板,可以創建具有相關內容的電子郵件,用戶可以從100多個基礎套件模板中選擇任何一個,然后按自己認為合適的方式編輯模板。

          Unlayer提供了一個模板管理器,你能夠用一個獨特的ID來創建和編輯你的模板。另外,你也可以在自己的服務器上保存模板,只需切換到JSON標簽,然后保存到你的數據庫即可。

          只需點擊幾下就可以下載你創建HTML模板,不需要編碼技能就可以創建自定義模板,可以按照各種郵件主題輕松找到需要編輯的電子郵件模板。

          Unlayer studio的設計師會與ActiveCampaign、Constant contact、MailChimp等電子郵件服務提供商合作,如果你想將其與Gmail整合,該軟件還能讓你安裝免費的Chrome擴展。

          http://Mosaico.io

          Mosaico是一個開源的電子郵件模板html構建器,可以幫助用戶快速有效地創建電子郵件通訊。

          Mosaico在其平臺上不提供任何預先設計的電子郵件模板,但你能夠以你認為合適的方式來使用它,提供兩種布局:versafix-1和versafluid。

          通過這種獨特的基于點擊的設計布局,你可以添加或刪除區塊,非常的靈活,還可以按原樣導出自己的圖片,并編輯郵件內容。

          你可以預覽你的郵件,發送測試郵件或簡單地保存你的模板,雖然是個免費工具,同樣提供相應的社區技術支持。

          總結

          以上就是一些常用的在線拖放式電子郵件編輯器,可以幫助你更加快速的定制自己的專屬電子郵件模板。

          這些電子郵件構建器有高質量的響應式電子郵件模板、對各種設備有良好的兼容性、有精美的圖片和媒體庫,和一些電子郵件服務商也可以完美的兼容。

          如果你是一個完全的電子郵件營銷新手,而且不懂HTML代碼,也不用擔心,這些工具可以很好的幫助你完成想要的各種效果,使你的電子郵件營銷效果更加完美。


          主站蜘蛛池模板: 精品人妻少妇一区二区三区不卡 | 无码一区二区三区亚洲人妻| 国产精品无码一区二区三区在| 红桃AV一区二区三区在线无码AV | 中文字幕精品无码一区二区三区| 国产一区二区三区不卡在线观看| 久久精品亚洲一区二区| 天天看高清无码一区二区三区| 精品一区二区三区| 麻豆AV一区二区三区| 亚洲人成网站18禁止一区| 日韩AV无码一区二区三区不卡| 亚洲综合在线一区二区三区| 国产成人精品一区二三区在线观看 | 在线精品国产一区二区| 色老板在线视频一区二区| 一区二区三区午夜| 国产伦精品一区二区三区视频金莲| 一区二区亚洲精品精华液| 精品日产一区二区三区手机| 99久久国产精品免费一区二区| 国产一区二区不卡在线播放| 国产91一区二区在线播放不卡 | 亚洲av乱码中文一区二区三区| 精品亚洲A∨无码一区二区三区| 国产精品视频一区二区三区四| 精品视频一区二区三区在线观看| 日韩精品无码一区二区视频| 国产精品熟女一区二区| 色窝窝无码一区二区三区 | 无码人妻精品一区二区三| 国产精品一区二区av不卡| 精品国产一区二区三区在线观看 | 成人H动漫精品一区二区| 欧美激情一区二区三区成人| 国产视频福利一区| AV无码精品一区二区三区宅噜噜| 国产午夜精品一区二区三区| 国产精品无圣光一区二区 | 亚洲日韩一区二区一无码| 大香伊蕉日本一区二区|