如何在您的網站上創建燈箱彈出窗口（逐步）

正在尋找一種為您的網站創建燈箱彈出窗口的方法？

燈箱彈出窗口對於捕獲潛在客戶非常有效。 它們旨在說服和轉換。

但是必須從頭開始編寫代碼是一種真正的痛苦。 一方面，您必須了解足夠的 HTML、CSS 和 Javascript 才能創建彈出窗口以及何時顯示它的觸發規則。 然後，您必須與您的電子郵件服務提供商創建手動集成。 最後，您必須處理任何隱私和安全問題。

好消息：有一個更簡單的方法。

在本文中，我們將向您展示如何在 10 分鐘內啟動零編碼的燈箱彈出窗口。

讓我們潛入水中。

什麼是燈箱彈出窗口？

燈箱彈出窗口是一種選擇加入的形式，彈出具有電影效果。 當一個燈箱彈出時，它會模糊背景中網站的其餘部分。 這樣，您的全部注意力都集中在彈出窗口上。

最初，燈箱的概念來源於戶外廣告：

然後，一些開發人員認為這是一個非常酷的效果，他們創建了一個 Javascript 庫來在 Web 資產上重新創建相同的效果。 後來，使用燈箱彈出窗口的想法開始發揮作用。

為什麼燈箱彈出窗口有效

燈箱彈出窗口比傳統的電子郵件選擇表單捕獲更多的電子郵件。

但它們為什麼起作用？

讓我們快速看一下燈箱彈出窗口運行良好的主要原因。

#1。 燈箱彈出窗口具有明確的號召性用語

大多數人認為，為客戶提供很多選擇是一件好事。

但事實並非如此。

如果您正在尋找直接轉化，您需要一個單一、清晰的號召性用語，讓您的受眾可以關注。 這樣，您就可以消除用戶心中的所有乾擾。 燈箱彈出窗口在突出您的核心產品並讓人們專注於您的行動號召方面做得很好。

因此，自然地，轉換率非常高。

#2。 燈箱彈出窗口是不可忽視的

燈箱彈出窗口占據了整個屏幕並模糊了其他所有內容。 因此，幾乎不可能忽略它們。

如果它們是動畫的，則尤其如此：

當然，您必須確保您的彈出窗口不具有侵入性。 您可以通過自定義何時觸發您網站上的不同彈出窗口來做到這一點。 只要您的聽眾不被打擾而煩惱，您就可以很容易地說服並轉換他們。

#3。 燈箱彈出窗口有個性化的觸發器

您不應該向所有網絡訪問者展示相同的優惠。 如果您經營的是電子商務商店，您將需要為新客戶和回頭客提供截然不同的優惠。

對於新客戶，您可以觸發歡迎活動：

但是對於回頭客，您可能希望向他們發送不同的報價：

請注意兩種優惠的折扣金額完全相同。 但報價的方式卻截然不同。 這非常重要，因為燈箱彈出窗口是為戲劇效果而構建的。 因此，更個性化的方法肯定會給您帶來更好的結果。

您甚至可以根據用戶的內容偏好個性化優惠。 如果他們正在閱讀有關晚餐食譜的文章，向他們展示與晚餐食譜相關的報價比向他們展示汽車報價更有意義。

#4。 燈箱彈出窗口可以捕獲被遺棄的訪客

燈箱只是顯示彈出窗口的一種方法。 所以，真的沒有什麼能阻止你自定義觸發器到你喜歡的任何程度。 我們建議創建退出意圖燈箱彈出窗口。

當您的訪問者試圖退出您的網站時，會觸發退出意圖彈出窗口。 結果，您保留了大量本來會放棄您的網站的訪問者。 因此，如果您正遭受網站放棄的困擾，您絕對應該創建一個退出意圖的燈箱彈出窗口。

如何創建燈箱彈出窗口

既然您已經了解了什麼是燈箱彈出窗口以及為什麼要創建一個燈箱彈出窗口，那麼您如何製作燈箱彈出窗口？ 我們建議使用 OptinMonster 創建彈出窗口。

OptinMonster 是世界上排名第一的轉換工具包，我們自己也使用過。 OptinMonster 讓創建可轉換的強大彈出窗口變得超級簡單。 而且您根本不需要使用任何編碼。

我們甚至寫了對 OptinMonster 的完整評論。

您可以檢查一下，或立即開始您的廣告系列。 您所要做的就是註冊 OptinMonster 並按照本文的其餘部分進行操作。

第 1 步：創建廣告系列

前往您的 OptinMonster 儀表板並點擊創建按鈕：

選擇燈箱彈出廣告活動類型：

然後，選擇一個廣告系列模板。 您可以選擇您喜歡的任何模板，但我們將使用本教程的簡單廣告系列類型。

現在，為您的廣告系列命名。 請記住，此廣告系列名稱適合您，您可能會創建一大堆具有不同定位選項的彈出窗口。 所以，給活動起一個有意義的名字，否則你以後會很困惑。

此外，根據您的計劃，您還可以在多個站點上使用 OptinMonster。 因此，請選擇您想要展示廣告系列的網站。

完成後按開始構建。

步驟#2：編輯您的彈出窗口

使用 OptinMonster，您將獲得一個可視的拖放彈出式構建器。 完成廣告系列的創建後，您甚至可以編輯有關彈出窗口的最細微的細節。 首先編輯您的彈出標題：

這裡最令人驚奇的部分是您只需單擊要編輯的任何文本並內聯更改它。 無需填寫表格或在彈出窗口中編輯任何 HTML 代碼。

然後，調整您的按鈕文本和外觀以創建清晰的號召性用語：

當您對彈出窗口的外觀感到滿意時，您可以繼續進行更高級的設置。

第 3 步：設置顯示規則

顯示規則旨在定義您的廣告系列何時顯示在您的網站上以及誰可以看到它。

我們的建議是您將觸發條件更改為退出意圖：

單擊下一步以選擇操作。 在這裡，我們建議您將Show the campaign view設置為 Optin View，將帶有 MonsterEffect 的 show設置為您喜歡的任何入口動畫，並為您的 popup播放任何音效。

然後，單擊下一步按鈕。 您可以在“摘要”選項卡中查看設置的全部範圍。

步驟#4：設置您的電子郵件集成

下一步是設置您的電子郵件集成。 單擊集成選項卡中的添加新集成，然後選擇您的電子郵件服務提供商：

如果您還沒有電子郵件服務提供商，我們建議您使用 Drip 進行電子郵件營銷。

步驟#5：發布您的燈箱彈出窗口

當您創建新的廣告系列時，它默認處於暫停狀態。

從頂部菜單轉到“發布”選項卡以查看“發布選項”。 然後，將狀態設置為發布並選擇網站平台：

如果您運行的是 WordPress 網站，OptinMonster 插件會自動處理其餘的設置。 Shopify 和 BigCommerce 也是如此。 對於任何其他網站，單擊任何網站並將嵌入代碼粘貼到您網站的頭部：

你完成了！

包起來

這就是這個，伙計們！

讓我們知道這篇文章是否有幫助。 在您的網站上創建彈出窗口可以幫助您將流量轉化為電子郵件訂閱者和真正的業務線索。 我們強烈建議您立即開始創建燈箱彈出窗口。

如果您正在尋找一種經濟實惠的方式來增加流量，我們建議您使用推送通知。 推送通知可以幫助您帶來更多的重複流量和網站參與度。 您還可以創建產生銷售的自動推送通知活動。

不服氣？ 查看這些資源：

• 提高客戶參與度的 7 種明智策略
• 推送通知有效嗎？ 7 個統計數據 + 3 個專家提示
• 如何設置廢棄購物車推送通知（簡易教程）

我們建議使用 PushEngage 創建您的推送通知活動。 PushEngage 是世界上排名第一的推送通知軟件。 因此，如果您還沒有，請立即開始使用 PushEngage！