超方便的WordPress表單外掛-利用Caldera Forms將表單填寫內容轉為客製化PDF並自動回信WordPress, 架站外掛介紹 / 2021 年 5 月 9 日 你是否有這種困擾,當公司網站的表單被客戶填寫後,需要自己到資料庫後台找客戶資料並親自 Key 到制式化文件中,才能做出合約交給客戶? 這篇 Kevin 要跟大家分享一款超級方便的 WordPress 表單外掛:Caldera Forms,只要上傳一次公司制式化 PDF 模板,日後每當有客戶填寫表單,就能立即生出相對應的合約或文件,並且會自動寄信讓你能夠下載檔案喔! 內容目錄 Toggle Caldera Forms 介紹開始前需要安裝的外掛利用 Caldera Forms 設計表單教學第一步:開啟新表單第二步:設計表單第三步:計算功能第四步:表單計數功能利用 E2pdf 將表單轉為制式化 PDF 文件教學第一步:上傳中文字型第二步:上傳 PDF 模板第三步:將表單欄位資料拉入 pdf 模板第四步:儲存客製化PDF第五步:設定表單送出後要顯示的內容第六步:設定電子郵件自動回覆第七步:將表單放入網站結論你可能會想看 Caldera Forms 介紹 Caldera Forms 是免費而且強大的 WordPress 表單外掛,非常厲害的是它的視覺化編輯器,利用拖拉的方式就能輕鬆做出想要的響應式表單。 WordPress 有非常多製作表單的外掛,但是沒有一個像 Caldera Forms 一樣同時有邏輯運算功能、條件式表單、整合第三方 Email 自動化行銷平台以及連接雲端等功能,重點是使用完全免費! 無論是部落格新手,或是網頁表單開發技術人員,Caldera Forms 都是一個非常實用且方便的表單外掛。 延伸相關文章: ♠ 【WordPress 精選】 最好用的主題、Email行銷商及外掛推薦♠ 【ConvertKit 自動化電子報教學】-適合新手部落客的電郵行銷工具 開始前需要安裝的外掛 Caldera Forms 外掛 下載 Caldera Forms 外掛 E2pdf 外掛 能夠串接 Caldera Forms 表單,可自行上傳制式化 PDF 模板並利用拖拉式將 Caldera Forms 表單中的資料拉入 PDF 相對應位置。 下載 E2pdf 外掛 利用 Caldera Forms 設計表單教學 第一步:開啟新表單 點擊 Caldera Forms ➞ Forms。 點擊 New Form 會出現表單模板,可以直接使用模板或是選擇 Blank Form 生成空白表單,並為表單命名。 第二步:設計表單 點擊 ‹› 可以左右分欄,點擊 ⊕ 新增下方欄位,點擊 – 可以將兩個欄位合二為一。 拉入 Add Field 到設計好的欄位,就可以開始選擇欄位性質。 Caldera Forms 的欄位性質非常豐富,可以自行探索一下。 決定欄位性質後,請自行命名 Slug,後面會用到這個名字當作短代碼塞到 PDF 中。 第三步:計算功能 如果你的表格想要有自動計算功能,Calder Forms 也有一個欄位性質叫 Number。 下方 Manual Formula 可以輸入公式,利用前面提到的 slug 名稱就可以進行不同欄位間的計算囉! 第四步:表單計數功能 如果你希望表單會有數字累計,比如訂單編號,美新增一單數字都會自動+1,可以到 Processors ➞ Add Processor ➞ Increment Start,定義訂單編號要從多少開始。 利用 E2pdf 將表單轉為制式化 PDF 文件教學 第一步:上傳中文字型 因為 E2pdf 外掛內建字體是英文的字體,打中文會產生亂碼,所以要自行去下載 Microsoft JhengHei 字體,或是其他可以相容英文和中文字的字體。 點擊 E2pdf ➞ Fonts ➞ Upload 上傳字體。 第二步:上傳 PDF 模板 點擊 E2pdf ➞ Templates ➞ Add new 上傳 PDF 模板。 更改 Status 為 Activate;字體設為 Microsoft JhengHei;表單選擇前面製作好的表單,並按下 Upload PDF 將自己的 PDF 模板上傳。 第三步:將表單欄位資料拉入 pdf 模板 簡單的一行字拉 Input 即可,若是文字方塊需要換行的就拉 Textarea。 點選滑鼠右鍵 ➞ Map Field 選擇要放入相對應位置的資料,系統就會自動將短代碼放入。 第四步:儲存客製化PDF 右上角 Save 會自動生成短代碼,分別為附件、下載、儲存、顯示、壓縮檔,先按下 Update 儲存做好的客製化 PDF。 第五步:設定表單送出後要顯示的內容 回到 Caldera Forms ➞ Form Settings,設定表單送出後成功訊息。 第六步:設定電子郵件自動回覆 回到 Caldera Forms ➞ Email,當表單填寫完送出後,可以設定:1. 信件會從哪裡寄出(From Email) 2. 會寄給誰(Email Recipients) 3. 信件內容是什麼(Email Message) 第七步:將表單放入網站 在 Elementor 搜尋 Caldera Form,選擇做好的表單,拉到適當的位置就完成囉! 延伸相關文章: ♠ 【ConvertKit 自動化電子報教學】-適合新手部落客的電郵行銷工具♠ 【全方位電郵行銷工具】- GetResponse 電子報自動化流程教學 結論 在使用過那麼多的表單外掛後,Kevin 真心覺得 Caldera Forms 的整合功能非常強大,客製化程度也很高。 本篇介紹的自動生成 PDF 利用了 Caldera Forms 的短代碼功能,如果有電郵行銷需求,它也可以整合第三方 Email 行銷平台將資料自動同步匯入。 如果這篇文章對你有幫助,可以幫我按 Like 當作回饋,支持我繼續寫出更多好文章! 更多網路斜槓相關文章 【電商平台創業】7種利用Shopify電商平台創業賺錢的方式 經營部落格獲得的成長-分享半年來經營部落格的心路歷程【網路賺錢】7 種利用 Canva 設計平台增加被動收入的方式【網路接案】最詳細的Fiverr接案教學-成為自由工作者賺取美金【網路創業】5分鐘學會如何用Placeit設計平台設計T-shirt販售【網路賺錢】沒有自己的電子書也能賺錢?販賣轉售電子書創造被動收入 電郵行銷工具教學 最適合新手:【如何使用 MailerLite 製作電子報】 部落客專用:【ConvertKit 自動化電子報教學】 最全方位:【全方位電郵行銷工具 GetResponse 教學】 網路行銷私藏工具 Kevin 私藏網路行銷工具 選擇好的網路行銷工具,能夠讓你事半功倍。這裡有 Kevin 私藏的網路行銷工具,想要學習網路行銷一定不能錯過。 Kevin 私藏網路行銷工具 更多網路行銷工具請看:Kevin 私藏網路行銷工具歡迎按讚我的粉絲專頁,會有最新文章、Email 行銷知識、網路行銷工具優惠、網路學習資源的訊息。如果我的文章對你有幫助,歡迎贊助我一杯咖啡! 若你為海外讀者,也歡迎使用 Paypal 贊助喔! 你可能會想看 【電商平台創業】7種利用Shopify電商平台創業賺錢的方式 經營部落格獲得的成長-分享半年來經營部落格的心路歷程【網路賺錢】7 種利用 Canva 設計平台增加被動收入的方式【網路接案】最詳細的Fiverr接案教學-成為自由工作者賺取美金【網路創業】5分鐘學會如何用Placeit設計平台設計T-shirt販售【網路賺錢】沒有自己的電子書也能賺錢?販賣轉售電子書創造被動收入