Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

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)化訂閱彈窗

一、為什么使用 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)化訂閱彈窗

1.4 提升轉(zhuǎn)化率

訂閱彈窗可顯著增加郵件列表訂閱用戶,有助于后續(xù) EDM 營銷與用戶粘性提升。

二、Blocksy Content Blocks 彈窗功能概述

2.1 彈窗類型

Blocksy Content Blocks 中,彈窗被歸類為 Popup 類型。。

圖片[3]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

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)化訂閱彈窗

步驟 2:進(jìn)入 Content Blocks

在左側(cè)菜單點(diǎn)擊 Blocksy > Content Blocks。

圖片[5]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

步驟 3:添加新的內(nèi)容塊

點(diǎn)擊【Add New Content Block】按鈕,進(jìn)入 Gutenberg 編輯器。

圖片[6]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

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)化訂閱彈窗

3.3 設(shè)置彈窗屬性

在編輯器右上角的【Blocksy Page Settings】設(shè)置中:

圖片[8]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

設(shè)置 Display Conditions

  • Location:選擇 Entire Website(全站顯示)
  • User Conditions:可選擇所有用戶
圖片[9]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

設(shè)置 Trigger(觸發(fā)條件)

下拉選擇彈窗觸發(fā)方式,如:

  • On Page Load 頁面加載后顯示
圖片[10]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

設(shè)置 Display Frequency(頻率控制)

  • Always relaunch
圖片[11]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

3.4 發(fā)布內(nèi)容塊

確認(rèn)內(nèi)容與設(shè)置無誤后,點(diǎn)擊【發(fā)布】按鈕。

3.5 彈窗顯示效果

圖片[12]-Blocksy 內(nèi)容塊教程:快速創(chuàng)建高轉(zhuǎn)化訂閱彈窗

四、訂閱彈窗設(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)化訂閱彈窗

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é)假日休息
? 轉(zhuǎn)載聲明
本文作者:Millie
THE END
喜歡就支持一下吧
點(diǎn)贊854 分享
評論 搶沙發(fā)

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

    暫無評論內(nèi)容