如何使用Elementor的聯系表單功能
同學們做外貿獨立站的目的我猜都是為了轉化客戶獲得詢盤，那么當訪客在瀏覽了你的網站頁面內容，對你的產品或者服務很感興趣，想要進一步和你們溝通的時候。那么問題就來了—客戶用什么樣的方式能夠直接的聯系到你們？！最簡單的辦法就是在線溝通功能，Elementor編輯器沒有提供在線溝通功能，所以這里不展開這方面的內容。其次就是詢盤表單功能，通過網站上預設的聯系表單，客戶會提交他們的姓名、郵箱和其他相關信息，然后通過我們事先設置好的接收郵箱進行詢盤的傳遞。所以同學們現在明白了詢盤表單對于一個外貿獨立站的重要性了吧！
接下來我們重點對Elementor編輯器的表單元素（Form）進行細致的操作和講解：
第一步：將Elementor編輯器的表單元素添加到內容編輯版塊
在Elementor編輯器的左邊找到“Form”元素，然后在箭頭1所指的地方按住鼠標左鍵不松開拖動到右邊箭頭2所指的內容編輯版塊，等到內容編輯版塊外部的灰色虛線邊框變成淺藍色的時候，再松開鼠標左鍵，這樣同學們就成功的將Form（聯系表單）功能添加到了內容編輯版塊，接下來就是我們對他的相關操作。
第二步：對Elementor編輯器的Form表單主體功能進行設置
2.1“Form Field”
首先是“Form Name”：就是自定義該表單的名稱，阿貓阿狗都沒關系，隨你自己的心情。Jack老師還是建議同學們認真填寫，以免多個表單出現混亂
下面是Form Fields的表單項目，Elementor編輯器預設了3個項目，分別是用戶姓名Name，用戶郵箱Email和用戶的提交信息Message。我們點開每個項目可以對它們進行相應的修改
這三個默認選項的內置功能設置都是差不多的，所以Jack老師把這三個內容放在一起進行講解。
“Type”：指的是表單項目類型，這是一個下拉選項框，有Text、Email、Textarea、Url、Tel、Radio、Select、CheckBox、Accpetance、Number、data、Time、FileUpload、Password、HTML、Hidden、Step、reCAPTCHA、reCAPTCHA V3 、Honeypot。這些項目都能夠為你實現自定義表單功能和樣式做出卓越的貢獻。
“Label”：指的是某個表單功能的名稱，比方說Name功能的名字就可以預設顯示為Name，或者你也可以改成Your Name
“PlaceHoolder”：指的是文字占位符，也就是內容框中的事先顯示文字，當你輸入新的文字之后，這個預設文章就會消失
“Required”：指的是該項目是否為必填項，如果是非必填選項，那么不要點擊該項目即可
“Column Width”：指的是某個表單功能占據該行內容寬度的百分比值，默認情況下是100%。注意這個表單功能內容寬度不是隨意調整了，只能用Elementor編輯器預設的寬度占比值進行調整
如果系統預設的3個表單項目不能夠滿足你的表單需要，同學們還想增加更多的表單功能的話，比方說你想設置一個訪客提交文件的功能。因為在B2B商業中，有時候客戶想提交自己的產品初步設計圖稿給工廠看看能不能有機會生產。所以我們就可以使用form fields中的“新增項目”功能進行添加。
“Input Size”：指的就是表單的尺寸大小，有5個層級大大小選項可供我們操作
“Label”：指的是某個表單功能的項目名稱，比方說你不想在name表單功能選項中出現Name這個詞，那么就不要點擊Label后面對應的藍色“Show”按鈕
“Required Mark”：指的是必填項的顯示效果，如果你點了“show”，那么在表單中，必填項目就肯定會在項目名稱后面出現一個*符號
2.2“Buttons”
Button指的是表單的提交按鈕功能，不要小看這個功能哦，設置好的提交按鈕也能夠為你的詢盤轉化出功出力！
“Size”：指的就是表單提交按鈕的尺寸大小
“Column Width”：和前面的Form Fields的column功能一樣，都是按鈕項目占整個表單寬度的比值
“Alignment”：指的是按鈕在表單底部的對齊方式，有居左，居中，居右和兩端對齊4種方式。其中前三者是不會占據整個表單寬度的，只有第四個兩端對齊才會占據整個表單寬度。
“Step Buttons”：它有兩個選項，分別是Next和Previous，這兩個功能平時用的不多，可以不用去額外操作
“Submit Button”：指的是提交按鈕顯示的文字，系統預設是send，你也可以該成Click to Send
“Icon”：指的是顯示在提交按鈕上的圖標，默認狀態下是沒有的，你可以點擊選擇系統預設的Elementor圖標也可以上傳自己設計的圖標
“Icon Position”：指的是提交按鈕圖標和提交按鈕顯示文字的前后顯示順序
“Icon Spacing”：指的是提交按鈕圖標和提交按鈕顯示文字之間的距離
“Button ID”:指的就是該表單按鈕的id編號，以備其他頁面可以調用我們當前已經配置好的表單按鈕功能，省得再去操作，不過要注意表單按鈕的id必須是唯一的哦
“Actions After Submit”：指的是訪客填寫完表單并點擊提交按鈕之后，表單執行的操作。默認情況下是發送該表單內容信息到預設的網站管理者郵箱中。當然Elementor編輯器還提供了很多系統內設的其他功能，比如：Drip、ActiveCampaign、GetResponse、ConvertKit、MailerLite、Slack、Discord、Popup、Mailchimp、Webhook、Redirect等等
2.3、“Email”
我們只需要在To下面的內容框中輸入或者修改自己的郵件接收郵箱賬號就行，默認情況下，Elementor編輯器會將該內容預設成網站的聯系郵箱！那么我們可以將此處的郵箱賬號改成[email protected]或者[email protected]。其他部分個人覺得沒有太大必要的改動。
2.4、“Steps Setting”：指的是提交表單內容后的下一步操作指引，一般情況下默認即可，沒有太多額外操作的必要
2.5、“Additional Options”：意為其他選項，這里主要是設置一個form ID，也就是這個表單的“身份”，注意這個id值只能是唯一的，不能混淆！有點和上面的Send按鈕設置ID差不多的意思，區別在于：一個是按鈕樣式身份ID設置，一個是整體表單身份ID設置。
第三步：對Elementor編輯器的Form表單樣式功能進行設置
3.1、“Form樣式設置”
“Columns Gap”和“Rows Gap”指的是表單各個內容項目之間的行與列之間的間距
“Label Spacing”：表單項目名稱和表單項目內容輸入框直接的距離
“Text Color”：指的是表單項目名稱的文字顯示顏色
“Mark Color”：指的是必填選項中那個必填項目符合*所顯示的顏色
“排版”：這個就不說了，指的是表單項目名稱的文字排版設置，太簡單了，同學們自己去操作即可
“HTML Field”：這部分我也沒搞懂是要對表單的什么項目進行更改，有知道的同學們可以和我說一下嗎？謝謝！
3.2、“Field樣式設置”
“Text Color”：指的是表單項目內容框中顯示的文字顏色修改，比方說我們在Name選項中，輸入名字：Jack，那么這時候顯示的Jack就是紅色的。
“排版”：不解釋，太簡單了
“Background Color”：表單項目內容輸入區塊的背景顏色設置。默認情況下是白色，Jack老個人覺得白色就挺好了，如果有特殊需求的同學們自己去進行配置
“Border Color”：指的是表單項目內容輸入區塊的外邊框線顏色
“Border Width”：指的是表單項目內容輸入區塊的外邊框線粗細
“Border Radius”：指的是表單項目內容輸入區塊的外邊框線4個直角轉化成圓角，數值越大圓角弧度越大
3.3、“Buttons樣式設置”
“排版”：功能簡單又常見的操作，這里不解釋了
“邊框類型”：指的是按鈕的邊框樣式，有實線和虛線這些預設選項可供選擇
“Normal”和“Hover”：指的是按鈕的正常和懸停狀態下的不同效果。這個地方Jack老師還是建議同學們去設置一下，這樣顯得頁面內容更加靈活，能夠增加訪客點擊率
“Next ＆ Submit Button”有兩個選項，分別是Background color和Text Color，對應的就是背景顏色和文字顏色的自定義設置
“Previous Button”和上面一樣也是有兩個功能，而且這兩個功能也和上面一樣都是對背景顏色和文字顏色進行自定義設置
“Border Radius”：指的是外邊框線的圓角弧度
“Text Padding”：指的是文字和外邊框線之間的間距，數值越大間距越大
3.4、“Message樣式設置
“排版”：不解釋
“Success Message Color”：指的是信息發送成功之后顯示的顏色，一般默認情況顯示是是這樣一句信息—The form was sent successfully.
“Error Message Color”：指的是信息發送失敗之后顯示的文字顏色
“Inline Message Color”：指的是內聯消息顏色的相關設置
3.5、“Steps”
太累了，一不小心又4000字了，不想寫了，這部分就留作彩蛋，讓同學們自己去發掘吧，有不懂的地方再聯系我。
好了，以上就是本章關于?如何使用Elementor的聯系表單功能?的全部內容，聯系表單Form作為外貿自建網站優化過程中必不可少的一項功能，需要我們花費一番功夫去研究和設置，以提高訪客在我們網站頁面上的停留時間和信息交互，這樣才能促進我們的網站排名和客戶轉化。
如果還有不理解的地方，請使用百度或者谷歌瀏覽器搜索關鍵詞--“Jack外貿建站”，排名首頁首位的就是我的網站，網站上有更多外貿建站、谷歌SEO優化、外貿客戶開發等實操干貨內容在等著你哦!
來源：Jack SEO
來源：喜運達
加入賣家交流群
快速對接各種平臺優質資源
標簽：可以郵寄國際快遞的物流有哪些海外倉手表大順發國際物流有限公司海外轉運倉怎么聯系獨立站賣家海外倉忠進海外倉林查班海運深圳美國小包杭州一件代發青島到韓國的貨代