如何在點擊連結或圖片時打開 WordPress 彈出表單

03/14/2023

如何在點擊連結或圖片時打開 WordPress 彈出表單

更新時間:2024 年 3 月 4 日

編輯人員:Syed Balkhi

什麼是「點擊彈出」表單?

點擊彈出表單是一種在用戶點擊網站上的連結、按鈕或圖片時出現的燈箱彈出視窗。通常,彈出視窗是在用戶到達網站或即將離開時出現。但點擊彈出表單是由用戶互動觸發的。

我們在 WPressize Me 也使用點擊彈出表單來增長電子郵件列表。比如,當用戶點擊側邊欄中所有社交圖標旁的電子郵件圖標時,會出現彈出視窗。

為什麼點擊彈出表單如此有效?

點擊彈出表單利用的是強大的齊格尼克效應,這是一種心理原則,指出用戶自己開始的動作,更有可能完成它。當某人點擊連結或按鈕來觸發你的彈出視窗,他們已經表現出了興趣,因此當表單彈出視窗出現時,他們更有可能使用它。

例如,你可以使用點擊彈出表單來提供領取獎品。這可能是一個免費下載資源,如電子書或 PDF 文件,用戶可以在提供電子郵件地址後獲得它。

然而,在你的网站上使用點擊彈出表單還有其他方法。比如,你可以要求用戶獲取優惠碼,了解更多產品信息,填寫調查表等。

欲了解更多,請參閱我們的指南,了解如何利用彈出窗口心理學提高 250% 的註冊率。

在 WordPress 上創建點擊彈出視窗

創建點擊彈出視窗最簡單的方法是使用 OptinMonster。這是WordPress的彈出插件和潛在客戶生成軟件。欲了解更多信息,請參閱我們的完整 OptinMonster 评测

首先,你需要註冊一個 OptinMonster 帳戶。你需要 Pro 帳戶(或更高版本),因為它包含了 MonsterLinks™ 功能,讓你可以創建點擊彈出窗口。只需訪問 OptinMonster 官網,點擊「現在獲取 OptinMonster」按鈕開始。

連接你的彈出視窗到你的郵件列表

當你對你的彈出視窗感到滿意時,點擊屏幕頂部的「集成」選項卡。你需要將 OptinMonster 連接到你的電子郵件營銷服務,以便你可以將人們添加到你的電子郵件列表中。

如果你需要電子郵件營銷服務或想更換你正在使用的服務,我們推薦 Constant Contact。點擊這個連結可獲取專屬 WPressize Me 讀者的 20% 折扣。

讓你的點擊彈出視窗上線

接下來,你可以前往頁面頂部的「已發佈」選項卡,將你的活動狀態從「草稿」更改為「發佈」。完成這一步後,點擊頂部的「保存」按鈕並關閉活動構建器。

隨後,你會看到活動的「WordPress 輸出設置」。點擊狀態下拉菜單,將其從「待定」更改為「已發佈」。完成後,點擊「保存更改」按鈕。

將你的 MonsterLink 添加到你的 WordPress 網站

現在,你需要將特別的 MonsterLink 添加到你的网站。如果你之前沒有複製這個連結,你可以通過返回活動的「顯示規則」設置來獲取它。首先,你需要創建一個新帖子或頁面,或編輯你想要添加連結的頁面。

MonsterLink 是HTML代碼,所以你需要將它貼入自訂 HTML 區塊。在 WordPress 內容編輯器中,點擊(+)按鈕以添加自訂 HTML 區塊。現在,將你的 MonsterLink 貼入該區塊。應該看起來像這樣:

<a href="https://app.monstercampaigns.com/c/mcqdabfqzia6zdiosiz0/" target="_blank" rel="noopener noreferrer">立即訂閱!</a>

你可以將「立即訂閱!」文字更改為你想在連結中使用的文字。放置連結後,你可以預覽你的頁面或帖子,確保其正常運作。這是我們的連結的運行示例。請注意,我們為文字應用了樣式以創建一個框,並使用更大的文字來幫助推廣領取獎源。

提示:使用 MonsterLinks™ 不僅限於文字連結。你還可以在網站上的呼叫動作按鈕、圖片、橫幅或導航菜單中使用 MonsterLink。

更多幫助

希望這篇教程能幫助你學會如何在點擊時觸發 WordPress 彈出表單。你可能還會想了解我們的如何加速你的 WordPress 網站和我們的終極 WordPress SEO 指南。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以觀看 WordPress 視頻教程。你也可以在推特和臉書上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>