4種Elementor Popup使用方法和應用場景,進階教程

Elementor Popup使用方法
本篇文章詳細介紹多種Elementor Popup使用方法和應用場景。利用Elementor Popup豐富你的網站功能,提高網站轉換率。
文章目錄

本篇文章共1353 字,預計閱讀時間6 分鐘

本次教程需要用到Elementor 專業版插件,Well這裡有通用公共許可證版本的Elementor Pro插件,有需要的夥伴可以關注Well建站公眾號免費取得。

Elementor Popup使用方法

Popup是元素 Pro裡一個強大的功能,可以利用Popup創建高度自訂的彈出視窗。

Elementor Popup使用方法和應用程式場景有很多種,它不僅可以用來展示促銷、訂閱表單、登入/註冊表單等,還能用於展示任何內容,例如圖像、文字、影片等等。

利用Popup可以製作出許多提升網站轉換率的小功能。

使用Popup製作彈出式詢盤表單

設定表單Email

彈出式表單可以幫助使用者更方便地提交訊息,無需跳轉頁面。這種直覺的設計減少了使用者操作的複雜性,進而提升網站的轉換率。

這篇使用Popup製作彈出式表單詳細的解釋了Popup彈出式表單的用法。

使用Popup製作促銷倒數彈框

Popup倒數促銷彈窗效果

倒數計時促銷彈框可以在網站搞限時促銷時更多的提高購買轉換率。

它能夠讓買家感受到時間壓力,促使他們盡快做出購買決定,減少了猶豫的時間,轉換率就能夠有很大的提升。

設定方法如下:

倒數計時促銷彈窗設置

首先要點選上方的頁面設定按鈕,設定Popup的尺寸和位置。

  • 寬度:100VW
  • 高度:260像素
  • 內容位置:中心
  • Vertical:頂部
  • Overlay:關閉

然後再填入Popup視窗裡的內容:

  1. 在Popup內加入三個並排的小容器。
  2. 分別在容器裡加入標題、計數器(Countdown)、圖片元素,並調整一下樣式。
  3. 為整個大容器設定新增促銷產品的連結。

發佈到整個網站

保存發布,應用到整個網站。

設定6秒後加載

設定頁面載入後6秒顯示該Popup。設定只顯示一次

設定顯示次數。

最後發布。

使用Popup製作相關文章/產品彈跳窗

文章推薦彈窗Popup效果展示

透過在產品或文章頁佈置推薦產品/文章Popup彈跳窗,當頁面被使用者瀏覽完後展示推薦內容。

可以更好的引導買家查看網站的主營產品或是重要文章,提高使用者體驗和網站停留時間、也對降低跳出率有一定的影響。

設定方法如下:

文章推薦彈跳窗Popup設置

點擊上方的頁面設定圖標,設定Popup的尺寸和位置:

  • 寬度:100寬度
  • 高度:240像素
  • 內容位置:中心
  • Vertical:下方
  • Overlay:關閉

在Popup彈框中加入內容:

  1. 可以新增主營產品或是重要文章
  2. 給對應的產品/文章附帶鏈接
  3. 調整內容樣式

 

文章推薦彈跳窗Popup應用到文章頁或是產品頁

儲存發布,將Popup應用到產品頁或是文章頁。

文章推薦彈跳窗Popup在頁面捲動到90%時彈出

設定觸發條件,當頁面捲動到90%時觸發。

你也可以改成設定下面的On Scroll To Element,滾動到特定元素觸發,填寫對應類別名稱就可以。

最後保存。

使用Popup製作詢問彈跳窗

詢問彈窗Popup效果展示

詢盤彈出視窗Popup適合一些需要知道使用者途徑的網站,方便針對不同使用者做不同的頁面展示或是記錄。

透過頁面載入就立刻彈出詢問彈跳窗,讓使用者從2個或多個答案中做出選擇,每個答案對應不同的頁面跳躍或是後台記錄。

具體操作如下:

設定詢問彈跳窗Popup

設定Popup頁面:

  • 高度:600像素
  • 內容位置:中心
  • Close Button:關閉

在Popup框內填滿內容:

  1. 一個標題元素
  2. 能表達問題內容的圖片
  3. 2個或多個按鈕,並設定對應的連結

 

設定Popup無法被關閉和影響

設置彈跳窗無法被關閉和影響。

將詢問彈窗Popup應用到全站

將問題彈框應用到全站。

設定詢問彈跳窗Popup在頁面立即加載

設定觸發條件,頁面載入後立即彈出。

設定詢問彈跳窗Popup出現的次數

設定顯示次數,只顯示一次。

至此,Popup的多種用法分享結束。

Well在本篇文章只展示了幾種Popup的用法,其實還有很多種使用方式和應用場景供你探索。

推薦你看更多Elementor教學課程

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
外貿伺服器推薦(Well在用的伺服器)
vultr-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄
相關文章
zh_TWZH_TW