tft每日頭條

 > 生活

 > form表單包括哪些控件

form表單包括哪些控件

生活 更新时间:2025-02-27 06:37:33

表單是一個外貿網站不可缺少的元素,它于用戶而言,是數據的錄入和提交的界面;于網站而言,是獲取用戶信息的途徑。

小鲸在這邊推薦一款表單插件—Fluent Form。

form表單包括哪些控件(Form來編輯和設置你的表單)1

Fluent Form是一款簡單易懂且極易上手的表單編輯插件,我們所要做的隻是将它安裝到我們的WordPress網站中,然後編輯表單樣式,再将該表單代碼放入網站頁面即可。

這一期,就給大家講講如何使用Fluent Form來編輯網站表單。

來到Plugins商城安裝并啟動“Fluent Form”插件

form表單包括哪些控件(Form來編輯和設置你的表單)2

1 ► 編輯表單

在後台的左側找到“Fluent Forms”,點擊“All Forms”,再點擊右側的“Add a New Form”來編輯表單;

form表單包括哪些控件(Form來編輯和設置你的表單)3

這下面會為你提供幾個官方的表單類型,可以根據個人喜好來選擇其中一款作為你的表單,也可以選擇點擊左側的新建空白表單來通過編輯屬于自己的表單;

form表單包括哪些控件(Form來編輯和設置你的表單)4

以空白表單為例,點擊創建表單後,我們就會來到一個表單自定義界面。

1、左側是表單預覽

2、右側的“Input Fields”是可以給表單添加的元素,從基本的姓名到自定義的HTML,可以說能用到的表單元素“Input Fields”裡基本都有。

3、左側下方的“Call To Action” 按鈕也可以根據個人喜好在右側的“Input Customization”中調整位置,内容和大小,“Input Customization”則是對在“Input Fields”中所選元素進行調整。

4、如果你用的是付費版,那還可以在表單中添加詢盤的付費第三方渠道。

我們所需要做的,便是點擊右側想要的表單元素,然後根據個人喜好來調整這些表單元素的内容。

form表單包括哪些控件(Form來編輯和設置你的表單)5

當把表單的内容編輯完成後,就可以在左上角編輯表單名稱以方便之後對表單進行分類,右上方則可以保存你現在的表單。

form表單包括哪些控件(Form來編輯和設置你的表單)6

2 ► 設置表單

把表單編輯完成保存後,回到“All Forms”,并找到剛剛做好的表單,點擊下方的“Settings”對其進行功能設置。

form表單包括哪些控件(Form來編輯和設置你的表單)7

左側的頁面裡可以對我們的表單功能進行編輯:

1、“Editor”:可以重新編輯表單内容

form表單包括哪些控件(Form來編輯和設置你的表單)8

2、“Settings & Intergrations”:可以自定義表單功能;

3、“Form Setting”:可以編輯在客戶填寫完成後會跳轉的頁面表單,也可以是彈出的感謝話語(這個感謝語也是可以自定義的),以及一些表單标簽的詳細設置;

form表單包括哪些控件(Form來編輯和設置你的表單)9

4、“Email Notification”:可以用來設置客戶發詢盤時的郵箱通知。

form表單包括哪些控件(Form來編輯和設置你的表單)10

3 ► 進入設置後:

●“Name”:詢盤負責人的名稱,可以根據個人意願填寫;

●“Send To”:用來選擇詢盤通知的郵箱地址的;

●“Subject”:詢盤模闆的名字,可自定義;

●“Email Body”:發給你的詢盤的内容,這裡是由代碼所編寫,因此我們能修改的地方就是小鲸所給出的紅色區域内。

form表單包括哪些控件(Form來編輯和設置你的表單)11

剩下的三個設置一般用不到,因為這是需要程序員以及會員才能使用的功能,不過對我們的表單設置影響不大。

當你的表單編輯和設置完成,點擊旁邊的那串代碼便可以直接将之複制,

form表單包括哪些控件(Form來編輯和設置你的表單)12

然後來到你的頁面,将這串代碼複制到文章類别模闆的“Text”裡,點擊保存,這樣你的表單就可以在網頁中出現了。

form表單包括哪些控件(Form來編輯和設置你的表單)13

如果想要你的表單具有一定的動畫效果,就需要去尋找專業的程序員來對網頁代碼進行修改了。

form表單包括哪些控件(Form來編輯和設置你的表單)14

表單是外貿網站不可缺少的因素

表單插件對于表單而言也是極為重要的

一個好的表單插件

可以讓你擁有一個好的外貿網站

Fluent Form是個不錯的選擇!

以上就是今天的分享!

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved