想用HTML格式發信, 而且有要「置換不同圖片」的需要時要注意看的說明

 以下是想用HTML發信, 而且使用置換功能時有「要置換圖片」的需要時要注意看的說明, 

如果只是單純要置換「中文」「數字」等, 就不用去研究這篇文章,
因為針對圖片有些html編輯器在存檔時會把你的圖片的檔案搬到它規定的地方, 有些不會,
而且還會幫你把圖片的名字改掉, 所以在編輯這種html檔案時才需要去編輯, 查看最後圖片檔名, 把它換成 $8$.......$9$......等等。

以下開始說明:

發送 HTML 格式而且每封信都要置換內嵌圖片的範例說明:

(如果只要置換文字內容, 內嵌圖片都是固定的話, 隨便用什麼編輯軟體來編輯htm檔都無所謂)

Kapa Mail 支援發送 HTML 格式的信件, 

意思是, 連每一封信裡面的照片要不一樣也可以置換

而且信件內若有使用到本機電腦的圖片檔案, 在發送時是用內嵌的方式連同信件一起寄出,
不需要事先把圖片傳送到網路空間, 再用引用的方式放到HTML裡面來, 直觀又簡單!

如果您要發送 HTML 格式的信.........

1. 首先要先準備好一個 HTML 設計好的檔案信件範本存在電腦中~

雖然您可以用記事本手動設計一個HTML檔案, 

不過除非是功力深厚的專業人士,

實務上大部份人應該是使用所見即所得的HTML編輯軟體來設計,

雖然WORD也可以設計HTML檔案, 但根據我實作的結果並不適合,

因為存檔後它會自動產生一個子目錄而且還將所有的圖檔複制成二份,

同時又幫您將圖檔名稱改為難以判讀的名字放在HTML的內容中,

雖然說不是不能置換, 但它把簡單事情複雜化了, 這並不是我們的主要目的,

所以稍微找了一下就發現了這個不少人建議且在使用的軟體:  

KompoZer !

原因一是免費。

原因二是在設計時需要圖文並茂時, 可以直接拉自己電腦硬碟中存放的圖片檔或照片,

而且不會像WORD那樣自動產生子目錄和一堆複雜難以解讀的圖檔名稱。

基於上述理由, kapa建議使用KompoZer來設計HTML信件(或文宣廣告)

KompoZer 從官方網站直接下載中文安裝版 : 點我

KompoZer 阿榮福利社介紹: 點我

KompoZer 教育部介紹: 點我

以下將以 KompoZer 為例來示範做法有多簡單。

安裝好 KompoZer 後, 馬上簡單的設計一個 HTML 檔如下圖

上面我紅色圈起來的表示, 待會兒要被置換掉的地方! 因為它是文字所以這不是問題的重點,

比較特別的是圖檔的部份...........

因為在設計HTML的時侯我們一定要拉一張真正的圖片檔案進來(不能拉  $7$ ,  $8$ 進來畫面)

所以畫面設計好後, 再點 KompoZer 下方 「原始碼」的這個標籤按鈕,

它會呈現這個 HTML 的原始文字檔內容(所以用記事本來開這個檔案也會看到一樣的內容)

其中, 

送貨方式的圖檔名稱自動變成一段很長的怪字串, 不用管它, 直接把它改成  $7$

我的名片的圖檔名稱自動變成一段很長的怪字串, 不用管它, 直接把它改成  $8$

如下圖:

最後變成下面這樣子, 就是我們要的信件本文範本, 可以拿來置換了!

在此把信件本文範本和 EXCEL 的發信名單對照貼圖給大家看一下會更清楚, 

如下圖:

我用紅線框起來的部份就是執行 Kapa Mail 發送時, 內容要被批次置換掉的部份,

3. 以「開始發信」按鈕送出 email 後, 在 outlook 收到時看到的結果是這個樣子!

不過相同的信在流覽器界面時看到的卻無法呈現出底圖的效果, 看起來收信軟體和流覽器的反應還是有所不同。

以上~如果有問題, 歡迎留言討論!