如何用 Blocksy Content Blocks 制作全局彈窗

WordPress 網(wǎng)站中,如果你想要創(chuàng)建一個全站彈窗來歡迎用戶、推廣活動或收集郵箱,不需要復雜插件。使用 Blocksy 主題,通過內(nèi)建的 Content Blocks 功能,就可以快速實現(xiàn)一個簡單、漂亮的彈窗。這篇文章會教你如何用 Blocksy Content Blocks 制作一個延遲彈出的歡迎彈窗,不需要寫代碼,不需要安裝額外插件。

圖片[1]-用 Blocksy Content Blocks 制作全局彈窗或頂部公告欄

一、什么是 Blocksy 的 Content Blocks?

Content Blocks 是 Blocksy Pro 的一個功能,它可以讓你創(chuàng)建自定義內(nèi)容,然后放在網(wǎng)站的任何位置,比如:

  • 網(wǎng)站頭部上方(做公告欄)
  • 每篇文章后面(加推薦)
  • 彈窗顯示

彈窗功能也就是通過 Content Blocks 來實現(xiàn)的,Blocksy 提供了一個“Popup”模式,可以讓你的內(nèi)容以彈窗形式出現(xiàn),非常靈活。

圖片[2]-用 Blocksy Content Blocks 制作全局彈窗或頂部公告欄

二、創(chuàng)建全局彈窗

步驟 1:添加新的 Content Block

  1. 打開后臺菜單,點擊【Blocksy】>【Content Blocks】
  2. 點擊【Add New Content Block】(添加新的內(nèi)容塊)
  3. 給這個內(nèi)容塊起一個【Popup Name】名字,比如“歡迎彈窗
圖片[3]-用 Blocksy Content Blocks 制作全局彈窗或頂部公告欄

步驟 2:設(shè)置彈窗模式

在右邊的設(shè)置欄中,找到以下設(shè)置項:

  • Launch Trigger(啟動觸發(fā)):選擇【On Page Load】(頁面加載后自動彈出)

還有其他觸發(fā)方式可以選,比如滾動一定距離、點擊按鈕、離開頁面前,但我們這里只用最簡單的“自動彈出”。

圖片[4]-用 Blocksy Content Blocks 制作全局彈窗或頂部公告欄

步驟 3:輸入彈窗內(nèi)容

在編輯器中,你可以使用 WordPress 的默認編輯器(Gutenberg)輸入任何內(nèi)容,例如:

圖片[5]-用 Blocksy Content Blocks 制作全局彈窗或頂部公告欄

步驟 4:設(shè)置顯示條件

在編輯器右側(cè),找到【Display Conditions】,這是控制彈窗在哪些頁面顯示的功能。

建議設(shè)置為:

  • Entire Website(整個網(wǎng)站都顯示)
  • User Role:All Users(所有客戶都顯示)
圖片[6]-用 Blocksy Content Blocks 制作全局彈窗或頂部公告欄

步驟 5:發(fā)布

確認無誤后,點擊【發(fā)布】按鈕。

打開你的網(wǎng)站頁面,等待幾秒鐘,就能看到彈窗自動出現(xiàn)。

三、結(jié)語:Blocksy 彈窗功能簡單實用

通過以上步驟,我們用 Blocksy 的 Content Blocks 功能:

  • 創(chuàng)建了一個全站彈出的歡迎彈窗
  • 設(shè)置了自動觸發(fā)
  • 編輯了彈窗內(nèi)容
  • 控制了在哪些頁面顯示

不用任何代碼,也不用安裝其他彈窗插件,就能實現(xiàn)功能完整、美觀的全局彈窗。這對于電商網(wǎng)站、品牌推廣、博客引流都非常有用。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:Millie
THE END
喜歡就支持一下吧
點贊683 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容