如何在 WordPress 中創建彈出窗口(分步)

[ad_1]


您想使用彈出窗口來提高 WordPress 網站上的參與度、潛在客戶和銷售嗎?

彈出窗口可以幫助您吸引訪問者的注意力,讓他們採取行動,例如註冊時事通訊、購買商品、參加限時搶購等。

彈出窗口有很多可能性! 在本教程中,我們將向您展示在 WordPress 中創建彈出窗口的最佳方法。

在 WordPress 中創建彈出窗口之前需要了解的事情

不久前,彈出窗口因具有侵入性、咄咄逼人且令人討厭而聲名狼藉。 並且有充分的理由。 網站過度使用彈出窗口並將它們顯示在任何可能的地方。

這種策略不會提高轉化率,但可能會使您的訪問者遠離您的網站。

相反,您需要在他們最有可能轉化的正確時間和地點定位您的客戶。 通過向他們展示相關的優惠或號召性用語,您更有可能將他們轉化為訂閱者和客戶。

要創建實際工作並帶來結果的漂亮彈出窗口,我們建議使用功能強大的工具,例如 視光怪獸.

視光怪獸

視光怪獸 是 WordPress 最好的彈出窗口製作插件。 它可以讓您在您的網站上創建任何類型的潛在客戶生成或轉換活動。 這意味著您將不僅限於彈出窗口。 您還可以創建浮動條、幻燈片、滾動框、內聯表單、全屏墊等。

OptinMonster 適用於任何網站,包括 Shopify、BigCommerce 和 HTML 網站。 對於 WordPress 和 WooCommerce 站點,WordPress 存儲庫中有一個專用插件可用。 這使您可以直接在您網站的管理面板內訪問 OptinMonster 彈出式構建器。

OptinMonster 旨在讓任何人無需任何設計或編碼技能即可輕鬆製作出色的廣告系列。

有漂亮的模板,響應迅速,開箱即用。 您會為幾乎每個營銷目標和假期(如聖誕節和黑色星期五)找到模板!

來自 om 的活動示例

選擇模板後,您可以使用簡單的拖放活動構建器對其進行自定義。

現在我們推薦 OptinMonster 的主要原因是它帶有強大的定位規則和活動觸發器。 其中一些包括:

  • 單擊時:當用戶單擊按鈕、鏈接或圖像時顯示彈出窗口
  • 滾動深度:與對您的內容感興趣的訪問者互動
  • 地理位置:根據遊客所在地區與他們互動
  • 時間和日期:安排活動在設定的日期和時間出現
  • 退出意圖:恢復放棄的訪客
  • 頁面級別:定製營銷活動以匹配頁面意圖

這些只是一些流行的規則。 在 OptinMonster 中,您可以完全控制彈出窗口出現的地點、時間和對象。

除了所有這些功能外,OptinMonster 還與電子郵件提供商和其他營銷工具無縫集成。

一旦您的彈出窗口獲得一些參與度,OptinMonster 就會跟蹤其性能並為您提供有價值的見解,以了解有多少人查看了它以及有多少人轉換了它。

準備好學習如何為您的 WordPress 網站製作高轉化率的彈出窗口了嗎? 讓我們直接進入教程。

在 WordPress 中創建彈出窗口的正確方法

要繼續學習本教程,您需要 註冊一個 OptinMonster 帳戶.

OptinMonster 沒有免費版本,但它的計劃價格實惠,值得每一分錢。 您可以以每月低至 9 美元的價格開始使用,並提供 14 天的退款保證。

註冊後,前往您的 WordPress 網站並 安裝 OptinMonster 插件.

這是一個 WordPress 連接器插件,可在 WordPress 存儲庫中免費獲得。

當您激活 WordPress 插件時,有一個自動設置嚮導可以幫助您將您的站點連接到您的 OptinMonster 帳戶。

如果您需要更多幫助,請按照本教程進行操作: 如何將 OptinMonster 連接到 WordPress.

設置完成後,您可以直接在 WordPress 管理面板內訪問 OptinMonster 儀錶板並開始構建活動。

這是我們今天將創建的彈出窗口類型的示例。 它旨在通過向網站訪問者提供磁鐵來吸引他們註冊時事通訊。

請記住,OptinMonster 擁有大量模板,因此您可以選擇適合您營銷目標的設計。 您可以創建任何類型的彈出窗口,包括折扣、銷售、通知、聯繫表單彈出窗口等等。

第 1 步:創建彈出式廣告系列

在您的 WordPress 儀錶板中,打開 OptinMonster 插件頁面。 在這裡,您將看到可用的不同廣告系列類型。 讓我們繼續選擇一個「彈出」廣告系列。

在 om 中選擇彈出廣告系列

這將打開模板庫,您可以在其中瀏覽、預覽和選擇您喜歡的模板。 在本教程中,我們將選擇預裝了 optin 表單、CTA(號召性用語)和精美圖片的 Magnet 模板。

隨意選擇您喜歡的任何模板。 對於所有彈出主題,以下步驟將保持不變。

當您選擇模板時,OptinMonster 會要求您添加一個名稱,以便您稍後可以從您創建的活動列表中識別新的彈出窗口。 然後,點擊「開始構建」按鈕。

現在您將進入 OptinMonster 活動構建器,您可以在其中自定義彈出窗口設計。

第 2 步:自定義彈出窗口

OptinMonster 有一個非常容易使用的可視化拖放構建器。 您將看到廣告系列的預覽,您可以直接對其進行修改。

如果您是第一次使用 OptinMonster,當您打開構建器時,您會看到一個屏幕教程,該教程將快速向您展示如何使用構建器和導航設置菜單。

請記住,模板本身看起來很棒,因此您無需進行太多更改。 我們將向您展示如何自定義彈出模板,使其符合您的目標或目的。

optinmonster 構建器示例

首先,當您選擇文本框時,它會立即變得可編輯。 您可以簡單地刪除現有內容並輸入您自己的內容。

如果您想添加新塊,只需從左側菜單中選擇所需的塊並將其拖放到您的彈出式設計中。

像這樣,您可以添加、刪除和編輯彈出模板中的每個元素。 您還可以更改顏色、字體、大小等。

接下來,要更新圖像,只需選擇它並在左側菜單中上傳您自己的圖像。

在 om 彈出窗口中更改圖像

在高級設置選項卡中,您可以更改背景顏色、邊框、間距和角樣式。 您甚至會在此部分中看到自定義每列的選項。

om 中高級選項卡中的列樣式

訪問者填寫並提交選擇表單後,您可以顯示成功消息以感謝他們的註冊。

要自定義表單提交消息,請打開「成功」選項卡。 您將看到帶有確認消息的相同模板設計。

您可以按照自定義彈出式設計的相同方式自定義消息。

OptinMonster 的構建器旨在讓任何人都易於使用。 您可以自行探索更多設置,以按照您想要的方式設計您的廣告系列。

現在您的彈出窗口設計已準備就緒。 我們建議保存您的設計以存儲您的自定義。 接下來,我們將向您展示如何更改彈出窗口設置和添加定位規則。

第 3 步:添加彈窗定位規則

要控制您的彈出窗口出現在您網站上的位置和時間,請轉到「顯示規則」選項卡。

在這裡,您會看到默認情況下,OptinMonster 會向在您網站的任何網頁上停留至少 5 秒鐘的網站訪問者顯示彈出窗口。

默認顯示規則 om

您可以首先編輯現有規則以添加您自己的規則。 當您打開設置為「頁面時間」的下拉菜單時,將出現規則列表。

由於有很多規則,它們被整齊地分類,因此您可以快速找到所需的內容。 過濾器包括:

  • 受歡迎的
  • 扳機
  • 定位
  • 個性化
  • 電子商務

我們將向您展示如何在此處添加 2 條規則,以向特定頁面上即將退出您網站的訪問者顯示彈出窗口。

要定位特定頁面上的訪問者,請選擇頁面定位規則。

om 中的頁面定位規則

然後您可以選擇一個過濾器來確定您想要的頁面。 您可以選擇僅在主頁、特定登錄頁面、與關鍵字匹配的頁面等上顯示它​​。 最後,在最後一列中,您可以輸入要顯示彈出窗口的頁面 URL 或關鍵字。

頁面定位選項

接下來,編輯第二條規則並選擇 Exit-Intent® 規則。 這將自動檢測訪問者何時即將離開您的網站並顯示彈出窗口以讓他們註冊電子郵件。

om 中的退出意圖規則

看看添加營銷活動觸發器和受眾定位規則有多麼容易? OptinMonster 只需單擊一下即可輕鬆完成。

現在您已經了解了如何添加顯示規則,您可以將彈出窗口與您的電子郵件帳戶集成。

第 4 步:同步您的電子郵件帳戶

OptinMonster 連接到所有流行的電子郵件服務,包括 常聯繫、Mailchimp、AWeber 和 Drip。

通過將您的彈出窗口與您的電子郵件營銷帳戶同步,所有新潛在客戶都將自動添加到您的電子郵件聯繫人列表中。

為此,在 OptinMonster 構建器中,打開集成選項卡。 然後單擊「添加新集成」按鈕。

現在,您將看到一個包含可用集成的下拉菜單。 選擇您的電子郵件服務提供商並按照屏幕上的說明連接您的帳戶。

選擇電子郵件集成

完成後,您還可以細分潛在客戶並添加標籤以保持電子郵件列表井井有條。 這樣,您就可以根據受眾的註冊內容發送針對他們的電子郵件。

om 電子郵件集成列表和標籤

就是這樣! 您的彈出窗口已設計並正確配置! 剩下要做的就是讓彈出窗口在您的 WordPress 網站上生效。

第 5 步:發布您的 WordPress 彈出窗口

要在 WordPress 網站上發布彈出窗口,請導航到「發布」選項卡。 在這裡,您可以預覽彈出窗口的示例,就像它出現在您的實時 WordPress 網站上一樣。

預覽和發布 om 彈出窗口

然後,將狀態設置為「發布」,您的彈出窗口就會上線。

接下來,轉到您的 WordPress 管理面板。 打開 OptinMonster » 活動頁面。 確保您的活動狀態也設置為已在此處發布。

om 彈出設置狀態為在 wordpress 中發布

現在您可以訪問您的站點,您將看到根據您設置的顯示規則出現的彈出窗口。

真的就是這麼簡單。 您無需使用 CSS 和 HTML 進行設計,也無需在您的網站上嵌入彈出式短代碼。

如果您使用 OptinMonster 創建內聯表單,您會在 WordPress 中找到現成的小部件,可以輕鬆地將表單添加到頁面、帖子和側邊欄。

這確實使 OptinMonster 成為市場上最好的 WordPress 彈出插件。

有了這個,你已經學會了如何在 WordPress 中創建一個令人驚嘆的高轉換彈出窗口。 您可以繼續使用 OptinMonster 來創建更多活動,例如浮動條、幻燈片和滾動框!

您可能還想為您的網站創建最近的活動通知,以提高轉化率和註冊量。 在此處了解更多信息: 如何使用社交證明通知增加您的電子郵件列表.

我們希望您發現本教程對創建 WordPress 彈出表單有幫助。 您還將有興趣閱讀以下資源:

這些 WordPress 教程和插件評論將幫助您從您的網站產生更多潛在客戶,從而擴大您的受眾並建立您的品牌。

相關文章