3種透過連結呼叫Elementor Popup的方式

連結呼叫Elementor Popup
透過連結呼叫Elementor Popup的3種方式,適用於不同應用場景。
文章目錄

本篇文章共971 字,預計閱讀時間4 分鐘

使用連結呼叫Popup時,在使用者點擊對應錨文本或按鈕的時候可以跳出彈跳窗,和使用者進行一個互動。

例如用這種方式製作一個B2B網站詢價彈窗

這種不跳轉頁面就能進行的交互,可以進一步提高使用者體驗和網站轉換率。

本文列出了三種透過連結呼叫Popup的方法,可以按需選擇合適的方法使用。

通过Elementor动态标签调用Popup链接

這是最常用最簡單的呼叫Popup的方式。

使用Elementor的動態標籤呼叫Popup鏈接

圖片裡示範的是為一個Elementor按鈕元素加入Popup連結的過程。

透過元素 Pro可以給按鈕的連結設定為動態標籤。

點選動態標籤,在標籤清單裡選擇Popup即可。

設定Popup動態標籤的模板

選擇Popup作為動態標籤後,需要點選Popup,選擇對應的Popup模板。

通过给Popup设置选择器的方式调用Popup

這種呼叫方式是給Popup做設定。

  1. 若要先在Popup的編輯頁面開啟頁面設置
  2. 選擇進階設定
  3. 然後為Popup新增一個選擇器

比如在选择器里填写: a[href=”#popup666″] 。

這個程式碼的意思是:連結為#popup666 的a標籤元素可以呼叫該Popup。

在要使用該Popup的時候,連結裡填入#popup666 就可以呼叫該Popup了。

如下圖所示:

填寫Popup對應了錨鏈接

通过复制链接调用Elementor Popup

在瀏覽器中開啟網站前端。

開啟已經呼叫了Popup連結的按鈕或錨文本的頁面。

瀏覽器中按鍵盤F12審查元素,選取該按鈕或錨文字。

可以看到該按鈕或錨文本的錨連結。

這個鏈接就是呼叫對應Popup的鏈接,複製它就可以在其他地方使用該Popup。

需要注意的是,不管是哪種使用連結呼叫Popup顯示彈跳窗的方式,都需要該Popup在發布選擇應用範圍時,包含到該錨文本或按鈕所在的頁面。

以上就是本篇文章的全部內容了,三種使用Popup連結呼叫的方式。

還推薦你看Popup進階教程,利用Popup豐富網站功能,提升網站轉換率。

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