表單樣式
自動表單產生器讓您可以完全控製表單樣式。搭配您的品牌顏色，使用您的字體，調整間距，並設計出看起來像是您網站自然組成部分的表單。
為什麼表單樣式很重要
您的網站有自己的品牌，您的表單也應該反映這一點。
當表單的外觀與網站其他部分不符時，訪客會猶豫不決。他們會懷疑自己是否還在同一個網站上。這種猶豫會降低轉換率。
設計精美的表單也能體現專業性。一份完善的表單會告訴訪客您注重細節—如果您重視表單設計，那麼您很可能也重視他們的資料。
表單樣式的工作原理
自動表單產生器在表單產生器介面中內建了視覺化樣式編輯器。
- 選擇要搭配的款式您可以從表單容器、欄位標籤、輸入欄位、按鈕或錯誤訊息中進行選擇。
- 調整設定使用顏色選擇器、滑桿和下拉式選單來變更數值。無需學習或記憶任何 CSS 語法。
- 立即預覽所有變更都會立即顯示在即時預覽中。發布前，您可以準確地查看表單的最終效果。
- 儲存為預設值自動將樣式套用到新表單。一次創建，處處復用。
您可以自訂的內容
顏色
掌控表單中的所有顏色。設定表單容器和各個欄位的背景色。設定標籤、佔位符和輸入文字的文字顏色。設定預設、對焦和錯誤狀態的邊框顏色。設定按鈕的背景色、文字顏色和懸停效果顏色。
活版印刷
選擇標籤和輸入框的字體。可以獨立調整字體大小－標籤字體越大，強調訊息越醒目；輔助文字字體越小，提示訊息越次要。也可以控製字體粗細，標籤字體加粗，輸入文字字體減細。
間距和佈局
設定字段間距，留出足夠的空間。調整欄位內部的內邊距，方便舒適地輸入文字。控製表單周圍的邊距，使其完美地融入頁面佈局。
邊界和角落
定義邊框寬度、樣式和顏色。圓角設計更顯現代感，銳角設計更簡約。為表單的不同狀態套用不同的邊框樣式－預設使用低調邊框，對焦時使用醒目邊框。
鈕扣
設計符合品牌形象的提交按鈕。可自訂背景顏色、文字顏色、邊框圓角、內邊距、字體大小和字體粗細。自訂懸停和啟動狀態，使按鈕響應靈敏且易於點擊。
窗體容器
設定表單容器的整體樣式。加入背景顏色或保持透明。應用陰影效果以增加層次感。設定圓角邊框半徑，使表單容器呈現圓角效果。控制最大寬度，防止表單拉伸過寬。
常見表單樣式場景
符合品牌指南
貴公司有特定的顏色－主色為 #0F2D5F，強調色為 #F59E0B。請在樣式編輯器中輸入這些值。表單按鈕使用強調色，表單標籤使用主色。完美保持一致的品牌形象。
建立高對比表單
網站背景較深？那就建立醒目的淺色表單。背景較淺？那就使用有邊框和柔和陰影的表單，既能界定表單區域，又不會喧賓奪主。
極簡主義設計
移除邊框，減少間距，使用透明背景。建立與頁面融為一體的表單，而不是將其置於一個單獨的方框中。
建立醒目的行動號召表單
大按鈕、醒目的顏色、充足的留白。為最重要的潛在客戶開發頁面建立引人注目的表單。
適用於任何主題的表單
自動表單產生器相容於所有 WordPress 主題。您所建立的表單樣式能夠適應任何設計風格。
無論您使用 Woodmart、Astra、GeneratePress、Divi 或其他任何主題，您的表單都將呈現原生外觀。樣式編輯器提供足夠的控制選項，讓您輕鬆搭配任何設計系統。
沒有主題衝突，沒有樣式繼承問題，表單外觀完全符合您的預期。
無需 CSS
您無需編寫自訂 CSS 來設定表單樣式。可視化編輯器會自動處理一切。
但如果您需要 CSS 控制，自動表單產生器支援每個表單自訂 CSS。您可以為特殊情況新增覆蓋，或套用視覺化編輯器中不可用的進階樣式。高級用戶可以獲得所需的靈活性。
