網(wǎng)站底部彈窗：點(diǎn)擊按鈕，彈出咨詢(xún)表單的功能和廣告功能

底部懸浮彈窗，這個(gè)功能可以作為剛進(jìn)入網(wǎng)站時(shí)彈窗廣告、咨詢(xún)表單、報(bào)名表單，也可以作為點(diǎn)擊按鈕觸發(fā)彈出表單填寫(xiě)的功能。

目前支持2個(gè)模式可選：

1.進(jìn)入網(wǎng)站時(shí)打開(kāi)彈窗，用戶(hù)關(guān)閉之后不再顯示，如果要另行顯示，則可以用網(wǎng)頁(yè)上任意部分，如側(cè)欄客服按鈕，導(dǎo)航菜單按鈕等觸發(fā)彈出。

2.默認(rèn)不彈出，點(diǎn)擊任意按鈕，彈出一個(gè)咨詢(xún)的表單在底部懸浮，讓用戶(hù)填寫(xiě)表單。

如下圖所示：點(diǎn)擊了自交咨詢(xún)按鈕，彈出了下面的表單給客戶(hù)填寫(xiě)。

底部懸浮模塊設(shè)置方法

這個(gè)底部的表單，我們是使用區(qū)塊模板制作的，區(qū)塊模板制作的內(nèi)容不限于表單，也可以是圖片廣告、圖文廣告等等內(nèi)容。

以下示例我們采用表單進(jìn)行示例。

首先我們需要?jiǎng)?chuàng)建一個(gè)區(qū)塊模板，放入內(nèi)容，示例這里我們放入的是一個(gè)表單模塊：

創(chuàng)建好了之后，我們退出區(qū)塊模板的編輯，進(jìn)入外觀-自定義-網(wǎng)站底部設(shè)置：

可以看到紅框內(nèi)顯示的內(nèi)容，底部彈出區(qū)塊選項(xiàng)選擇剛才我們創(chuàng)建的區(qū)塊模板。

彈出模式你可以選擇默認(rèn)首次打開(kāi)時(shí)彈出，點(diǎn)擊后關(guān)閉，或者是按鈕點(diǎn)擊彈出  （注意，默認(rèn)首次打開(kāi)，也可以用按鈕觸發(fā)）

這樣就掛載好了。

現(xiàn)在我們需要設(shè)置點(diǎn)擊產(chǎn)品頁(yè)的按鈕彈出這個(gè)表單：

可見(jiàn)下圖，選中按鈕后，打開(kāi)高級(jí)–找到額外的css類(lèi)，這樣我們填入 zixun  保存后就可以觸發(fā)了

不僅僅是按鈕，編輯器所有的模塊均支持高級(jí)–額外的css類(lèi) 你可以用任意區(qū)塊填寫(xiě)css類(lèi)之后進(jìn)行觸發(fā)操作。

如果你想用菜單進(jìn)行觸發(fā)，也可以在菜單的css類(lèi)填寫(xiě) zixun 進(jìn)行觸發(fā)

額外的css類(lèi)或者css類(lèi)選項(xiàng)如果有其他的類(lèi)名稱(chēng)，可以空格后加入即可。

如上圖所示，點(diǎn)擊側(cè)欄客服提交咨詢(xún)按鈕，即可觸發(fā)表單彈出。你也可以用于導(dǎo)航菜單、Font Awesome圖標(biāo)名稱(chēng) 填寫(xiě) 都可以進(jìn)行觸發(fā)操作。