如何將MailerLite和Elementor聯絡表單串接，自動收集客戶名單資訊

透過製作表單放於網頁中，可以蒐集用戶名單。但是每天有成千上萬封 Email 寄到自己信箱，還要自己找哪封信是從表單來的，不禁令人思考，是否可以製作一種表單，只要有人填寫就會自動將他的用戶資料收錄在系統中，不用每封信自己去找出來看。

MailerLite 電郵行銷工具正式為此而生的，這篇文章中 Kevin 會一步步教你如何將 MailerLite 與 Elementor 聯絡表單串接，輕鬆打造出一套”自動儲存聯絡用戶資訊電郵行銷系統“。

Kevin 推薦 MailerLite 原因：

介面人性化、適合新手學習
唯一提供免費自動化電郵行銷的行銷供應商
有 7/24 線上客服人員可以諮詢
使用我的連結註冊即可享 30 天免費 Pro 版試用

內容目錄

Email 電郵行銷的好處

上圖為Kevin的部落格文章訂閱表單，你一定在許多部落客的網站中看到這一類型的表單，當你認為某個網站的文章能夠帶給你價值，希望未來有新的文章時能夠取得第一手資訊，這時你就會輸入個人資訊並提交。

以下是使用 Email 電子報的好處：

♦ 提升品牌形象，讓客戶記得你
♦ 引導客戶回流，增加網站流量
♦ 提高轉換率，將流失的客戶抓回來
♦ 取得客戶信任，進一步銷售新產品

主流電郵服務商比較

就價格而言：Mailchimp在同樣的價位能存取的訂閱者會比較多。
就使用者體驗而言：MailerLite真的人性化許多。

MailerLite 整體介面很乾淨(如下圖)，要表格就按 form，要製作電子報就按 campaign，要自動化就到 automatic，非常直覺化！因此很推薦新手使用。

Elementor 聯絡表單也能搭配 MailerLite 蒐集名單

透過 MailerLite 建立的訂閱表單可以快速地建立自動化寄信流程，一般的部落客可以直接使用MailerLite製作訂閱電子報表單，用以蒐集客戶名單及建立自動化電子信件發送系統。

但如果今天你不是做訂閱表單而是聯絡表單(多一個要寫留言的區域)，這類表單通常是要談合作或是有問題要詢問你的人會去填寫的。假如你用 Elementor 內建表單功能拉出了一個聯絡表單，並且希望能將填寫表單的人蒐集成一組名單，你可以怎麼做呢？

很棒的是，Elementor 有支援 MailerLite ，只要將 Elementor 聯絡表單串接 MailerLite，你就能將填寫過聯絡表單的人都拉進自己的名單囉！

因此，這篇文章要教你如何將 Elementor 聯絡表單跟 MailerLite 做整合。

串接過程中你會需要

♦ MailerLite帳號
♦ Elementor Pro (免費版無表單功能)

如何將 MailerLite 和 Elementor 聯絡表單串接

Step 1：取得整合API碼

登陸 MailerLite 後台，點選右上方自己的帳戶出現下拉式選項，點選 Integrate，進入後選擇 Developer API 查看你的整合API碼。

這裡你就能看見自己的 API 碼，請將 API 碼複製下來，後面會需要用到。

Step 2：整合 Elementor

複製你的 MailerLite 整合 API 碼後，接著回到 WordPress 後台，前往 Elementor 設定處進行整合。

往下拉會看見 MailerLite 的部分，將剛剛複製好的 API 碼貼入並儲存。

Step 3：利用 Elementor 創建表單(Form)

接下來這個步驟中，Elementor 的表單需要升級才能使用，如果還沒有 Elementor Pro 的話是不能使用的。

拉出表單後，選擇 Action After Submit (寄出後的動作)，這裡你可以設定當別人按下寄出後，你希望這封信會寄到哪裡。通常會先選擇寄到自己的 Email 信箱，如果你要整合 MailerLite，可以在後方加入 MailerLite 的選項。

Step 4：選擇要記錄客戶資訊的表單

選擇你要在 MailerLite 紀錄客戶名單的表單，如果你還沒有任何表單，可以到 MailerLite 自己新建一個表單(表單建立教學請看到這篇)。

下方是你希望記錄到 MailerLite 表單的資訊，這邊可以依據自己想要蒐集的資料去做設定，比如 Elementor 表單的 Email 欄位要記錄到 MailerLite 表單的 Email 欄位、Elementor 表單的名字欄位要記錄到 MailerLite 表單的名字欄位，以此類推。