如何在 Shopify 上添加彈出窗口

為什麼要向 Shopify 商店添加彈出窗口？

這很簡單。

您可以實現很多電子商務目標，例如：

• 轉化高達 10% 的網站流量
• 回收廢棄的購物車
• 每月產生數千個潛在客戶
• 增加銷售和促銷頁面的流量

這些聽起來像是您想要實現的業務增長目標嗎？ 如果是，那麼讓我們學習如何在 Shopify 上添加彈出窗口。

轉到內容部分：

• Shopify 彈出窗口的類型
• 如何在 Shopify 中添加彈出窗口

在 Shopify 上添加的彈出窗口類型

您可以使用多種彈出窗口類型來轉換您的 Shopify 商店訪問者。 每種類型都旨在實現特定目標。

Shopify 彈出式應用程序具有針對不同目標的預製彈出式窗口，因此您只需選擇合適的彈出窗口，對其進行自定義，然後將它們添加到您的商店。

最流行的彈出窗口類型包括：

• 電子郵件彈出窗口。 索要電子郵件以換取獎勵
• 調查彈出窗口。 收集訪客的反饋/答案
• 優惠券彈出窗口。 提供優惠券以增加您的銷售額
• 時事通訊彈出窗口。 要求用戶訂閱電子郵件通訊
• 旋轉獲勝彈出窗口。 邀請訪客玩遊戲
• 移動友好的彈出窗口。 針對在移動設備上查看進行了優化
• 促銷彈出窗口。 分享促銷詳情以鼓勵銷售
• 購物車恢復彈出窗口。 通過折扣和免費送貨等提醒和/或激勵措施減少購物車放棄

還有更多 Shopify 彈出窗口需要考慮。 但好消息是，您只需要一個 Shopify 彈出工具即可使用所有這些類型等等。

如何在 Shopify 上添加彈出窗口

現在您知道彈出窗口是什麼以及它們為 Shopify 商店帶來的諸多好處，讓我們來製作一個。

第 1 步：將 Shopify 彈出式應用添加到您的商店 [免費]

在本教程中，我們將使用Wisepops 。

使用此 Shopify 彈出式應用程序，您可以使用所有彈出式類型。 但最重要的是， Wisepops 獲得了 Shopify 用戶的 4.9 星評級（滿分 5 星）。

要將彈出窗口添加到 Shopify，請轉到Shopify 應用商店上的 Wisepops 頁面。 單擊添加應用程序開始安裝。

如果您已從商店註銷，單擊添加應用程序將引導您進入 Shopify 登錄頁面。 輸入您的詳細信息以完成安裝。

下一個 -

登錄後，您將在 Shopify 管理面板中看到一個窗口，通知您安裝 Wisepops。 單擊安裝應用程序。

單擊安裝應用程序按鈕將帶您到Wisepops Shopify 註冊頁面。

現在，讓我們繼續下一步：將您的詳細信息添加到 Wisepops。

第 2 步：獲取免費的 Wisepops 帳戶

Wisepops 應用程序有兩個簡單的註冊步驟。

您可以通過兩種方式註冊：使用您的 Gmail 或您的姓名、電子郵件和密碼。 選擇您喜歡的註冊方法以繼續。

在下一個窗口中——

添加您的網站、公司名稱和規模以及其他與業務相關的信息。 這些答案將幫助 Wisepops 使您的應用體驗更加相關。

單擊開始我的免費試用以完成註冊並將您的 Shopify 商店與 Wisepops 集成。

這需要三秒鐘，所以現在您可以開始創建您的第一個彈出廣告系列來轉換您的訪問者！

注意：您還可以使用設置代碼將 Wisepops 添加到您的商店。 第 1 步：在 Wisepops 網站上獲得一個免費帳戶。 第 2 步：在 Wisepops 中，轉到Settings > Websites ，單擊三點圖標在您商店的 URL 旁邊。 第 3 步：在顯示代碼的菜單中選擇設置代碼。 第 4 步：在商店主題中的 </body> 標記之前添加代碼。

第 3 步：創建彈出廣告系列

讓我們回到 Wisepops 儀表板。

要為您的 Shopify 商店創建新的彈出窗口，請單擊新建廣告系列。

該菜單將為您提供兩個選項： Campaign Assistant和Custom Campaign 。

如果您是第一次創建活動，請選擇活動助理。 這樣，您將在整個過程中獲得提示，因此向您的 Shopify 添加彈出窗口將更加容易。

因此，請單擊Campaign Assistant繼續。

第 4 步：選擇廣告系列目標

是時候決定我們第一個 Shopify 彈出窗口的目標了。

讓我們使用Drive Sales ，因為，Shopify 店主不想要這樣嗎？

點擊推動銷售。

接下來，Wisepops 將向您展示推動銷售的方法：免費送貨、首購優惠券、限時優惠等。

讓我們選擇免費送貨。

這意味著我們將為您的客戶提供超過一定金額的免費送貨服務。 這種技術可以幫助增加銷售額，因為免費送貨是人們在線購物的首要原因。

第 5 步：選擇彈出模板

選擇Free Shipping後，您將自動被重定向到模板庫。 在那裡，您可以選擇 Shopify 彈出窗口的格式。

讓我們選擇第三個模板（見下文）。 這是一個非侵入性的網站彈出窗口，可以顯示在屏幕的一角。

這是 Wisepops中此彈出窗口的預覽（必須登錄才能查看）。

注意：您可以在 Shopify 商店中查看每個模板的外觀。 只需單擊將鼠標懸停在模板上時出現的預覽按鈕。

第 6 步：自定義廣告系列

選擇彈出模板後，您將被重定向到廣告系列編輯器。

讓我們讓廣告系列看起來像是 Shopify 商店的自然組成部分。 這樣做很簡單：只需將鼠標懸停在元素上即可查看編輯選項。

就像這裡一樣，當我將鼠標懸停在彈出窗口的主標題上時，選項就會出現。

定制提示：

• 添加原始圖像
• 使用您的品牌顏色來確保設計的一致性
• 為 CTA 按鈕提供對比色以使其脫穎而出
• 在 CTA 文本菜單中添加指向產品頁面或產品類別頁面的鏈接，以引導訪問者購買

另外，這裡有一個提示，嘗試將免費送貨門檻設置為 100 美元。 這是訪問者需要花費的金額才能觸發免費送貨。

全國零售聯合會建議 65% 的客戶在將產品添加到購物車之前會注意閾值。 您的門檻顯然會受到商品成本的影響。

第七步：配置彈窗顯示場景

彈出時間在最大化轉化率方面起著決定性的作用。

在這種情況下，我們希望所有訪問者都能看到我們的 Shopify 彈出窗口。 這就是為什麼我們可能希望在加載您的商店時顯示廣告系列。要設置時間，請轉到觸發器

顯示菜單中的選項卡。

在那裡，選擇On Landing 。

設置好時間後，讓我們添加一個 10 秒的延遲。

這意味著將彈出窗口的顯示延遲 10 秒。 由於彈出窗口的立即顯示可能會讓一些訪問者感到沮喪，因此延遲會讓他們先快速瀏覽一下。

要添加延遲，請在Trigger選項卡中找到Timing部分。 在那裡，點擊After delay 。

單擊After delay 後，您將看到一個輸入字段和下拉框。

將“10”添加到框中，然後在下拉菜單中選擇“頁面上的秒數” （如下圖所示）。 完成後單擊+ 添加規則。

現在，加上時間延遲，您創建廣告系列的任務幾乎完成。

是時候保存廣告系列了。

單擊編輯器右上角的保存。

第 8 步：激活 Shopify 彈出廣告活動

您與現場活動之間的唯一步驟是激活。

現在讓我們這樣做。

轉到儀表板（單擊左上角的 Wisepops 徽標）並確保您位於“廣告系列”選項卡中。

在那裡，將撥動開關設置為打開（正確的位置，如下所示）。 一旦你這樣做了，活動就開始了！

旋轉贏彈窗教程 製作一個每月產生 5,000 個潛在客戶的彈出窗口怎麼樣？ 在這個發果案例研究中，找到一個教程來複製該品牌最成功的旋轉獲勝彈出廣告活動。

了解有關 Shopify 彈出窗口的更多信息

使用 Wisepops，您幾乎可以運行任何 Shopify 彈出廣告活動來實現您的增長目標。 這意味著您會在 Wisepops 中找到大量面向轉換的功能、華麗的彈出式模板和專業營銷技巧。

從這裡，我們建議您探索以下選項：

• 嘗試主菜單功能
• 參加產品之旅以了解有關彈出窗口類型和優勢的更多信息
• 閱讀Asphalte 案例研究和OverstockArt 案例研究，了解企業如何每月通過 Wisepops 產生數千個潛在客戶

Wisepops 的主菜單包含大量針對您的彈出廣告系列的自定義設置。 例如，使用Popup和Blocks部分，您可以創建不同大小、格式、佈局的彈出窗口，並添加不同的按鈕。

此外，我們的博客是彈出提示、成功案例和最佳實踐的來源。 這些帖子對於像您這樣的 Shopify 店主來說應該很有趣：

• 5 種彈出策略來提高您的選擇加入率
• 如何在 Shopify 上獲得銷售：12 條提示 + 示例
• 15 個彈出式最佳實踐來產生潛在客戶和銷售

最後但並非最不重要的 -

恭喜，你做到了！

您加入了 Shopify 商店俱樂部，這些商店通過彈出廣告系列來轉化訪問者。 創建廣告系列、試驗優惠並發展您的業務。

如何向 Shopify 添加彈出窗口：摘要

Shopify 彈出窗口可以成為您領先的現場營銷和潛在客戶生成技術。 創建您的第一個廣告系列，為訪問者嘗試不同的方法和激勵措施，並見證您的業務以前所未有的方式增長。

試一試，您會看到 Shopify 彈出窗口可以在自動駕駛儀上生成數千條潛在客戶。