如何在單擊“連接”或“圖片”時打開 WordPress 彈出窗體

已發表: 2023-02-22


你想開發一個彈出窗口,當訪問者點擊你網站上的連接或圖片時出現嗎?

這是使您的電子郵件列表成熟的可靠方法。 它更有效,因為它是從一個人採取的行動開始的。 受歡迎的網站通常使用它來提供選擇激勵,以獲得更多訂閱者。

在這篇簡短的文章中,我們將逐步展示如何在單擊網站鏈接或印象時打開 WordPress 彈出窗口。

How to Open a WordPress Popup Form on Click of Link or Image

什麼是“點擊”彈出式廣告?

單擊彈出窗口類型是當用戶單擊 WordPress 網站上的鏈接、按鈕或圖片時打開的燈箱彈出窗口。

通常,彈出窗口會在用戶到達或即將離開時出現在網站上。 單擊彈出式排序由消費者交互激活。

我們還在 WPBeginner 上使用點擊彈出窗口來擴展我們的電子郵件記錄。 例如,當用戶單擊所有社交圖標旁邊的側邊欄中的電子郵件圖標時,將出現一個彈出窗口。

On click popup preview

為什麼單擊彈出式排序如此高效?

單擊彈出窗口類型很有用,因為它使用了令人印象深刻的 Zeigarnik 結果。 這是一個心理學基本原理,表明自己開始動作的用戶更有可能完成它。

當有人單擊反向鏈接或按鈕以顯示您的彈出窗口時,他們目前已經表現出興趣。 當彈出窗口出現時,他們更有可能使用它。

例如,您可以使用點擊彈出窗口來提供直接吸引。 這可以是免費下載的有用資源,例如電子書或 PDF 文件,用戶可以用它們換取電子郵件地址。

儘管如此,還有其他方法可以在您的網站上使用簡單的點擊彈出窗口。 例如,您可以與客戶核實以使用優惠券代碼、進一步了解商品、填寫調查表等。

說到這裡,讓我們來看看如何方便地為您的網頁製作一個只需點擊的燈箱彈出窗口。

在 WordPress 中製作點擊彈出窗口

構建點擊彈出窗口的最直接方法是使用 OptinMonster。 它是 WordPress 和領先時代軟件的彈出插件。

首先,您需要註冊一個 OptinMonster 帳戶。 您將必須擁有 Professional 帳戶(或更大),主要是因為它涉及 MonsterLinks 功能,可讓您製作點擊彈出窗口。

只需訪問 OptinMonster 網頁並單擊“立即獲取 OptinMonster”按鈕即可開始使用。

OptinMonster

接下來,您需要在您的 WordPress 網站上安裝並激活 OptinMonster 插件。 對於啟用,請參閱我們關於如何安裝 WordPress 插件的逐個操作信息。

這使您可以將您的 OptinMonster 帳戶連接到您的 WordPress 網站。

激活插件後,您將需要連接您的帳戶。 您應該會自動轉到 WordPress 儀表板中的歡迎網站。

繼續並單擊“連接您的當前帳戶”按鈕。

Connect your existing account

之後,將打開一個新窗口。

您只需單擊“連接到 WordPress”按鈕即可將您的網站添加到 OptinMonster。

Connect OptinMonster to WordPress

將您的 OptinMonster 帳戶連接到您的 WordPress 網頁後,您可以點擊彈出窗口。

只需從您的 WordPress 儀表板轉到OptinMonster » 策略,然後單擊“創建您的初始廣告系列”按鈕。

Create your first campaign

您將被直接帶到 OptinMonster 網站。

Campaign Form 應該立即設置為 Popup。 如果沒有,只需單擊 Popup 將其選中。 接下來,您需要選擇營銷活動模板。

Choose a campaign type and template

您將能夠準確地修改模板之後的樣子。 我們將在本教程中使用“基本”模板。

只需將光標放在模板上方,然後單擊“使用模板”按鈕。

Select the basic template

現在,系統將提示您輸入廣告系列的名稱。 這只是給你的。 客戶不會看到它。

只需輸入一個名稱並單擊“開始構建”即可創建您的彈出窗口。

Enter a name for your campaign

OptinMonster 將立即在拖放活動構建器中加載模板。

您可以編輯默認文本並合併或刪除模板中的功能。 只需從左側的菜單中拖動塊並將它們放在模板上。

Add blocks to onclick campaign

您還可以通過單擊並使用剩餘的菜單解決方案來刪除該系列中的任何方面。 例如,我們將從類型中刪除“名稱”規程。

首先,您需要單擊屏幕底部的“選擇”選項卡。 不久之後,單擊該字段將其選中,您將在仍然左側的列中看到可用的選項,例如將其取走的可能性。

Delete name field

設計彈出窗口後,下一階段是設計結果表的樣式和設計,人們在填寫表格後很快就會看到。

基本上切換到屏幕頂部的“成功”視圖。

Edit the success view for onclick popup

您可以像編輯選擇查看一樣編輯結果透視圖。 例如,您可能想要修改文本或包含一個超鏈接以下載直接磁鐵。

將您的彈出窗口連接到您的電子郵件清單

當您對彈出窗口感到滿意時,單擊屏幕頂部的“集成”選項卡。 您需要將 OptinMonster 超鏈接到您的電子郵件廣告和營銷公司,以便您今天可以將人們添加到您的電子郵件列表中。

在這裡,單擊屏幕左側的“+ 包括新集成”按鈕。

Add an email marketing tool

接下來,您可以從下拉列表中選擇您的電子郵件服務提供商。

從下面開始,基本上按照說明將其連接到 OptinMonster。

Select your email provider

設置您的彈出窗口以查看只需單擊

現在,您需要將彈出窗口配置為在用戶單擊鏈接時查看。

提前,只需單擊屏幕頂部的顯示屏幕規則選項卡。

Select display rules

OptinMonster 設置的默認顯示屏幕規則是“網站頁面時間”。 這表示默認彈出窗口將在該人查看該站點一定時間後出現。

另一方面,您可以單擊下拉菜單並選擇“MonsterLink”(單擊時)替代選項。

Select MonsterLink display rule

不久之後,您需要在展示原則中看到您的 MonsterLink。

您可以單擊按鈕複製您的 MonsterLink 代碼。 你很快就會需要這個。

Copy the MonsterLink

建立你的點擊彈出窗口

接下來,您可以轉到網站頁面頂部的“已發布”選項卡,並將您的廣告系列的狀態從“草稿”更改為“發布”。

Publish your on click campaign

完成後,單擊屏幕頂部和廣告系列生成器附近的“保存”按鈕。

未來,您將看到營銷活動的“WordPress 輸出設置”。 您可以點擊“狀態”下拉菜單並將其從“待定”調整為“已發布”。 完成後,只需單擊“保存更改”按鈕。

Change status from pending to published

將您的 MonsterLink 添加到您的 WordPress 網頁

現在,您需要將特定的 MonsterLink 添加到您的網站。 如果您之前沒有復制它,您可以通過返回營銷活動的“顯示規則”位置來獲取它。

首先,您需要開發一篇新文章或網站,或者編輯一個您想要加入您的聯繫的地方。

MonsterLink 是 HTML 代碼,因此您需要將其粘貼到個性化的 HTML 塊中。

當您在 WordPress 內容編輯器中時,單擊 (+) 按鈕以添加自定義 HTML 塊。

Add a Custom HTML Block to Your Page

現在,將您的 MonsterLink 複製到該塊中。 它真的應該看起來像這樣:

Subscribe Now!

您可以調整條款“立即訂閱!” 到您要用於反向鏈接的任何文本。

Enter the MonsterLink Code

放置超鏈接後,您可以預覽您的網站或發布以確保其正常工作。

這是我們的鏈接。 請注意,我們對文本使用了一些樣式來生成一個包含更多文本內容的框,以幫助支持直接磁鐵:

On click popup preview

想法:您不僅限於使用 MonsterLinks 的文本鏈接。 您還可以將 MonsterLink 與您網站上的電話轉動作按鈕、插圖或照片、橫幅或導航菜單一起使用。

我們希望本教程能幫助您掌握如何在點擊時生成 WordPress 彈出窗口排序。 您可能還想查看我們關於如何加速您的 WordPress 網站的教程和我們最好的 WordPress 網站定位指南。

如果您喜歡這份報告,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。 您還可以在 Twitter 和 Facebook 上發現我們。