我們改善了聯絡表單的送出體驗

我們最近升級了官網聯絡表單的送出流程。改善前，填完表單按下送出後，畫面會突然跳走，離開我們的網站幾秒鐘，然後才跳回來。這種體驗不太理想，尤其對第一次使用的訪客來說，可能會以為表單壞了。

什麼是 FormSubmit？

我們的官網是靜態網站，本身沒有後端伺服器來處理表單資料。FormSubmit 是一個免費的表單代收服務，它的作用就像一個「郵差」——訪客在網站上填好表單後，FormSubmit 會幫我們把內容整理好，直接寄到指定的信箱。不需要自己架設伺服器、不需要寫後端程式，只要在表單裡填上收件信箱就能用，對小型網站來說非常方便。

之前的問題是什麼？

原本表單送出的方式，就像你在瀏覽器裡點連結一樣——整個畫面會跳到另一個地方。送出的那一瞬間，畫面會先跳到 FormSubmit 的頁面，再跳回我們的感謝頁。

這次我們想加一個功能：讓表單送出後，除了寄到主要信箱，也同時寄一份副本到客服信箱。結果加完之後，表單送出直接停在 FormSubmit 的畫面，完全沒跳回來。

原因是 FormSubmit 的安全機制——當你新增收件人時，它會要求你先去信箱點「驗證啟用」。在驗證完成前，它不會自動把使用者導回你的網站。

我們怎麼解決的？

我們把表單的送出方式從「整頁跳轉」改成「背景送出」。

用比較白話的方式解釋：想像你在餐廳點餐，原本的做法是你走到櫃台、把單子交給店員、等他處理完再走回座位。改良後的做法是你按一下桌上的按鈕，單子就自動傳到廚房了，你完全不用離開座位。

改成背景送出後，使用者按下送出按鈕時：

1. 畫面不會跳走，按鈕會顯示「處理中…」
2. 資料在背景默默送到 FormSubmit
3. 送出成功後，自動跳到我們自己設計的感謝頁面

整個過程流暢到使用者根本不會察覺背後用的是第三方服務。

測試結果

改完之後我們馬上進行了實際測試。填寫表單按下送出，畫面順暢地跳到了我們自己的完成頁面，顯示「感謝你的來信！我們會在 3 個工作天內回覆你。」：

同時，信箱也立刻收到了 FormSubmit 轉發的通知信，裡面包含完整的表單內容——詢問類型、訊息內容、姓名、公司名稱，一目了然：

表單送出、頁面跳轉、信件通知，三個環節都確認運作正常。

這次改善帶來什麼好處？

• 不再跳轉離開網站：訪客從頭到尾都留在我們的網站上
• 送出回饋更即時：按鈕狀態變化讓人知道表單正在處理
• 未來調整更方便：之後要改收件人、加副本信箱，都不會再影響使用者的瀏覽體驗