如何使用 Elementor 輕鬆創建彈出窗口

Elementor 是一個流行的 WordPress 插件，它允許您通過拖放輕鬆創建漂亮的頁面和帖子。 Elementor 的一大優點是它帶有一個內置的彈出窗口構建器。 這意味著您可以使用 Elementor 輕鬆創建彈出窗口，而無需使用單獨的彈出插件。 在本文中，我們將向您展示如何使用 Elementor 輕鬆創建彈出窗口。 我們還將向您展示如何設置樣式以匹配您網站的設計。

Elementor 使創建彈出窗口變得簡單。 使用 Elementor，您可以創建具有拖放功能的彈出窗口。 此外，平台上還提供高級規則。 為了在用戶單擊按鈕時顯示彈出窗口，請打開觸發器選項卡並選擇單擊時。 Elementor Pro 消除了安裝彈出插件的需要。 您可以使用 Elementor 中的 Popup Builder 創建任何類型的彈出窗口。 以下只是我們最近創建的一些彈出窗口示例：我們剛剛在上面創建的號召性用語彈出窗口、註冊表單彈出窗口、通知欄和社交分享按鈕。

Elementor 有彈出窗口嗎？

Elementor 的圖書館提供彈出窗口，其中包含各種預先設計的彈出窗口。 選擇既美觀又實用的佈局，例如全屏、模態、滑入式、頂部或底部欄，或您喜歡的佈局。 使您的彈出窗口按照您的需要定制，完全屬於您自己的。

製作定制的 WordPress 彈出窗口有時可能很困難。 Elementor 的頁面構建器插件使您能夠快速輕鬆地自定義和創建彈出窗口。 彈出式表單允許您捕獲電子郵件地址、促進銷售和做其他事情。 按照本指南中概述的步驟，您將能夠確定哪種類型的 Elementor 彈出窗口適合您。 以前，Elementor 插件的基本插件的模態彈出功能允許用戶免費創建彈出表單。 在本文中，您將能夠使用免費的 Elementor Pro 來完成此任務。 在開始設計彈出窗口之前，您必須先購買並激活 Elementsor Pro。

要激活觸發器，您需要指定其參數。 例如，當您選擇 On Page Load 時，您的彈出窗口將在短短 6 秒內出現。 On Scroll 允許您確定用戶需要向哪個方向滾動。當用戶在您的頁面上閒置特定時間時，彈出窗口的 Inactivity 屬性允許您激活它。 打開彈出窗口後，轉到 Elementor 編輯器中的顯示規則。 當用戶看到您的表單時，高級設置將允許您修改其外觀。 此功能可以幫助您針對以前訪問過您網站的人而不是從未訪問過您的網站的人定制營銷。

如果啟用了“最多顯示 X 次”選項，用戶可能只會看到一次您的彈出窗口。 Elementor 和 JetPopUp 都具有拖放界面，使 JetPopUp 成為一個簡單且用戶友好的插件。 使用 Popup Box Widget，您可以設計包含動態元素（如視頻、圖像和 Google 地圖）的動態彈出窗口。 如果您想在彈出窗口中添加 3D 動畫，您可以使用報紙格式或放大。如果您使用 Elementor 工具的基本插件，Lightbox 是 Elementor 的一個很好的小部件。 使用其交互功能創建彈出窗口，例如視頻、圖像和動畫。 作為 39.97 美元的年度訂閱計劃的一部分，有 70 多個小部件和 7 個擴展可用。 您可以使用免費和付費的 Elementor 工具來創建彈出窗口。

Elementor 彈出按鈕單擊

如果您想在單擊按鈕時顯示彈出消息或表單，則單擊按鈕時彈出 Elementor 非常有用。 如果您想捕獲潛在客戶或讓人們註冊您的時事通訊，這將非常有用。 要設置它，您需要做的就是創建一個按鈕元素，然後向它添加一個彈出元素。

Elementor 允許您在單擊按鈕時創建彈出窗口。 只有 Elementor Pro 可用於完成此操作。 您可以使用 Elementor 的專業版通過自定義和使用各種模板來創建自己的網站。 如果您想在彈出窗口中的按鈕上嘗試懸停效果，請查看我們的 Elementor Underline On Hover 教程。 2.在屏幕底部插入一個彈出窗口。 單擊它後（就在彈出窗口之前），將出現扳手圖標。 它將包含兩個字段：Actions 和 All。 通過將操作字段留空來選擇您的彈出窗口。

Elementor 彈出窗口示例

使用 Elementor 創建彈出窗口的方法有很多。 例如，您可以使用 Popup Maker 之類的插件來創建疊加層和模態框。 另一種選擇是使用 Elementor 的內置彈出編輯器。 這使您無需安裝單獨的插件即可創建彈出窗口。 要使用彈出窗口編輯器，只需創建一個新彈出窗口並選擇“彈出窗口編輯器”選項卡。 從這裡，您可以添加內容、更改佈局和添加動畫。

以下是為您的網站設計各種類型的彈出式選擇加入表單的分步指南。 Elementor Pro 高級版包括一個高級拖放編輯器，可用於創建各種彈出窗口。 這些彈出窗口也可以發送到許多其他電子郵件營銷服務。 Elementor Pro 與以下電子郵件營銷平台直接集成：有沒有什麼方法可以在不花很多錢的情況下獲得優秀的電子郵件營銷公司列表？ Zapier 仍可用於連接您的所有設備。 配置彈出窗口設置後，您可以使用可視化拖放界面創建彈出窗口的設計。 有許多可用的 Elementor 小部件類型，可讓您根據自己的喜好設計任何元素。

您可以使用表單小部件創建您的電子郵件選擇加入表單。 您可以將表單連接到各種電子郵件營銷服務。 您還可以自定義彈出窗口的設計以提高轉化率。 Elementor Pro Popup Builder是一個出色的工具，用於為您的網站的電子郵件列表創建電子郵件選擇加入彈出窗口和選擇加入。 強烈建議您啟用最多顯示 X 次以使自己顯得更專業。 選擇 URL 選項後，個性化選項變得更易於訪問。 如果您在熱門博客上寫客座帖子，您可以選擇加入關注該博客的人員列表。

Elementor Pro 讓您能夠從頭開始設計 100% 的彈出窗口。 Elementor 還為您提供對作為常規 Elementor 體驗一部分的所有小部件的訪問權限，讓您可以根據自己的特定需求定制體驗。 您可以使用更多帶有免費和高級 Elementor 擴展的小部件。

Elementor 彈出圖像點擊

如果您希望在 WordPress 網站上的圖像中添加彈出窗口，最簡單的方法之一就是使用 Elementor 插件。 安裝並激活插件後，您可以通過轉到 Elementor -> Popups -> Add New 創建一個彈出窗口。 從那裡，您可以添加內容，選擇彈出窗口的時間和位置，甚至添加條件以使彈出窗口僅在某些情況下出現。

如果單擊一個元素，將打開彈出窗口。 在本教程結束時，您將能夠實現兩種創意策略，以便在單擊按鈕時打開彈出窗口。 作為獎勵，您將學習如何在執行此操作時增加點擊該按鈕以獲得更多轉化的人數。 第 2 步：您的彈出窗口的樣式應該適合您的品牌的審美、聲音和信息。 在 Elementor 中完成頁面編輯後，單擊左側菜單上的“發布”按鈕將彈出窗口粘貼到頁面中。 OptinMonster 是最受歡迎的潛在客戶生成軟件，也是 WordPress 彈出窗口的最佳插件。 此外，OptinMonster 具有直觀的拖放構建器，無需編碼或技術經驗即可輕鬆創建專業彈出窗口。

高級定位規則可用於個性化您的其他 optin 活動。 Optin Monster 的預製模板具有完全響應能力，非常適合在任何設備上使用，包括移動設備和平板電腦。 使用拖放或內聯文本編輯器，您無需任何編碼經驗即可創建高轉化率的廣告系列，因為一切都可以在一段代碼中完成。 OptinMonster 通過可點擊的彈出窗口讓使用 Elementor 頁面變得簡單。 將 OptinMonster 連接到 ESP 所需的 API 密鑰可以在 ESP 帳戶的儀表板中找到。 嵌入的 HTML 如下： 它是阿拉伯語單詞 tal 的派生詞 我想打開 Monstercampaigns.com 使用： https://app.monstercampaigns.com/c/lxefnymh0ugfyvsxa8wu/>opener 最重要的因素之一說服人們訪問您的網站是您的社交證明的有效性。 這是一個術語，指的是您網站的各個方面，這些方面與您的受眾建立信任。

向您的網站添加社交證明通知的一個好方法是使用 TrustPulse 等工具。 您可以通過社交證明增加可點擊彈出窗口的參與度。 您可以將 TrustPulse 與任何網站構建器一起使用，包括 WordPress，並且您無需具備技術知識即可使用它。 您可以通過顯示訪問者總數來顯示有多少人對優惠感興趣。 結果，當您宣傳某些東西時，您會對這個話題更加興奮。

使用 Javascript 觸發 Elementor 彈出窗口

使用 JavaScript 觸發 Elementor 彈出窗口有兩種方法： 1. 使用 Elementor 觸發器 API。 2. 使用Elementor Popup 模塊。 Elementor 觸發器 API 是使用 JavaScript 觸發彈出窗口的推薦方式。 這是因為它是觸發彈出窗口的最靈活方式，並且允許您自定義彈出窗口的行為。 Elementor Popup 模塊是一種使用 JavaScript 觸發彈出窗口的更簡單方法。 此方法更易於使用，但不如 Elementor 觸發器 API 靈活。

我們提供對我們所有功能和小部件的高級小部件訪問。 使用前 30 天 100% 退款保證。 可以使用 SSL 進行安全支付。 通過 256 位 SSL 加密確保安全的身份驗證和數據安全。 當您支付賬單時，不會根據您的賬單地址向您收取任何適用的稅款。 在您購買之前，最終價格將顯示在結帳頁面上。 使用帖子網格小部件來顯示彼此相鄰的帖子。

這個小部件將允許您創建令人驚嘆的數字框。 除了背景切換器，該插件還允許您設置內容框。 花更少的時間在 Elementor 中尋找小部件，而花更多的時間做你最擅長的事情——設計。