在現(xiàn)代網(wǎng)站中，彈窗（Popup）是一種有效提升用戶轉(zhuǎn)化率的重要工具，尤其是在外貿(mào)網(wǎng)站中，適時(shí)的彈窗可以有效引導(dǎo)用戶發(fā)起詢盤(pán)或參與促銷活動(dòng)。然而，許多人還不了解，Avada主題自帶的“畫(huà)布”（Canvas）功能已經(jīng)提供了靈活的彈窗創(chuàng)建和配置功能，不需要依賴額外的插件或復(fù)雜的代碼。通過(guò)這篇文章，我們將詳細(xì)介紹如何使用 Avada 畫(huà)布功能設(shè)置高效彈窗，為你的網(wǎng)站優(yōu)化用戶體驗(yàn)并提高詢盤(pán)轉(zhuǎn)化率。

步驟：網(wǎng)站后端→Avada主題→Off Canvas→Enter Off Canvas Name

Enter Off Canvas Name：起一個(gè)名字

點(diǎn)擊實(shí)時(shí)編輯（如下圖）

有兩種編輯模式（如下圖）

但是建議前端編輯，這樣效果更直觀一些

選擇一個(gè)容器

添加一個(gè)合適的容器

添加

也不一定你只能放表單，也可以放入打折的信息，比如圖片加文字

看你的需求了

整個(gè)畫(huà)布也就是彈窗的設(shè)置也是可以設(shè)置的，比如背景顏色

為了效果更直觀，我用了跟深色的顏色來(lái)突出區(qū)別，如果不想內(nèi)容太靠邊，拖動(dòng)內(nèi)框就可以了，如上圖

步驟：網(wǎng)站后端→Avada主題→Off Canvas→Off canvas Options→Conditions

設(shè)置彈窗的觸發(fā)條件

在設(shè)置好彈窗后，下一步是為其配置觸發(fā)條件。對(duì)于外貿(mào)類網(wǎng)站，通常用戶點(diǎn)擊 “Quote Now” 或類似按鈕時(shí)彈窗會(huì)彈出。當(dāng)然，也有部分站長(zhǎng)希望在用戶訪問(wèn)頁(yè)面時(shí)立即顯示彈窗，但需要注意的是，這種方式可能會(huì)影響用戶體驗(yàn)，建議謹(jǐn)慎使用。

然后啟用在設(shè)置

點(diǎn)擊按鈕來(lái)彈出彈窗

如果選擇通過(guò)點(diǎn)擊按鈕來(lái)觸發(fā)彈窗，則無(wú)需對(duì)畫(huà)布進(jìn)行任何額外設(shè)置，也不需要配置觸發(fā)條件或規(guī)則。在按鈕模塊中，找到網(wǎng)址欄右側(cè)的堆疊圖標(biāo)，點(diǎn)擊后選擇“打開(kāi)畫(huà)布”即可。

選擇一個(gè)條件，圖片上的DYNAMIC CONTENT（如下圖）

選擇打開(kāi)畫(huà)布，如下圖（Open Off Canvas）

選擇我們之前編輯好的畫(huà)布名稱（如下圖）

最終效果

回到前臺(tái)可以點(diǎn)擊嘗試一下，最終彈出該彈窗

除了之前說(shuō)的設(shè)置條件外，還有一個(gè)觸發(fā)器的功能（如下圖）

步驟：網(wǎng)站后端→Avada主題→Off Canvas→Off canvas Options→Triggers

在觸發(fā)器中設(shè)置一下觸發(fā)條件

比如在用戶有退出網(wǎng)站意圖時(shí)候讓這個(gè)畫(huà)布觸發(fā)

步驟：網(wǎng)站后端→Avada主題→Off Canvas→Off canvas Options→Rules

設(shè)置觸發(fā)規(guī)則（如下圖）

比如我要讓這個(gè)彈窗總是顯示。

由于我設(shè)置的觸發(fā)條件是在整個(gè)網(wǎng)站上顯示，并且當(dāng)用戶有退出意圖時(shí)彈窗會(huì)出現(xiàn)，因此每當(dāng)我將鼠標(biāo)移出網(wǎng)頁(yè)時(shí)，彈窗就會(huì)自動(dòng)顯示。如果你希望彈窗在用戶訪問(wèn)網(wǎng)站時(shí)立即加載，只需將退出意圖的觸發(fā)條件更改為頁(yè)面加載時(shí)顯示即可。

彈窗的觸發(fā)條件有很多種組合方式，建議多加嘗試。同時(shí)也要考慮用戶體驗(yàn)，比如設(shè)置營(yíng)銷鉤子或某些特定條件來(lái)觸發(fā)彈窗，這樣可以有效提升用戶提交詢盤(pán)的概率和用戶知道網(wǎng)站打折的信息等等。

總結(jié)

通過(guò)使用 Avada 的畫(huà)布功能，您可以輕松創(chuàng)建各種類型的彈窗，并根據(jù)網(wǎng)站需求靈活設(shè)置觸發(fā)條件。無(wú)論是“Quote Now”按鈕點(diǎn)擊觸發(fā)，還是頁(yè)面加載時(shí)顯示，都能通過(guò)簡(jiǎn)單的設(shè)置完成。重要的是，在使用彈窗時(shí)，要確保用戶體驗(yàn)不受影響，合理的設(shè)置營(yíng)銷鉤子和觸發(fā)條件能夠最大化提升用戶轉(zhuǎn)化率。希望通過(guò)本教程，您能更好地利用 Avada 的畫(huà)布功能打造高效、用戶友好的外貿(mào)網(wǎng)站彈窗。下一期，我們將繼續(xù)探討更多實(shí)用的 Avada 主題功能，敬請(qǐng)期待！

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息