MailChimp教學 ：電子報訂閱＋EDM 行銷（WordPress＋WooCommerce）

這是一篇完整的「 MailChimp教學 」。

站長架站完畢後，不論是 建立 Blog、品牌形象網站、架設購物網站 等 ..，幾乎都會想和訪客進一步聯繫，不然訪客看完就走了，對站長其實一點幫助也沒有。

WordPress 電子報外掛 有很多種，但我最喜歡的是 MailChimp，一來是功能豐富齊全，不用再安裝其他類似的外掛。

二來是，它有提供免費版，而且提供千人以上的免費訂閱數量，這對中小型的網站是非常夠用的。

這篇文章，我將會帶你入門 MailChimp 這款超好用的電子報行銷工具，幫助你網路生意更上一層樓：）

• 1. MailChimp 是什麼？
• 2. 建立 MailChimp 帳戶
• 3. 新增訂閱者
• 4. 如何匯出和匯入訂閱者
• 5. 製作＋寄送行銷電子報
• 6. 電子報數據分析
• 7. 使用 Tag 標籤，進行訂閱者分類
• 8. 設定自動回覆信件
• 9. MailChimp＋WordPress 整合
• 10. 風格化的訂閱表單
• 11. MailChimp＋WooCommerce 整合
• 常見問題
• WordPress 學習資源

MailChimp 完整教學

---

1. MailChimp 是什麼？

Mailchimp 是世界上最受歡迎的電子郵件行銷的軟體公司之一，公司規模龐大算是世界級的公司，除了軟體的使用者體驗良好，功能非常齊全且有免費版方案。更多 MailChimp 教學。

Mailchimp 是一家雲端服務公司（SAAS），可以輕易的將 WordPress、Shopify、Magento ..，進行完美整合。

Mailchimp 功能性如何？

我只能說非常棒，關於寄信的內容設計部分，Mailchimp 有提供多種版面佈局、多款已設計好的 EDM，只需改改字或圖片就可發送。

加上也有類似 視覺化編輯器 的功能，想要什麼就拖曳到電子報畫面中即可。

還有信件的行銷報告，例如訂閱成長率、信件開信率、訂閱顧客所在地等 ..，會幫助站長掌握更多數據。

Mailchimp 如何整合到 WordPress 網站？

除了 MailChimp 後台有基本的訂閱表單嵌入碼（但比較難客製化）。

另一種方法，可安裝 MailChimp for WordPress 外掛，能有更多表單客製化功能，重點是介面比較容易上手。更多 MC4WP 教學。

至於 Mailchimp 的雲端服務，不論是發送電子信、EDM 設計、顧客 Email 清單等 .. 相關行銷設定，都是在它們的平台上完成。

這某種程度是好事，因為不需耗費到自己主機資源，全都委託 Mailchimp 服務就行了。

Mailchimp 費用如何呢？

Mailchimp 有提供的免費方案，可多達 2000 個訂閱戶，對於中小型公司來說非常的夠用。

至於進階版的話，最低付費計畫約 $10 美元 / 月，費用會依照訂閱人數增加而異動，詳情可前往官網了解。

---

2. 建立 MailChimp 帳戶

前往 MailChimp 官網，點擊 Sign Up Free，進行免費註冊。

輸入自己的信箱、登入帳號、登入密碼，這些都是重要資料，請務必要記得唷。

註冊完成後，MailChimp 會寄一封認證信給你，前往點擊認證。

認證信箱後，如果有資安審核的流程，就照著操作點擊就好（沒有的話就略過這一段話）。

如果你是從別的電子報行銷軟體跳槽過來的，可依照你的規格選擇方案。

這邊我會用免費版示範（有提供 2000 位訂閱者數量，實際依官方的為主），選好後點下一步。

輸入帳戶資訊，我是都填寫英文，然後點下一步。

Business Name 是公司名稱，如果沒有的話就填上網站網域即可。

輸入帳戶資訊，建議都填寫英文，有關地址中翻英工具可使用 中華郵政，完成後下一步。

接著會有一些詢問調查，都不是很重要所以就不多說明，任意選擇或是按下 Skip 略過按鈕（因為之後都可以再設定），就可以了。

好囉，再度訪問 MailChimp 時，你應該可以順利登入後台了！

---

3. 新增訂閱者

註冊完畢後，除了自己的 Email 會在列表中，我們也能自行手動新增訂閱者。

下面示範新增一個訂閱者，點擊 All contacts（所有訂閱者） > Add contact（增加聯絡人） > Add a subscriber（添加訂閱者）。

輸入訂閱者的信箱和一些個人資訊。

Tags 是方便你未來分類發信用的，下圖的兩個選項都打勾，完成後點 Subscribe。

這樣就新增成功囉，是不是很簡單：）

---

4. 如何匯出和匯入訂閱者

如果你手邊有多個訂閱者信箱，或者是從其他電子報行銷外掛，跳槽到 MailChimp 的，那或許你會有 Email 匯入＆匯出的需求。

下面先示範如何匯出現有的訂閱者，因為這個匯出的表格，也就是等等匯入訂閱者，會需要用到的。

如何把信箱從 MailChimp 匯出？

在一樣的位置，點擊 Export Audience（匯出訂閱者）。

MailChimp 會把之前匯出過的紀錄保存下來，因為之前我有匯出過一次了，所以會多一筆資料。

要選擇的是最新的時間的那筆，打勾後點 Export As CSV（使用 CSV 格式匯出）。

下載後打開裡面的檔案，就會看到訂閱者資料，已經順利匯出溜！

小技巧：

1. 至於剛匯出 CSV 格式的訂閱者表格，可用來當未來要匯入訂閱者的格式，只要把標頭選項留著，然後記得 Email Address 是必填欄位，就可以了。

2. 相關匯入表格的資訊，也能參考 MailChimp 官方說明。

如何把信箱匯入到 MailChimp？

在一樣的介面，前往 All contacts > Add contacts > Import contacts（匯入聯絡人）。

選擇匯入方式，這邊示範用 Upload File。

然後，把訂閱者的資料上傳到 MailChimp（匯入格式＆檔案型式，上面有提到）。

接下來，只是問說匯入後的訂閱者要讓它屬於哪種狀態，就用預設 Subscribed（訂閱狀態）就可以了，前往下一步。

接著可以設定訂閱者標籤，方便未來做分類寄信，如果不想設定就保持空白也可以，然後點選下一步。

這邊可選擇需匯入的欄位，把要的打勾不要的就取消勾選即可，確認後就進行匯入啦！

最後再確認一下 Audience > All contacts，應該就會看到剛導入的資料囉。

好囉，以上就是如何把信箱從 MailChimp 匯出＆匯入的教學。

---

5. 製作＋寄送行銷電子報

這章節，會帶大家使用 MailChimp 發送行銷信件，不論是 Blog 發佈了新文章、優惠訊息、新品上市等 ..，都能傳給你的訂閱者。

但記得不要變成騷擾信件唷，這樣對品牌是不會有加分效果的ＸＤ

首先，點擊 Create（筆的圖示）製作廣告活動。

點選 Email 製作電子報。

輸入行銷活動名稱，然後下一步。

這邊主要分為 To（收件者）、From（寄件者）、Subject（信件標題）、Content（信件內容）這幾個步驟，下面分別來做設定。

Step1：To（收件者）

因為 MailChimp 預設會寄給所有訂閱者，除非剛好是你的需求，否則會建議用分類設定要收信的對象。

在 To 的選項，點選 Edit Recipients（編輯收件人）。

在 Segment or Tag 設定你的收信對象，這裡我用 Tags 標籤方式進行示範。

因為剛有新增一個 New product（新品上市）的標籤，我就針對這標籤下的所有訂閱者，發送信件。

• All subscribers in audience：向所有的訂閱者發信。
• Group or new segment：可設定單個或多個條件，滿足條件就發信給他們。
• Tags：可針對某個標籤下的所有訂閱者，進行發信。
• Pre-built Segments：可對 New Subscribers 新訂閱者、Active Subscribers 有效訂閱者、Inactive Subscribers 無效訂閱者，進行發信。

Step2：From（寄件者）

由誰發送信件，點擊 Edit From 能編輯寄件者姓名，還有寄件者 Email。

Step3：Subject（設定信件主旨）

點選 Add Subject，可編輯信件標題。

可輸入 Subject（信件標題）＆ Preview Text （預覽文字），完成後點 Save 儲存。

有關 Subject ＆ Preview Text 分別顯示在哪個地方，可以參考下面的圖例。

Step4：Content（設定信件內容）

最後就是設計信件內容啦，點 Design Email。

選擇信件內容的編輯器，下面我先用 Classic Builder 經典編輯器示範。

選擇信件模板

這裡示範用 Layouts 方式，找到適合的模板（Sell Products），直接套用。

• Layouts：空佈局。
• Themes：有現成樣式的佈局。
• Saved templates：套用自訂的模板。如果你有一些已經設計的信件模板常用到，就能把它儲存起來，之後再到這個選項，就能直接套用。

設計 EDM 電子報內容

套用空模板之後，接下來就來更換模板內容囉。

下面我會用發送商品促銷的 EDM 示範，你可參考操作方式，設計各式各樣的電子報（不一定要跟我的一樣）。

首先來更換一下 Logo。

點擊文字進行更換，會出現文字編輯器，可調整字體大小、字型、樣式等 ..。

再來更換一下商品圖片、商品文字、按鈕連結等。

使用 MailChimp 區塊功能

MailChimp 有許多功能區塊可以用，可依照自己需求選擇，然後拖曳到左邊的視覺編輯器即可。

因為原來的模板，有些間距比較窄，我用 Divider 分割線調整一下。

可調整分割線間距，如果要透明的效果，就把 Border Top 設為 None 就可以了。

至於頁尾部分，風格模板預設文字的某部分，是屬於系統的動態文字，簡單來說系統會幫你帶入動態資料（可看自己是否有需要保留）。

接下來的電子報設計，就交給大家自行完成囉！製作完成後，就點 Continue 前往下一步。

Step5：發送測試信件

當上面的流程都完成後，就能寄送一下測試信件啦！來看一下是否是我們要的感覺。

點擊 Send a Test Email。

設定要收信的信箱，然後點 Send Test 發送。

前往收信的信箱，應該就會看到電子報順利出現啦！

小提醒：因為 Google 的信件分類機制越來越嚴格，如果沒有看到信件的話，可看有沒有被歸類在「 促銷內容 」的類別唷！

Step6：發送正式信件！

如果測試信件確認 OK，就可以發送正式信件啦，這樣你剛設定的訂閱者，就都會收到囉。

點選右上角的 Send，就能進行發送。

好囉，以上就是如何設計＋製作 EDM 電子報，並寄給你的訂閱者囉：）

---

6. 電子報數據分析

MailChimp 提供很完整的數據分析，像是開信率、連結點擊數量、點擊了哪個連結、基於時間的表現圖等 ..。

完整的數據分析功能，這也是為什麼 MailChimp 如此迷人的原因之一。

前往 Campaigns > Reports > View Report，查看分析報告。

進入後，就會看到數據分析列表啦，這裡面的功能很多，大家可以都點選玩玩看。

---

7. 使用 Tag 標籤，進行訂閱者分類

發送行銷信件給訂閱者之前，會建議把訂閱者加上 Tags 標籤，進行有條件的信件寄送。

新增 Tag 標籤分類

前往 Audience > Tags，點擊 Create Tag 建立標籤。

這裡我新增一個標籤（需用英文，中文不會過），是專門給想要收到我網站上最新文章的訂閱者們。

應該就會看到列表上，多了一個新的標籤。

指派標籤給訂閱者

接著，如果要把新標籤指派給訂閱者，要如何做呢？

首先，前往 Audience > All contacts，編輯訂閱者。

進入後，點選 Tags 並指派標籤，就搞定囉：）

這樣未來在發信時，就可以針對某標籤下的所有訂閱者發信，加快速度流程！

---

8. 設定自動回覆信件

如果每件事都要自己手動，未免也太麻煩了，這也是 MailChimp 為什麼會這麼多人愛用的原因。

因為它有多種預設情況，只要條件觸發就會自動發信給訂閱者，像是標籤觸發就寄信、新訂閱者的歡迎信件、生日祝福信件、Blog 有發佈新文章就寄信等 ..。

下面我用有新的訂閱者訂閱，就自動發送歡迎信件給他們，進行示範。

前往 Campaigns > All campaigns > Create Campaigns（建立廣告活動）。

選擇 Email 類型。

切換到 Automated 自動化信件，選擇 Welcome new subscribers（歡迎新訂閱者）。

輸入廣告活動的名稱。

接下來，會出現跟剛一樣的電子報設計流程，可依照需求調整。

下面是行銷信件的 Subject 標題 ＆ Preview Text 預覽文字設定。

接下來，就可以開始設計歡迎信件的內容啦，這剛上面有教學過，就不多提起。

都設定完成，就點 Start Sending，就能開始運作自動化信件囉：）

---

9. MailChimp＋WordPress 整合

學會了 MailChimp 如何操作之後，接下來就是把它跟 WordPress 網站，進行串接啦！

這樣訪客就能在你的官網上留下訂閱資訊，而這個訂閱者資料，也會傳送到你的 MailChimp 會員後台裡面。

Step1：生成＋複製訂閱表單的程式碼

首先，前往 Audience > Signup forms，找到 Embedded forms。

有多種表單樣式＋設定可使用，可依照你的需求調整即可，下面我用自己的設定跟大家分享。

選用 Classic（經典）樣式 > Include from title 關閉（因為 WordPress 那邊也能加入標題）> 選擇 Show only required fields（僅顯示必填字段）> Show required field indicators 關閉。

設定好了之後，就把程式碼複製起來，準備要貼到 WordPress 網站上溜！

Step2：將程式碼貼到 WordPress 網站

前往 WordPress 外觀 > 小工具，選擇自訂 HTML 工具，把剛複製的程式碼貼入。

WordPress 5.8 版本以後，進化為全站式小工具，可參考 WordPress 新版小工具 繼續學習，如果想還原到舊版小工具介面，可安裝 Classic Widgets 外掛處理。

下圖是用舊版小工具的介面，做為示範教學。

但因為原生的是英文介面，我這邊有更改一下程式碼，可參考下面修改（不更改也可以，但就是顯示英文）。

你可以複製下面程式碼中的關鍵字，並比對一下看哪邊有不同，修改一下應該就可以了（因為全部貼上來會太長，要麻煩大家自行比對ＱＱ）。

更改 1：我把這行給刪除了，因為是多餘的文字

<label for="mce-EMAIL">Email Address</label>


更改 2：我加上了 placeholder 站位符的文字

<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="請輸入您的電子信箱..">


更改 3：我把按鈕文字改為送出

<input type="submit" value="送出" name="subscribe" id="mc-embedded-subscribe" class="button">

好囉，最後來看一下嵌入後的結果。

---

10. 風格化的訂閱表單

MailChimp 預設的表單樣式比較單調一點，除非懂一點 HTML & CSS 會比較容易修改樣式，但通常懂程式碼的站長佔少數。

下面分享幾款 WordPress 外掛，除了能美化訂閱表單，也支援多種顯示效果，都能有效增加訂閱數量。

MC4WP: Mailchimp for WordPress

MailChimp 是全球知名的電子報行銷平台，擁有強大的電子報行銷功能，還有多種漂亮的 EDM 模板能套用，能幫你把訂閱者妥善的整理＋歸類。可參考 MailChimp 完整教學。

由於 MailChimp 使用者眾多，相關領域的開發者，當然不會放過這個好機會，於是有一款很棒的擴充外掛 Mailchimp for WordPress（MC4WP）就誕生啦！

完整教學，可參考 MC4WP 外掛教學，或是下面完整影片。

它能讓你簡單的在 WordPress 嵌入訂閱表單，並開始收集訪客信箱（還有一些附加功能）。

關於 MC4WP 外掛，可參考下面影片幫助你了解更多。

如果有電子報行銷相關需求，MailChimp＋MC4WP 的外掛組合，會是一個很棒的選擇！

Bloom

Bloom 是 Divi 開發的一款用來收集訪客 Email 的電子報註冊行銷軟體，目的是幫站長增加 Email List。

它與 WordPress 電子報行銷外掛 完美整合在一起，訪客可以通過使用 Bloom 設計出來的搜集表單，當訪客確認發送後數據會自動傳送到你連結的任一款電子報行銷外掛，簡單來說 Bloom 是一個行銷媒介。

Bloom 有提供多種優質設計的註冊模板，站長可直接套用，減少還需設計的時間。

至於如何呈現電子報註冊表單，也是頗重要的，Bloom 同樣提供多種顯示方法。

像是 Popup 彈出式、FlyOut 飛入式、Below Post 帖子下方、Inline 嵌入式、Locked Content 內容鎖定式、Widget 小工具等 ..，幾乎能滿足任何情況。

簡單來說，如果你是有在使用 Divi 的服務，有關電子報蒐集工具，就用 Bloom 準沒錯：）

當然還有很多 WordPress 頁面編輯器 或是 WordPress 外掛，都有跟 MailChimp 做整合（因為它真的非常有名）。

你都能看自己喜歡哪一款，安裝後進行樣式修改：）

---

11. MailChimp＋WooCommerce 整合

Mailchimp for WooCommerce 是 MailChimp 官方開發，一款與 WooCommerce 整合的電子報＋行銷外掛。

如果你是 架設電商網站，又剛好是 MailChimp 的使用者，那這款外掛應該會對你有幫助。

這邊列出幾個 Mailchimp for WooCommerce 功能。

• 在結帳流程新增是否訂閱電子報選項，並把訂閱者同步到 MailChimp。
• 可在 MailChimp 儀表板，查看行銷績效＆詳細數據。
• 設定行銷自動化，提醒顧客遺留在購物車的商品，吸引失去的顧客回籠。
• 將網站的顧客購買資訊，與 MailChimp 受眾資料同步。

如果你有相關需求，也能看這款外掛是否對你有幫助：）

---

常見問題

---

WordPress 學習資源

學習 WordPress 網站架設流程中，或許會遇到一些解決不了問題，你可以在下方留言給我，我會盡力協助解答。

或是給我一些鼓勵也可以，讓我更有動力提供學習資源給大家，我會非常感謝：）

我最近也開啟了 YouTube 頻道，裡面有些影片教學，你也能配上 Blog 一起學習，應該會來的更加順手（歡迎訂閱我＋開啟小鈴鐺，可收到第一手影片教學通知）。

當然，如果怕問題描述不清楚，也可以加入 WordPress 教學時光屋 – 犬哥網站 ，我同步也會在社團中幫忙解惑。

希望這些對你有所幫助，祝架站順利啦。