blogger-HTML-Mailchimp

如何在Blogger加入電子報MailChimp的註冊表單

雖然目前大多是用WordPress架站,不過同事的網站仍然是在Blogger,而且也已經累積了可觀的流量,所以並不考慮搬家。所以在這樣的情形下,仍然會遇到需要知道如何在Blogger上加功能的時候,例如這次是講怎麼加入MailChimp的表單。

一開始先直接Google”Blogger+MailChimp”,竟然找不到什麼答案。最後試了一下發現MailChimp本身就提供這個功能了,只是貼上HTML Code而已,非常簡單,難怪找不到文章XD 所以還是決定來記錄一下,讓有相同疑問的人可以有解答。

 

事前準備:

已註冊MailChimp的帳號
已在MailChimp建立訂閱名單的List

 

第一步:登入MailChimp,在List中找到要接受回應的表單。

  • 在Stats選擇Signup formsMailchimp-list-signup

 

第二步:選擇Embedded forms

mailchimp-Embedded-forms

 

第三步:設計表單內容

左邊是設定,右上是預覽,可以自行調整合適的參數跟想要呈現的內容。最後將產生的HTML碼複製即可。

mailchimp-Embedded-forms

 

第四步:將HTML碼貼回Blogger。

  • 新增小工具

blogger-HTML-Mailchimp

 

  • 選擇HTML/JavaScript

blogger-HTML-Mailchimp

  • 將第三步的程式碼貼上,儲存!

blogger-HTML-Mailchimp

第五步:完成!

blogger-HTML-Mailchimp

發表迴響