內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – MailChimp WordPress 電子報 製作 – WordPress 必學行銷工具 ，記得在2000年以前，每個月都會在家裡收到一本商品型錄，裡面從家電到文具用品應有盡有，如果有喜歡的商品只要填寫訂購單完成匯款寄回商家，就能在幾個星期內收到商品，這樣的交易方式在當時稱做郵購，為的就是主動宣傳自己的產品，並且讓消費者不必出門就能購買想要的商品。跟現在網購盛行，電子商店林立的狀況對比起來，那樣的行銷方式顯得沒有效率，但對於有心經營網站的人來說，一定能看到其中的玄機，就是”主動”這個重要的行銷概念。
網路行銷的工具有很多種，可以透過購買搜尋引擎關鍵詞廣告、社群媒體宣傳、SEO網站優化等等，但電子報行銷，常常會被許多人所忽略掉。作為電商經營者，可以購買廣告後就坐等顧客上門，當然也可以主動透過電子報的方式去宣傳自己網站的各種優惠活動或者最新商品特色，而今天要介紹的WordPress 外掛，就是在網站中提供使用者訂閱網站最新消息的方法，搭配MailChimp 大猩猩這個集管理、統計、製作、發送功能於一身的電子報平台(相關MailChimp平台教學請參考：MailChimp 教學中文 訂閱電子報行銷工具 WordPress必學知識)，主動發送最新資訊給訂閱網站的使用者。不要小看電子報的效果，如果每天以至於每週都能夠透過電子郵件發送網站相關的訊息給消費者，對於網站曝光度以及消費意願一定會有不錯的提升。設定的步驟相當簡單，按照著教學步驟相信很快就會上手，接下來就開始了解如何為網站增加訂閱電子報的功能吧！
(小提醒：鵠學苑的所有教學均是以Apple Mac OS X系統 做步驟示範！)
MailChimp申請網址
https://mailchimp.com/
MailChimp for WordPress下載點
https://wordpress.org/plugins/mailchimp-for-wp/
第一步：在進入到MailChimp首頁，點擊中央的Sign Up Free按鈕，開始註冊申請帳號，註冊表格如圖二，第一欄要輸入真實的電子信箱，因為在註冊完畢後會需要到信箱點選帳號啟用連結，所以要確定電子信箱是可用的;第二欄輸入登入帳號，第三欄的密碼比較特別，密碼結構中一定要包含大寫英文、特殊符號(比如＠)以及數字，而且最少要八位數的長度，如果沒有含以上任何一個，將會無法註冊。
第二步：筆者在這裡帳號是直接輸入電子信箱，方便記憶，輸入完成後點選Get Started。
第三步：在電子信箱中會收到如下圖的郵件畫面，點選中間啟用按鈕即可。
第四步：MailChimp對於帳號的申請比較嚴謹，需要通過Google reCAPTCHA我不是機器人的驗證才可以繼續下一個步驟，由此可見這個電子報平台是有一定的水準。
第五步：輸入想要顯示的名字。
第六步：第一欄可以輸入公司名稱或者是網站名稱，第二欄是公司官網的網址，如果還沒有網站或網站建構中，可以留空待日後修改。
第七步：公司詳細的地址，建議在可以編輯的欄位都輸入中文，因為在使用者註冊時會收到所註冊網站的詳細訊息，因此顯示中文地址會比較恰當。
第八步：這裡是詢問網站是否有具有在網路上販賣商品的功能，包含實體商品、課程、軟體下載等等都算，如果有的話MailChimp會開啟在電商平台發送電子郵件給客戶的功能。第二張圖是社交媒體的設定，這裡如果有連動FaceBook粉絲團帳號或Twitter，在發送電子報給使用者時就可以選擇是否一併在FaceBook或Twitter上面發布電子報內容，可以說相當方便。
第九步：註冊完成後就會進入到如下圖MailChimp的操作面板，因為還沒有使用者訂閱，也還沒建立電子報表格，因此暫時會顯示沒有資訊。
第一步：API KEY是很多同學常常會詢問到底要在哪裡查詢，因此特別在教學做介紹，任何一個畫面都點擊右上角的登入者資訊，可以在下拉式選單中找到Account的選項，點擊進入。
第二步：在進入畫面中找到Extras的選項，下拉式選單中可以找到API KEY，同樣點擊此選項。
第三步：在MailChimp中的API KEY跟我們一般在Google中申請的不同，是需要自行創建的，點擊圖中紅色方框中按鈕Create A Key。
第四步：如下圖所示在畫面下方就會顯示MailChimp API KEY，這組API KEY也可以轉換成QR Code的形式，如果說有為網站開發APP應用時就可以使用，也可以在Status上點擊這組API KEY是否要啟用。
第一步：進入到WordPress後台在外掛的選項點選安裝外掛，搜尋MailChimp for WordPress，外掛圖示是一隻小豬加紅底，且超過一百萬下載，安裝方式請參考：WordPress 教學 基礎介紹六（外掛）。
第二步：在側邊工具可以直接找到MailChimp for WP的選項點擊進去設定外掛的頁面。
第三步：在設定頁面中API KEY的欄位輸入我們剛剛在MailChimp中所申請API KEY，點擊儲存變更。
第三步：如果帳號跟外掛連接成功在Status(狀態)的地方會變為綠色。而在MailChimp中所建立的Lists(訂閱者分組列表)會顯示在最下方。
第四步：接下來在MailChimp for WP的選項列表中第二個Form的選項可以新增要顯示在網站上提供給使用者註冊的表格內容，自定義表格的名稱，並點擊要使用MailChimp中哪一個列表作為提供內容。這裡所選擇的列表是當使用者訂閱是要歸類在哪一個群組，在MailChimp中可以創建設定。
第五步：在List fields(列表選項字段)這裡可以選擇要在表格中產生哪些選項給使用者訂閱時填寫。點擊圖中橘色的核取方塊就可以加入該選項的字段到表格中，這裡可以選擇的字段也是必須要在MailChimp後台管理中預先設定好，如何設定另外一篇專門做MailChimp後台操作教學中會提到。接下來在Form code的欄位中可以使用HTML屬性增加圖片，或者使用CSS更改顏色、大小、間距等樣式，在Form code的右邊就是修改完後的預覽畫面，如果說本身對程式語言沒有一定的了解，建議使用預設值就好，如果想要明白如何修改，可以來信給鵠學苑做網站諮詢。
第六步：在第二個Messages的頁籤中可以修改所有訂閱操作會顯示的文字，比如說訂閱成功、訂閱失敗、必填欄位沒有填寫、電子郵件無效、未通過我不是機器人驗證等等，都可以在這裡將文字置換成想顯示給使用者的內容。
第七步：在第三個設定的頁籤中有一些進階設定的選項，以下一一解釋：
1.Lists this form subscribes to ：選擇在本網站中點擊訂閱的使用者歸類的列表群組，如果說只有一個網站就使用預設的即可，所謂的預設就是在MailChimp所申請的列表名稱，如果說沒有新建其他的列表，在新增MailChimp帳號的時候就只會有一個預設的列表，像圖片中鵠崙設計(鵠學苑)這個選項就是預設的MailChimp列表。
2.Use double opt-in? ：這裡是選擇當使用者點擊訂閱電子報時，是否要再傳送一封再確認訂閱的電子郵件給使用者，如果要說筆者給同學的建議，選擇”是”對於使用者網站體驗會比較好，一種是點擊訂閱後會再次跟使用者確認是否要訂閱，如果不要訂閱也提供取消訂閱的連結，並且可以請使用者填寫取消訂閱的原因 ; 另外一種是點擊訂閱後直接告訴使用者訂閱成功，然後就沒有下文了，這樣對於一些誤按或想改變主意的使用者來說是相當不方便的，畢竟強摘的瓜不甜，強迫訂閱並不會得到多好的內容廣告效果，不如提供給使用者自由選擇的方式，如此對網站品牌形象也較有加分效果。
3.Update existing subscribers? ：如果選擇”是”，就會在使用者訂閱後直接更新MailChimp後台中的訂閱者列表，因此建議勾選”是”，圖片中顯示點選否是因為MailChimp的帳號是做文章教學用，因此點選那一個選項都沒有差別。
4.Hide form after a successful sign-up：當成功訂閱後是否要隱藏網頁上的訂閱表單，這個選項就由個人決定了，如果說有設定在訂閱成功後會跳轉到感謝訂閱的頁面，那麼點是或否沒有任何差異，但另一種情況想讓使用者在訂閱後看到表單消失以確定自己訂閱成功，那麼就可以點選”是”，總歸來說，當使用者訂閱成功後有三種方式可以選擇，第一是在表格下方顯示已訂閱成功的文字，第二種是隱藏訂閱表格，第三種是跳轉到感謝訂閱頁面，三種方式端看站長本身的需求，但以筆者的建議，選擇第三種方式會比較好，因為可以在感謝的頁面中增加其他跟公司有關的其他資訊，比如電子信箱、聯絡電話、地址等等，但要注意的是跳轉的頁面要有明確的關閉頁面按鈕或者繼續導向網站其他位置的連結，一定要放置在顯眼之處，不要讓使用者看著感謝頁面無所適從不知道要如何離開，那是非常扣分的行為。
5.Redirect to URL after successful sign-ups：使用者訂閱完成後跳轉頁面的網頁網址，可以自行填入。
第八步：Appearance這個選項是決定表格在網站中所呈現的樣式，為了跟網站其他元素形式有所契合，建選擇跟網站所使用的佈景主題一樣的樣式即可，像鵠學苑使用Salient作為主題使用，就選擇Salient作為訂閱電子報表格的來源，當然也有其他選項可以設定，點擊紅色方框中的欄位會有下拉式選單可供選擇，站長可以自行決定。
第九步：Integrations指的是如果網站中有安裝其他可以製作電子報表格的WordPress 外掛，可以在這裡選擇，為外掛做MailChimp帳號的連動以及設定，也就是説假設筆者點擊Contact Form 7，就會進入到跟第七步一樣的畫面，針對Contact Form 7做一樣的選項設定。
第十步：這裡是當外掛或MailChimp發送電子報以及使用者訂閱電子報的過程中有出錯時，在這裡會有所紀錄，而在Logging這個選項如果在下拉清單中選擇all，有使用者訂閱電子報時也會被記錄在下方的網站日誌中(黑底部分)，也就是説當網站後台有通知時，再查看即可。
第十一步：筆者將電子報訂閱表格設定在文章頁面的側邊欄，如下圖所示，特別提醒的是電子報跟連絡表單是不一樣的概念，一種是使用者提供電子郵件，由站長不定期發送相關訊息，而聯絡表單是請使用者留下聯繫方式，站長透過電話或電子郵件與使用者做協商，因此電子報的表單力求簡單明嘹即可，不需要弄出太多的選項，讓使用者只是想訂閱電子報卻要填寫一堆不必要的資訊，如此反而會降低使用者訂閱的意願。
第十二步：下圖是當使用者訂閱成功時會收到電子信箱確認信，內容包含詳細解釋郵件來源，並讓使用者再次確認訂閱，對於使用者體驗是行銷心裡學中重要的一部分。
MailChimp for WordPress這個外掛必須要搭配MailChimp註冊帳號一起使用，效果才能夠得以體驗，外掛本身只是提供在WordPress後台中將MailChimp顯示在網站內，以及基本的電子報訂閱表格樣式設定，而在統計、管理訂閱電子報使用者狀態以及發送電子報使用者信箱，依然是要回到MailChimp平台去操作，也許對於網站管理者來說這樣的模式會有點麻煩，但實際上MailChimp for WordPress這個外掛在安裝完畢，設定連動MailChimp帳號，插入表格及決定樣式這三個步驟完成之後，可能偶而會有使用者訂閱失敗的提醒需要處理，基本上就可以放著不用理會，其他的部分只要回到MailChimp網頁後台去做操作即可。如果説所安裝的電子報外掛也具有管理使用者訂閱及發送電子報的功能，反而容易讓網站管理員在操作上會混淆方式，當出現問題時也還是要回到MailChimp網頁後台去做處理，不如就統一在MailChimp網頁後台實施所有的操作，如此也比較不容易出現錯誤，簡單的外掛對於網站的負擔也不會太重，不容易導致網站速度拖慢等問題，因此雖然MailChimp for WordPress對於電子報的操作並不全面，但也是有它可取之處的。今天的教學到這裡告一段落了，不要忘記持續關注鵠學苑的最新文章，想學習超詳細的WordPress攻略嗎？？來 鵠學院 就對了！我們下次的教學見～
如何使用 Elementor 建立 WooCommerce 單一商品頁？圖文步驟教學
Elementor 選單小工具 – 客製化 Menu Widget 功能與樣式操作教學
Site Kit For WordPress – 網站後台顯示 Google 分析數據外掛教學