JAC外貿實戰:HTML郵件編寫之進階篇

2015/04/1723:25:57 32 851 views
逆境生存

已經寫了兩篇關于HTML郵件的文章,有興趣的可以到文章列表去搜索。

?

之前寫的都是最簡單的操作,今天要寫一點稍微深一點的,或者叫做稍微細一點的,當然這些所謂的深一點細一點的東西在懂HTML語言的高手眼里看來或許就是小兒科,請勿見笑,畢竟我們不是專業人士!

 


?

?需要說明的第一個問題是表頭部分,如圖:

?

JAC外貿實戰:HTML郵件編寫之進階篇

?

第一條紅線是這個模板的出處,原則上是對版權的聲明,但是,這種網站卻有可能讓你的這封郵件進入垃圾箱,因為基本上與我們的產品無關。

?

所以建議,改成自己的網站,在前臺可見模式看到任何變化。

?

第二條紅線是這個模板的html名字,例如我們修改代碼如下之后再打開文件:

?

JAC外貿實戰:HTML郵件編寫之進階篇

?

標題已經變為:

?

JAC外貿實戰:HTML郵件編寫之進階篇

?

建議第二條紅線部分變成你的產品,能最大限度的降低被打入垃圾箱的可能性。

?

此為需要注意的第一部分。

?

還有,有人問,這個HTML郵件跟圖片有什么不同,不同很明顯,圖片是插入一張圖片,里面的所有元素都是圖片內部,無法復制,無法點擊,只能人工敲出來,增加了瀏覽郵件者的工作量,會起到反作用。

?

而HTML郵件,文字可以復制,鏈接可以點擊,就如同我們的網頁一般,美觀細致形象,一方面吸引瀏覽者,另一方面也便于信息的提取。

?

到現在為止,問題問的最多的是如何插入圖片到HTML郵件中,再細致的說一下,首先你要有這樣一張圖片,獲取到他的尺寸,例如400*400,當然,HTML模板對于我們插入的圖片是有規定的,在代碼中寫的很清楚:

?

JAC外貿實戰:HTML郵件編寫之進階篇

?

標記的框中,便是這個模板規定的尺寸,你需要把這個圖片做成這個尺寸,當然你也可以按照你的圖片大小對這些數字進行修改,例如我們的圖片是400*400,那么我們把代碼改成對應的數字就好了。

?

把圖片上傳到某個空間,當然我建議的是google,現在不能翻墻,我隨便舉例,獲取到圖片的鏈接,注意圖片的鏈接一定是以.jpg或者.png或者其他的圖片后綴為結尾,如果不以此為結尾,那就不是圖片的最終鏈接。

?

google瀏覽和360瀏覽器都有審查元素,郵件圖片,審查元素,找到以圖片格式為結尾的鏈接就好。

?

或者如果沒有審查元素,可以郵件點擊圖片,屬性。

?

總之一定是圖片格式為結尾的鏈接才可以。

?

JAC外貿實戰:HTML郵件編寫之進階篇

?

拿到鏈接,替換掉圖中紅線部分,注意引號要保留。引用引用,引號不就是引用嗎?

 

相信看完這些,這一個問題應該已經解決,再有疑問,我也無能為力了!

 

還要提示一點,HTML郵件中,插入的圖片務必使用無底色的PNG格式。

 

比較兩個圖片:

 

JAC外貿實戰:HTML郵件編寫之進階篇 JAC外貿實戰:HTML郵件編寫之進階篇

 

哪個更好看?

 

肯定是后者!

 

前者是白色底,后者是無底色!

 

為了讓你的HTML更美觀,因為模板有底色,所以要讓插入的圖片融入到底色,所以需要無底色的PNG格式圖片。

 

做起來很簡單,首先是是PS摳圖,摳圖怎么摳?要么去學,要么花錢找別人摳,淘寶大量的人在。當然,你也可以直接讓他們給你處理為所需要的圖片格式,如果你想學,其實也很簡單。

 

用ps打開圖片,得到編輯模式如下:

 

JAC外貿實戰:HTML郵件編寫之進階篇?

 

雙擊“背景”

 

JAC外貿實戰:HTML郵件編寫之進階篇

 

點擊好。

 

魔棒工具,點擊圖片中白色區域,delete

 

JAC外貿實戰:HTML郵件編寫之進階篇

 

另存為PNG格式就好,這樣圖片完成,其他的也是如此。

 

下面要講的一些就涉及到HTML語言的問題了,例如你可能嫌模板太窄,想要弄寬一些,沒問題:

 

JAC外貿實戰:HTML郵件編寫之進階篇

 

修改①中的數字就好,當然因為我們的模板頂部是一個banner,需要通欄,所以要設置的跟寬度一直,所以②也要修改。

 

③是修改模板的底色,你可以隨便百度一下顏色的html代碼,更換一下就好;

 

④是修改字體,顏色,大小等等,你也可以隨便修改。

 

其實我們做外在修改代碼方面有著天然的優勢,就是英語好,即便不知道那些符號斜杠是啥意思,但是至少知道某些單詞是什么意思,修改就好了!

 

還有人會關注,這樣會不會進入垃圾箱啊,關于這個問題我的觀點已經表達了很多次:

?

想盡辦法不進垃圾箱只會讓你的郵件平庸無奇,沒有吸引力,即便是客戶看了,也不會產生什么深刻的記憶或者購買的沖動;而好的標題,好的郵件,即便進了垃圾箱客戶也會挑出來,我曾經截圖給大家看我成交的客戶,就是從垃圾箱找到我的郵件;很少有客戶會直接清空垃圾箱,因為他們也有客戶,他們也害怕他們客戶的郵件進了垃圾箱,所以他們也會瀏覽一下。

?

上一個文章我推薦了一些免費模板的網址,大家可以找一些更好看,更復雜的進行修改,方法如上,祝大家的開發信效果越來越好!

  • 我的微信
  • 這是我的微信掃一掃
  • weinxin
  • 我的微信公眾號
  • 我的微信公眾號掃一掃
  • weinxin
廣告也精彩
avatar

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前評論:32   其中:訪客  32   博主  0

    • avatar 三羊開泰11 9

      太棒了,我這兩天一直在研究,做成了2/3了。就是因為圖片不知道上傳到哪個空間,就差圖片了。大愛,繼續研究。

        • avatar jacindustry 9

          @三羊開泰11 慢慢研究

          • avatar 雪歌妃子 9

            @三羊開泰11 圖片傳上微博,設為僅自己可見,復制圖片鏈接也是可以正常顯示的。我也只是看了jac的文章自己試試,還沒發過類似郵件。

              • avatar 三羊開泰11 9

                @雪歌妃子 我還沒弄好~就是圖片上傳空間的問題。

            • avatar 心有天地 9

              村長,啥時候再來個模版半價活動啊!

                • avatar jacindustry 9

                  @心有天地 這種活動不好搞啊,出力不討好

                • avatar 背后一片荒蕪 9

                  村長 V5!

                  • avatar 舟舟ss 9

                    去年參加培訓,就聽說了這個,但是一直都沒有研究明白,不知道這次能不能成功[/奮斗]

                      • avatar 舟舟ss 9

                        @舟舟ss 報告一下進度,就差圖片了,也是不知道要把圖片上傳到什么空間里面好,現在都不FQ了,求推薦

                      • avatar jacindustry 9

                        已經置頂,這樣的評論真讓人長見識

                        • avatar 三羊開泰11 9

                          大師,就像JAC說的那樣,你這樣的評論就是讓人長見識。其實在外貿的路上我是不怕付出的,包括讓我自己掏錢買軟件貨SEO。我一直存在翻墻方面的問題,請問您用的什么VPN軟件?

                          • avatar dengdengdeng 9

                            第一次看見JAC寫了關于HTML郵件的文章就去嘗試了。圖片發布到新浪微博,但是存在一個問題。明明是保存好了的PNG格式的圖片,一上傳到新浪微博搜下鏈接就顯示是JPG格式的了,自動給加了個白色背景。。。請問有人知道怎么解決嗎

                              • avatar jacindustry 9

                                @dengdengdeng 你確定是我寫的流程嗎?

                              • avatar 快樂小豬LL 9

                                圖片上傳新浪微博,是怎么操作的呢?是不是在編輯里插入圖片呀?這樣的話,鏈接不是以.jpg或者.png結尾的。誰能指點一二,謝謝!

                                • avatar JENNY 9

                                  寫得太好了!謝謝!

                                  • avatar 清露 9

                                    我也是差上傳都空間的問題,JAC 再支招下啊~

                                      • avatar 清露 9

                                        @清露 哈哈,我學會了。。

                                          • avatar 孔姝芬 9

                                            @清露 怎么學會的哈 我的圖也上傳了 就差最后一步了啊 找不到正確的鏈接 ;(

                                              • avatar 湘水蓮語 9

                                                @孔姝芬 求問,試了微博還是不行呀

                                                  • avatar 十三 9

                                                    @湘水蓮語 最好是上傳到國外的網站,比如樓主說的googel+, 或者新浪微博。我的就是新浪微博。

                                                  • avatar 湘水蓮語 9

                                                    @孔姝芬 你是上傳到哪里的呢?點擊審查元素,就可以把鏈接導出來了

                                              • avatar 孔姝芬 9

                                                感謝村長的分享 圖片上傳到百度云盤 找不到JPG PNG結尾的鏈接啊 捉急 捉急中 菜鳥一個 別笑話我哦 讓命令來抓圖 結果 圖還是不顯示

                                                • avatar lasermodule 9

                                                  我找到了圖片鏈接,為啥就是不顯示 呢?找誰給支招啊。

                                                    • avatar 十三 9

                                                      @lasermodule 可能你的鏈接不對,只有圖片鏈接才可以顯示。

                                                      http://www.51zxw.net/study.asp?vip=12139257

                                                        • avatar 雯雯 9

                                                          @十三 對呀,我也是放入了連接,圖片不顯示

                                                            • avatar 雯雯 9

                                                              @雯雯 請教了我做html專業的同學,把前面的images 刪除就可以顯示圖片了,而且鏈接不是以jpg結尾的也可以顯示圖片

                                                        • avatar 跨境電商 9

                                                          好好學習下

                                                          • avatar 十三 9

                                                            看了樓主的博客,得到啟發。現在已經完全掌握HTML郵件開發和制作。可以自己制作喜歡的模板了。
                                                            http://www.51zxw.net/study.asp?vip=12139257[嘻嘻]

                                                            • avatar lu 0

                                                              認真對照方法去做,就做出來了!發了一些手上的郵箱,有兩個回復的,一個要報價一個數量太少。。。還是有用的!繼續!現在的問題就是客人基數太少了要多加強這方面!

                                                              • avatar 雯雯 9

                                                                用foxmail嗎? 但是我用foxmail 第一次編輯之后,回到可視化編輯之后,再回到html頁面的時候,就全亂碼了,不能重新編輯了, 有哪個 email 客戶端可以直接使用的嗎?謝謝