一、如何使用在線表單組件？

在線表單組件是一個實現(xiàn)在頁面上添加表單功能的模塊，使用此表單可以收集訪客信息，訪客也可以通過表單對產(chǎn)品或服務(wù)進行詢價，支持添加新表單，也支持編輯已有表單。

在線表單組件一般應(yīng)用在聯(lián)系我們頁面、產(chǎn)品列表頁面、產(chǎn)品詳情頁面，通過添加“聯(lián)系我們表單”實現(xiàn)訪客與商家的互動，通過“產(chǎn)品詢價表單”實現(xiàn)訪客對產(chǎn)品的詢價。也可以在頁腳添加一個快速聯(lián)系表單，方便用戶在任何需要聯(lián)系我們的地方快速發(fā)送信息。

申請表單舉例：

產(chǎn)品詢價表單舉例：

二、如何使用在線表單組件？

1、如何添加在線表單組件？

第一步：在頁面上找到添加組件入口。把鼠標(biāo)放到要添加組件的區(qū)域，出現(xiàn)小水滴（即添加組件按鈕），單擊小水滴，彈出“添加組件”彈出框；

第二步：添加“在線表單”組件。

在高級組件中，找到“在線表單”組件，單擊“在線表單”，彈出“設(shè)置在線表單”窗口；

2、如何設(shè)置在線表單組件？

情況1：接著上面的操作，在彈出的“設(shè)置表單”，可以設(shè)置在線表單組件的內(nèi)容、高級功能和風(fēng)格。

情況2：在線表單組件已經(jīng)添加好了，如果表單展示形式使用的是“默認展示”，可以通過以下步驟進入此組件的設(shè)置項中：把鼠標(biāo)放到在線表單組件所在的區(qū)域，左上角出現(xiàn)組件名稱，把鼠標(biāo)移到“設(shè)置表單”四個字右側(cè)的第一個按鈕處即“設(shè)置”，單擊它即可進入設(shè)置項中，在彈出的設(shè)置在線表單窗口，可以設(shè)置表單的內(nèi)容、高級功能，風(fēng)格。

情況3：在線表單組件已經(jīng)添加好了，如果表單展示形式使用的是“右下角彈窗展示”，可以通過以下步驟進入此組件的設(shè)置項中：首先找到“在線表單組件懸浮占位”幾個字，然后把鼠標(biāo)放到這幾個字上，左上角出現(xiàn)組件名稱，把鼠標(biāo)移到“在線表單”四個字右側(cè)的第一個按鈕處即“設(shè)置”，單擊它即可進入設(shè)置項中。

在彈出的設(shè)置在線表單窗口，可以設(shè)置表單的內(nèi)容、高級，風(fēng)格。

2.1 如何設(shè)置表單內(nèi)容？

選擇表單：單擊下圖中“聯(lián)系我們-測試1”右側(cè)的下拉小箭頭選擇要顯示的表單，若要選擇這個表單，前提是要先創(chuàng)建這個表單才可以。

選擇成功跳轉(zhuǎn)頁：訪客填寫表單中要求的信息之后，然后提交信息，提交成功之后跳轉(zhuǎn)的頁面。如果不設(shè)置的話，默認會跳轉(zhuǎn)到網(wǎng)站首頁。

基礎(chǔ)設(shè)置

表單名稱：支持編輯表單名稱；

開啟驗證碼：一般默認開啟驗證碼，目的是防垃圾信息；

您的表單：直接點擊文本編輯框旁邊的名稱即可彈出修改框，可直接向右拖動文本框即可刪除文本框；

拖動組件到左邊：直接拖動其欄目下的編輯框到左邊即可添加到您的表單中完成之后點擊保存；

郵件提醒設(shè)置

是否使用郵件提醒：根據(jù)需要選擇是否使用郵件提醒功能，如果使用了，當(dāng)訪客戶提交了信息之后，會把這個信息同步發(fā)送到設(shè)置的郵箱中。支持設(shè)置一個接收郵箱和一個抄送郵箱。

是否發(fā)送給負責(zé)人：針對產(chǎn)品詢價，若選擇了發(fā)送給負責(zé)人，那么網(wǎng)站主賬號中設(shè)置的郵箱中同時會收到一封提醒郵件。

短信提醒設(shè)置

可以開啟短信提醒功能，輸入接收號碼，當(dāng)訪客填寫的信息之后，手機同時也會收到短信提醒。短信提醒默認免費贈送200條。超過這個數(shù)量之后，若需要繼續(xù)使用，請聯(lián)系您的銷售顧問咨詢付費情況。

2.2 如何設(shè)置在線表單組件的高級功能？

是否顯示結(jié)果集：這里通常都會選擇“否”；

是否為詢價表單：此表單若為詢價表單，需選擇 “是”，這樣收到的詢價信息才會帶有產(chǎn)品信息，我們才更清楚潛在用戶是針對哪個產(chǎn)品進行詢價的，有利于我們更好的回復(fù)用戶。如果此表單不是詢價表單，請選擇否。

2.3 如何設(shè)置在線表單組件的風(fēng)格？

表單展示形式：可以選擇默認展示形式也可以選擇“右下角彈窗展示”形式；

標(biāo)題輸入框排列方式：標(biāo)題與輸入框的排列方式有多種，可以根據(jù)需要選擇，如下圖所示：

表單展示形式選擇“右下角彈窗展示”時，支持設(shè)置：彈窗是否默認收起、以及彈窗樣式。

輸入框樣式：支持選擇不同的輸入框樣式；

輸入框背景色：點擊下拉小箭頭可以選擇輸入框背景色；

輸入框選中背景色：點擊下拉小箭頭可以選擇選中輸入框時的背景色；

按鈕位置：可以選擇“提交”等按鈕展示的位置；

按鈕樣式：可以選擇默認按鈕樣式，也可以自定義按鈕樣式；

按鈕樣式：如果選擇“自定義”按鈕樣式，可以自定義以下內(nèi)容：

按鈕寬度：可以選擇“寬度固定像素”，也可以選擇“寬度固定百分比”；

調(diào)整按鈕高度和寬度：可以手動拖動寬度或高度后面的按鈕來調(diào)整按鈕的寬度和高度；

按鈕初始樣式：可以調(diào)整按鈕背景顏色、文字顏色、邊框、實線、圓角弧度、文字字號；

鼠標(biāo)懸浮樣式：可以調(diào)整鼠標(biāo)懸浮到按鈕上時的按鈕背景顏色、文字顏色、邊框、實線、圓角弧度、文字字號。

設(shè)置好以上內(nèi)容以后，記得點設(shè)置框右下角的保存哦。

3、如何設(shè)置表單標(biāo)題（表單名稱）的背景顏色？如何設(shè)置表單內(nèi)容區(qū)的背景顏色？

可以通過組件的編輯樣式入口實現(xiàn)個性化的表單樣式，比如將表單的標(biāo)題背景色改為藍色、內(nèi)容區(qū)背景改為淡灰色，將按鈕改成藍色，并且還可以調(diào)整表單的輸入框排版方式，如下截圖所示界面操作：

進入表單的編輯樣式中：首先找到“在線表單組件懸浮占位”幾個字，然后把鼠標(biāo)放到這幾個字上，左上角出現(xiàn)組件名稱，把鼠標(biāo)移到“在線表單”四個字右側(cè)的第二個按鈕處即“編輯樣式”，單擊它即可進入樣式編輯器中。

修改標(biāo)題欄的背景顏色，如下圖所示：

修改內(nèi)容區(qū)背景顏色：如下圖所示。

友情提醒：如果需要網(wǎng)站上的每個頁面都有這個彈窗表單收集信息，建議把“在線表單”組件添加在網(wǎng)站頁腳區(qū)域，這樣每個頁面都會有這個彈窗表單了。

設(shè)置好組件的以上設(shè)置以后，單擊“保存”。另外，可以根據(jù)需要使用此組件的以下功能，以下是所有組件的通用功能：

3、查看如何編輯組件的樣式？

4、查看如何復(fù)制組件？

5、查看如何應(yīng)用組件？

6、查看如何刪除組件？

7、查看如何恢復(fù)組件？

三.組件優(yōu)化

1.在線表單組件在“表單管理”導(dǎo)出數(shù)據(jù)時可以根據(jù)篩選條件導(dǎo)出，并且能夠附帶產(chǎn)品信息。

（1）新增功能應(yīng)用場景：用戶表單中數(shù)據(jù)量過多時，可以使用篩選條件選擇自己想要導(dǎo)出的特定數(shù)據(jù)，同時，導(dǎo)出的數(shù)據(jù)中還包含產(chǎn)品的相關(guān)數(shù)據(jù)。

（2）操作方法：

2.在線表單組件新增表單字段左對齊的風(fēng)格；（2017-4-27優(yōu)化）

（1）新增風(fēng)格應(yīng)用場景：新增風(fēng)格可以按照實際需要自定義左邊標(biāo)題的寬度；

（2）新增風(fēng)格的操作方法：