Blocksy 是一款現(xiàn)代化的 WordPress 主題,有著出色的頁面加載速度和豐富的設(shè)計(jì)功能,其 Content Blocks(內(nèi)容塊) 功能更是實(shí)現(xiàn)布局自由與功能擴(kuò)展的核心工具。其中,彈窗(Popup) 是提升用戶轉(zhuǎn)化、增加訂閱與活動曝光的高效方式。本文將詳細(xì)介紹如何使用 Blocksy Content Blocks 快速制作一個高轉(zhuǎn)化的訂閱彈窗。
![圖片[1]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630143724772-image.png)
一、為什么使用 Blocksy 內(nèi)容塊創(chuàng)建訂閱彈窗?
1.1 與主題完美兼容
使用 Blocksy 內(nèi)置的內(nèi)容塊彈窗功能,不用安裝額外的彈窗插件,避免插件沖突與頁面加載變慢。
1.2 可視化設(shè)計(jì),操作簡單
與 Gutenberg 編輯器深度集成,所有彈窗內(nèi)容均可拖拽式排版,靈活調(diào)用區(qū)塊、短代碼與樣式。
1.3 條件顯示靈活
Blocksy Content Blocks 支持基于頁面、用戶角色、設(shè)備等多條件顯示,可精細(xì)控制彈窗在哪些用戶場景下觸發(fā)。
![圖片[2]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630144411920-image.png)
1.4 提升轉(zhuǎn)化率
訂閱彈窗可顯著增加郵件列表訂閱用戶,有助于后續(xù) EDM 營銷與用戶粘性提升。
二、Blocksy Content Blocks 彈窗功能概述
2.1 彈窗類型
在 Blocksy Content Blocks 中,彈窗被歸類為 Popup 類型。。
![圖片[3]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630144209820-image.png)
2.2 使用場景
- 用戶進(jìn)入首頁 5 秒后彈出訂閱框
- 在文章頁閱讀 50% 時顯示優(yōu)惠活動彈窗
- 退出意圖檢測彈窗,挽回離站用戶
三、如何創(chuàng)建訂閱彈窗?詳細(xì)操作步驟
3.1 創(chuàng)建內(nèi)容塊
步驟 1:登錄后臺
進(jìn)入 WordPress 后臺,確保 Blocksy Companion 插件已激活。
![圖片[4]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630144106150-image.png)
步驟 2:進(jìn)入 Content Blocks
在左側(cè)菜單點(diǎn)擊 Blocksy > Content Blocks。
![圖片[5]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630144133376-image.png)
步驟 3:添加新的內(nèi)容塊
點(diǎn)擊【Add New Content Block】按鈕,進(jìn)入 Gutenberg 編輯器。
![圖片[6]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630144250679-image.png)
3.2 設(shè)計(jì)彈窗內(nèi)容
在編輯器中,添加以下內(nèi)容模塊:
- 標(biāo)題:例如 獲取免費(fèi) WordPress 教程 ??
- 段落文字:立即訂閱,即可獲取我們的《WordPress 網(wǎng)站建設(shè)完全指南》,幫助你從零搭建專業(yè)網(wǎng)站!
- 表單短代碼:添加 Shortcode 區(qū)塊,如 contact-form-7 id=”1234″ title=”Newsletter Subscription
- 隱私聲明:添加 Paragraph 區(qū)塊,輸入我們尊重您的隱私,訂閱即表示您同意我們的《隱私政策》
![圖片[7]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630145432703-image.png)
3.3 設(shè)置彈窗屬性
在編輯器右上角的【Blocksy Page Settings】設(shè)置中:
![圖片[8]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630145810871-image.png)
設(shè)置 Display Conditions
- Location:選擇 Entire Website(全站顯示)
- User Conditions:可選擇所有用戶
![圖片[9]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630150006834-image.png)
設(shè)置 Trigger(觸發(fā)條件)
下拉選擇彈窗觸發(fā)方式,如:
- On Page Load :頁面加載后顯示
![圖片[10]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630150120504-image.png)
設(shè)置 Display Frequency(頻率控制)
- Always relaunch
![圖片[11]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630150301939-image.png)
3.4 發(fā)布內(nèi)容塊
確認(rèn)內(nèi)容與設(shè)置無誤后,點(diǎn)擊【發(fā)布】按鈕。
3.5 彈窗顯示效果
![圖片[12]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630150555686-image.png)
四、訂閱彈窗設(shè)計(jì)與使用建議
4.1 提供明確價(jià)值
用戶輸入郵箱需要足夠的理由,如:
- 免費(fèi)教程 PDF 下載
- 獨(dú)家優(yōu)惠券
- 每周行業(yè)干貨精選
4.2 設(shè)計(jì)簡潔美觀
避免彈窗內(nèi)容過多,保持標(biāo)題簡短、CTA 按鈕醒目,減少用戶思考成本。
4.3 控制顯示頻率
過于頻繁的彈窗會影響用戶體驗(yàn),合理設(shè)置顯示頻率和關(guān)閉選項(xiàng)。
五、總結(jié)
![圖片[13]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗](http://gqxi.cn/wp-content/uploads/2025/06/20250630151129768-image.png)
Blocksy Content Blocks 的彈窗功能結(jié)合 Gutenberg 編輯器與條件顯示系統(tǒng),為 WordPress 用戶提供了不用代碼、靈活高效且與主題完美兼容的解決方案,可以輕松設(shè)計(jì)高轉(zhuǎn)化率的訂閱彈窗。
聯(lián)系我們 | |
---|---|
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個人,小企站點(diǎn)! |
![]() 客服微信
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
③ 郵件:info@361sale.com | |
④ 工作時間:周一至周五,9:30-18:30,節(jié)假日休息 |
暫無評論內(nèi)容