功能介紹

1. 簡單易用的界面

   • 拖放設計：通過Elementor的拖放界面，用戶可以輕鬆將WPForms Styler小工具添加到任何頁面或模板中。
   • 即時預覽：在Elementor編輯器中進行樣式調整時，實時預覽更改效果，確保最終結果滿意。

2. 樣式自定義選項

   • 表單容器：自定義表單容器的背景顏色、邊框、內邊距和外邊距。
   • 標籤樣式：設置標籤的字體、大小、顏色、間距等屬性。
   • 字段樣式：調整表單字段的背景顏色、邊框、字體、填充和間距等。
   • 按鈕樣式：自定義提交按鈕的顏色、字體、大小、邊框和懸停效果。
   • 錯誤信息和成功信息：設置表單驗證錯誤信息和提交成功信息的樣式，包括字體顏色和背景顏色。

3. 響應設計

   • 自適應設計：WPForms Styler設置的樣式在桌面、平板和手機設備上均能自適應顯示，確保在各種設備上的使用體驗一致。

4. 高級設置

   • 自定義CSS：高級用戶可以添加自定義CSS來進一步調整表單的外觀和功能。
   • 條件樣式：根據特定條件（如字段值）應用不同的樣式，提升用戶互動性。

5. 即時更新

   • 實時更新：在Elementor編輯器中即時應用和預覽樣式更改，無需刷新頁面。

如何在Elementor中使用WPForms Styler

1. 安裝並啟用WPForms插件

   • 在WordPress儀表板中導航到插件安裝頁面，搜索並安裝WPForms插件，然後啟用它。

2. 創建表單

   • 在WPForms插件中創建您需要的表單，保存並發布。

3. 在Elementor中添加WPForms Styler小工具

   • 在Elementor編輯器中，拖放WPForms Styler小工具到您想要顯示表單的頁面區域。
   • 從小工具的設置中選擇剛剛創建的表單。

4. 自定義表單樣式

   • 使用Elementor提供的樣式選項，自定義表單的外觀以匹配網站的整體設計。