多數人心裡都還留著一個畫面:一份合約寄到信箱,你把它印出來、在最後一頁的空格簽上名,再翻出好久沒開機的掃描器掃成 PDF,寄回去。一來一回,兩個工作天就沒了。其實這道流程早就不必存在。只要在你的 WordPress 網站表單裡放一格簽名欄位,對方就能用手指、滑鼠或觸控筆直接在網頁的方框裡畫出簽名,按下送出,你這邊立刻收到一張帶著手寫筆跡的圖片,免印、免掃、免等。
所謂 WordPress 電子簽名表單(WordPress electronic signature form),指的就是這種「把手寫簽名做成表單裡的一個欄位」的做法。它不是什麼獨立的簽署系統,而是你原本就在用的聯絡表單、報名表、同意書,多長出一塊能簽名的畫布。聽起來簡單,真要動手卻常卡在三件事:這個欄位怎麼加、簽好的名字檔案存去哪裡、以及最讓人不安的,就是這樣簽的名,法律上到底算不算數。這篇就照這個順序,一關一關把它講清楚。
WordPress 本身沒有簽名欄位,得靠外掛才能加
這裡得先破除一個常見誤會。WordPress 本身沒有「手寫簽名」這種欄位。無論是文章底下的核心留言功能,還是多數陽春的聯絡表單外掛,你能放的欄位不外乎單行文字、下拉選單、核取方塊這幾種,就是沒有一格能讓人畫圖的畫布。手寫簽名這件事,一定得靠表單建置器外掛額外提供的「簽名欄位」才做得到。
這種簽名欄位的原理其實很直觀。外掛會在表單裡放一塊空白畫布(簽名板),使用者在上面移動滑鼠、觸控筆或手指畫出自己的簽名,系統把這段手寫軌跡即時記錄下來,等到表單送出時,再把整段筆跡轉存成一張圖片檔。也就是說,你最後收到的簽名,本質上是一張圖,而不是一串文字。多套外掛的官方教學描述的都是同一套機制,差別只在畫布的外觀設定和圖片存放的位置。
這裡也順帶分清楚三種容易被混為一談的做法。第一種是本篇的主角,在表單畫布上手寫;第二種是直接打字輸入姓名,讓系統用一種手寫體字型把名字顯示出來;第三種則是上傳一張你事先簽好、拍照或掃描的簽名圖片。三種在廣義上都算電子簽名的呈現方式,但用途不太一樣:打字最快、最適合大量同意書,上傳照片多用在需要沿用固定簽名樣式的場合,而手寫畫布因為每次筆跡都是當下畫的,最常被拿來做合約與同意書這類需要「當場確認意願」的文件。Forminator 這類外掛甚至讓「手繪」和「上傳既有簽名圖」兩種模式並存,讓使用者自己選。接下來的重點,就放在最常用的手寫畫布這一種。

已經在用哪套表單外掛?三條路徑各自怎麼加簽名欄位
加簽名欄位這件事,沒有標準答案,因為它高度取決於你現在手上是哪套表單外掛。與其叫你為了一格簽名把整套表單打掉重換,不如先認清一個取捨原則。多數表單外掛的簽名欄位屬於進階或付費功能,只有少數在免費版就內建。所以動手之前,先弄清楚自己在用哪一套、要不要額外升級,比較不會白花時間或白花錢。
下面把常見情況分成三條路徑。你只要對號入座,看自己屬於哪一條,照著那一段做就好。
路徑一:Contact Form 7 使用者,裝免費附加元件就能加簽名欄
如果你用的是 Contact Form 7,好消息是加簽名這件事幾乎不用花錢。Contact Form 7 本身很陽春,沒有拖拉式建置器,欄位全靠短代碼手動寫進表單裡。搭配一個免費的簽名附加元件之後,你就能在表單的程式碼裡插入一段類似 [signature] 的簽名欄位短代碼,把它擺進表單的任何位置。
[signature signature-001 440x220]Code language: plaintext (plaintext)
這個欄位一樣可以設成必填,讓對方沒簽名就送不出去;簽名板的大小、畫筆顏色、背景色也都能在短代碼或設定裡調整。有一個小地方要特別留意,新裝好的簽名框預設常常沒有邊框,畫面上看不出簽名區在哪裡,對方容易不知道要往哪簽。所以裝好之後,記得自己把簽名板的尺寸設出來(例如設成 444×222 像素這種明確大小),最好再補個邊框或背景色,讓簽名區一眼就看得見。至於簽好的圖片,這類 Contact Form 7 免費方案通常會把它存進網站的媒體庫,這一點在後面談「檔案存哪」時還會再回頭講到。
路徑二:Ninja Forms 使用者,免費版內建、拖拉即可用
Ninja Forms 走的是另一條路。它不需要你額外裝簽名外掛,而是從某個版本(3.13.0 之後)起,直接把簽名欄位收進了免費版的核心功能裡。換句話說,只要你的 Ninja Forms 更新到夠新的版本,打開拖拉式建置器,就能在欄位清單裡找到「簽名」這一項,直接把它拉進表單,完全不必加購付費模組。
它的簽名欄位同時支援兩種模式:一種是在畫布上手寫,另一種是直接打字,讓使用者自己挑習慣的方式。這給了你不少彈性。對桌機使用者,打字簽名往往比用滑鼠畫更順手;對平板、手機使用者,手寫反而更自然。
擺放位置上也有個值得參考的做法,就是把簽名欄位放在整張表單的最後、緊接在送出鍵之前。這麼一來,簽名就成了「確認送出前的最後一個動作」,使用者簽完名、手一移就是按送出,動線順、也符合一般人「看完內容才簽名」的直覺。做好之後,別忘了自己先送出一次測試,確認簽名有正常被記錄下來再上線。
路徑三:WPForms、Everest Forms 這類建置器,簽名欄位多半是付費進階功能
還有一種更常見的狀況:你用的是 WPForms、Everest Forms 這類主流的拖拉式表單外掛。它們功能齊全、介面好上手,但簽名欄位通常不在免費版裡,得升級付費方案才解鎖得了。以 WPForms 為例,簽名功能是一個獨立的 Signature 附加元件,要有 Pro 等級以上的授權才能安裝啟用;Everest Forms 則把簽名列為付費方案才有的進階欄位。
雖然名字各異,操作邏輯其實大同小異,都是同一套四步:先升級到含簽名功能的付費方案,再啟用簽名相關的附加元件或進階欄位,接著從欄位庫把簽名欄位拖進表單,最後設定必填、畫筆顏色這些細節。啟用之後,使用者一樣是用手指、觸控筆或滑鼠在畫布上簽名,跟前兩條路徑的體驗差不多。像 Everest Forms 這種還能搭配條件邏輯,依前一題的答案決定要不要顯示簽名欄,例如選了「我同意」才跳出簽名框。
這裡給你一個判斷角度。如果你本來就打算為了條件邏輯、多步驟表單這些進階功能升級付費版,那簽名欄位就當作順手一起解鎖的附加價值,不必為它另外糾結。但如果你要的其實只是一格簽名,別的進階功能都用不上,那就值得先回頭看看路徑一、路徑二能不能滿足需求。為了一個欄位去升級整套付費方案,未必划算。
簽好的名,要怎麼收到通知信、存去哪裡?
簽名畫完、表單送出之後,這份簽名的去向牽涉到你事後要怎麼調閱。前面已經鋪過答案,簽名一律會被轉存成一張圖片檔,掛在那一筆表單提交紀錄底下。
要事後檢視很簡單。多數表單外掛都有「提交紀錄」的後台頁面(有的叫 Entries、有的叫 Records),你進去點開某一筆送出的表單,就能直接看到當時那張簽名的縮圖,需要的話也能點下載,把原圖存起來。等於每一筆送出的資料,都附一張簽名證明,一目了然。
除了被動地進後台查,你也可以主動讓系統寄通知信。表單外掛通常允許你在通知信的內文裡,用一個對應簽名欄位的智慧標籤(Smart Tag)或圖片語法,把那張簽名圖直接嵌進信裡。這件事的用處在於,你可以同時寄一封給網站管理者、一封給提交者本人,兩邊都在自己的信箱裡留下一份「簽過的證明」。以 Contact Form 7 的免費方案為例,你可以在信件範本裡用 <img> 語法把簽名圖直接顯示出來,也可以只放檔案連結讓對方點開看,兩種寫法能並用。這樣一來,就算日後有人問「我到底簽了沒」,雙方翻出當初那封信就能對得上。
簽名檔案的存放風險與因應做法
前面一直說簽名會被存成圖片,這也帶出一個很少被提醒、卻該正視的問題,那張圖存放的位置安不安全。多數表單外掛預設會把簽名圖片存進網站的媒體庫,或某個公開的附件路徑。這種做法本身沒錯,但有個隱憂。放在公開路徑下的圖片,理論上有機會被搜尋引擎的爬蟲索引到。也就是說,如果完全不做任何設定,簽名圖檔的網址被外部撈到的風險,並不是零。對一般聯絡表單也許無所謂,但簽名往往牽涉個人身分,這條就值得多留心。
有兩個實務做法可以降低這個風險。
第一,看你的外掛有沒有提供更私密的儲存選項。有些簽名外掛就特別在這件事上下了功夫,JetFormBuilder 的簽名附加元件就是個具體例子,它除了「存進媒體庫並建立 WordPress 附件」這種預設方式之外,還提供「存進一個帶隨機雜湊(hash)名稱的資料夾、且不建立 WordPress 附件」的選項。這個雜湊資料夾對每個網站、每組使用者與表單都是獨一無二的,而且被設定成對 Google 索引關閉,圖片網址幾乎不可能被外部猜到或撈到,除非有人直接拿到那串連結。它甚至提供「表單送出失敗時自動刪掉已建立的檔案」,避免半途中斷的簽名殘留在伺服器上。如果你的簽名內容較敏感,優先選這類不建立公開附件、走隱藏路徑的儲存方式,會比預設安全得多。
第二,替簽名紀錄設一個保存期限,定期清理。簽名資料不是留越久越好,超過需要的期間就成了不必要的風險。你可以視業務需求,定期回後台檢視提交紀錄,把不再需要保留的簽名紀錄清掉,別讓這些帶著個人筆跡的圖片檔無限期地躺在網站上。做法上,就是把它當成一般敏感個資在管,該留的留、該刪的刪。
手寫簽名欄位,法律上真的算數嗎?
解決了存放與風險的疑慮,接下來要面對一個更根本的問題,也是全篇最容易被含糊帶過的一題。表單裡手寫畫出來的簽名,在法律上屬於《電子簽章法》所定義的「電子簽章」的一種呈現,但它跟法規裡效力更強的「數位簽章」不是同一件事,兩者的法律份量有明顯落差。
這兩個詞在《電子簽章法》裡有各自的定義,值得分開看。依第2條,「電子簽章」指的是依附於電子文件、並與其相關連,用來辨識及確認簽署人身分、資格與文件真偽的東西。範圍很廣,你在表單畫布上手寫的簽名就屬於這一類。而「數位簽章」是電子簽章底下更嚴格的一種,指的是用數學演算法把電子文件運算成一段數位資料、再以簽署人的私密金鑰加密,並且必須「具有憑證機構簽發之憑證」。關鍵差別就在這句話。數位簽章背後有一個經主管機關許可的憑證機構,替簽署人的身分做背書。
差別會直接反映在法律效力上。依第6條,用數位簽章簽署的電子文件,只要符合「使用經主管機關許可之憑證機構簽發之憑證」,且「憑證未逾有效期間及其使用範圍」等條件,就會被推定為本人親自簽名或蓋章。這個「推定本人親簽」的地位,等同紙本上的印鑑證明,效力最強。反觀你在一般表單裡手繪的簽名欄位,背後沒有憑證機構背書,享受不到這層推定效力。它的定位比較介於「有簽署意圖、留下同意紀錄」和「具推定效力的數位簽章」之間,實務上多半用來降低雙方的溝通成本、留下一份清楚的同意證據。

不過也有好消息。《電子簽章法》在2024年4月30日三讀通過,這是它自2002年施行以來、超過二十年來的首次大修,其中一項重點對日常文件特別友善。依修正後的第4條,電子文件與電子簽章在功能上等同於實體文件與簽章,不能只因為它是電子形式,就否認它的法律效力。這句話替「同意書、切結書」這類非高風險文件打了一劑強心針。你用表單簽名欄位收來的同意,不會因為「它只是網頁上畫的」就一概不算數。
所以務實的分寸是這樣:一般的同意書、切結書、內部確認單,用表單手寫簽名欄位留下同意紀錄,已經足夠。但如果是高金額、高風險的正式合約,光靠表單手寫簽名就不太保險了,這時候值得另外搭配能產生憑證的數位簽章服務,或乾脆回到紙本用印。把手寫簽名欄位當成日常溝通的省時工具,而不是所有文件的萬用解方,才是安全的用法。
合約確認、到府服務同意書、課程報名切結書,這三種場景怎麼放簽名欄位?
同樣一格簽名欄位,套進不同的文件情境,周邊該怎麼設計卻大不相同。技術是同一套,差別在欄位順序和使用場合的細節。這裡拿三種最常見的場景各講一遍。
合約確認型:這類文件最怕的爭議是「我根本沒看到條款」。所以設計上有一條鐵律,簽名欄位一定要放在完整條款文字之後、送出鍵之前,讓對方非得先滑過整段條款才走到簽名這一步。別把長長的條款折疊起來、或塞到另一個連結裡,寧可讓它完整攤在簽名框上方,順序就是「條款在前、簽名在中、送出在後」。
到府服務同意書:這種場景的特點是常常在客戶面前、當場用平板簽。既然是觸控簽名,欄位就要設計得好簽。簽名畫布拉大一點,讓手指或觸控筆有足夠空間;周邊的說明文字也放大級數,方便客戶在小螢幕上直接讀完再簽,不用瞇著眼放大縮小。現場簽署的體驗順不順,很大一部分取決於這些觸控細節。
課程報名切結書:這類文件常見於親子課、兒童課,內容多半涉及意外責任的歸屬,分量不輕。這裡建議在簽名欄位前面多加一個「我已閱讀並同意以上內容」的核取方塊,讓對方先勾選、再簽名,等於做了一道雙重確認。這麼設計是為了避免日後「只簽了名、其實沒真的看完」的爭議。勾選加上簽名兩個動作疊在一起,把「我確實看過並同意」這件事記錄得更完整。這也呼應簽名欄位設計的一條通則,就是把它清楚標示、放在使用者容易注意到的位置,並搭配足夠清楚的條款說明。
回頭看這三種場景會發現,簽名欄位本身沒變,變的是它前後的鋪陳:條款要不要在前、畫布要不要放大、要不要補一個勾選確認。把這幾個小地方對著文件性質調一下,同一個技術就能穩穩套用到不同的用途上。

先從你手上現有的表單外掛盤起吧。打開它,看看簽名欄位是免費就內建(像 Ninja Forms),還是裝個免費附加元件就能補上(像 Contact Form 7)。能用低成本解決,就先別急著升級付費方案;真的非升級不可,再回頭算算那些附帶的進階功能划不划算。至於法律這一關,記住那條分寸就好:日常的同意書、切結書,表單簽名欄位已經夠用;但碰到高金額或正式合約,別把它當萬用解方,該搭數位簽章或紙本用印時就別省。技術很好加,難的從來是替不同文件挑對用法。
