WordPress彈出視窗外掛推薦 Popup anything on click

WordPress 彈出視窗外掛推薦教學 – Popup Anything on click

文章最後更新日期 2021 年 3 月 19 日

今天站長正在尋找一個,可以透過點擊 網站連結圖片按鈕 的方式彈出視窗外掛,後來找到了這一個外掛覺得很實用,就分享給大家使用

這款外掛可以讓你在 WordPress網站中,新增一個彈出視窗,這樣做的好處是可以讓使用者可以直接看到內容,而不需要做跳頁,可以降低跳出率,操作使用上也非常直覺且方便

在這個免費外掛設定中,除了可以讓你設定彈出視窗的尺寸外,還可以設定的彈出的位置,比如要在中間、左上、右上、左下、右下、左中和右中都沒問題,可以依照需求來做位置設定,整個就是超方便

外掛名稱:Popup anything on click
外掛連結:連結

安裝彈出視窗外掛

到 WordPress後台,搜尋「popup anything on click」,安裝外掛之後並啟用外掛

Wordpress 彈出視窗外掛-Popup anything on click
WordPress 彈出視窗外掛-Popup anything on click

延伸閱讀:WordPress是什麼

彈出視窗外掛設定

step 1

首先,在選單中可以看到多了一個 popup anything,我們點選 「Add popup」來新增一個彈出視窗

Wordpress彈出式外掛-新增彈出式外掛
WordPress彈出式外掛-新增彈出式外掛

step 2

接下來看到的畫面,跟WordPress文章的樣式差不多,只是多了一些功能,在這個步驟中,先輸入標題文字,再來是在內文中設定視窗的內容,可以使用圖片、文字、超連結及HTML頁面

Wordpress彈出式外掛說明
WordPress彈出式外掛說明

step 3

再來是設定 Link type (連結類型),有分為三種,分別是….

  1. Simple link – 簡單文字連結,輸入文字做連結
  2. Image – 圖片連結,上傳圖片做連結
  3. Button – 按鈕連結,使用按鈕來做連結

可以依照你的需求做設定

Wordpress彈出式外掛說明06
Popup anything -簡單文字連結
WordPress 彈出視窗外掛推薦教學 - Popup Anything on click
Popup anything -圖片連結

延伸閱讀:Elementor教學 – 突破百萬下載的 WordPress頁面編輯器,即時預覽編輯讓架站新手都能5分鐘上手

WordPress 彈出視窗外掛推薦教學 - Popup Anything on click
Popup anything -按鈕連結

step 4

再來是設定 跳出視窗尺寸、及動畫設定,一般站長會特別調整尺寸的部份,其他大多保留預設

Wordpress彈出式外掛說明03
WordPress彈出式外掛- 彈出視窗設定

step 4

再來設定彈出視窗的位置

Wordpress彈出式外掛說明04
WordPress彈出式外掛說明04

step 5

在右方工具列中,會看到 Shortcode,將這段文字複製下來,貼到我們要使用這個彈出視窗的地方,不論是 「頁面」、「文章」、「小工具」任何位置都可以

短碼:[popup_anything id=”XX”]

Wordpress彈出式外掛說明05
WordPress彈出式外掛說明05

step 6

實際的使用樣式,這裡站長使用「簡單文字」的設定,所以點擊文字連結之後,會跳出一個視窗燈箱,裡面有著站長剛新增的圖片及文字,快速完成

Wordpress彈出式外掛說明06
WordPress彈出式外掛說明06

三、結論

一般常見的 WordPress外掛 都是主動彈出式,例如剛進入頁面時,就跳出廣告訊息,或是電子報訂閱等等,要讓使用者手動點擊的部份比較少,這款外掛雖然是免費,但是設定的項目都非常實用,可以應用在很多的地方,也能減少使用者跳頁的問題,實用性非常高!



若是對於教學文章有不清楚的地方,歡迎在下方留言
如果覺得我們的文章對你有幫助,也歡迎幫我們「分享」文章給更多人

我們正在製作 WP新手架站課程,包含部落格經營、電商網站的建置及經營教學,讓你省下5-10萬元的網站費用,不論是自己要經營,或是要當作接案技能都很適合,有興趣的話可以先填寫Email加入,我們將優先通知您,也能享有早鳥優惠價唷~~

想要快速學習成長架站的話,可以參考 WordPress專人1對1網站教學服務 ,1對1的教學可以針對您的需求,讓你更快速學習學習架站技能

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯繫
我們也有提供一對一教學及顧問服務,有需求的話也都可以跟我們聯絡唷

如果對 WordPress架站 有興趣的朋友,可以訂閱馬思特電子報或是按讚追蹤馬思特粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計相關文章。

近期開了一個FB社團,「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 / 網路賺錢 」,主要會是討論網站架設、部落格經營、網路行銷,進而探討如何從網路賺到錢,有興趣的朋友歡迎加入社團交流

如果我們的教學文章有對您有幫助,可以在下方按5下拍手,或是請 站長喝杯咖啡 支持我們創作更多優質的文章

更多實用文章推薦

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top