如何在 Wix 上添加彈出窗口:簡單指南

已發表: 2021-11-30

想在 Wix 上添加彈出窗口嗎?

這是一個偉大的決定。 彈出窗口非常適合潛在客戶生成、銷售和營銷。 他們可以通過提供穩定的潛在客戶來源來真正幫助您的業務發展。

在這裡,您將學習如何輕鬆免費地在 Wix 上添加彈出窗口。

讓我們開始!

創建我的第一個彈出窗口

為什麼要向 Wix 添加彈出窗口?

還在猶豫為什麼需要一個 Wix 彈出窗口? 讓我給你五個很好的理由來幫助你做出決定:

  • 更快的潛在客戶生成
  • 流量轉化增加
  • 幫助客戶瀏覽您的網站
  • 收集有價值的訪客反饋
  • 有效促進銷售和特別優惠

如您所見,彈出窗口用途廣泛且可自定義,因此您可以使用它們來實現不同的營銷和銷售目標。

但事情是這樣的——

使用 Wix 彈出窗口實現出色的結果需要了解一些最佳實踐。 以下是一些您可以學習的案例研究:

  • 彈出窗口帶來 5,000 多封電子郵件
  • 瀝青如何每月產生 4,000 條潛在客戶
  • 這家藝術企業通過彈出窗口收集了 3,800 封電子郵件來促進銷售

考慮到這一點,讓我們學習如何在 Wix 上添加彈出窗口。

如何向 Wix 網站添加彈出窗口

按照這些簡單的說明在大約一個小時內開始在您的 Wix 網站上運行彈出廣告系列。

第 1 步:獲取 Wisepops 帳戶 [免費]

要將彈出窗口添加到您的 Wix 網站,我們需要一個彈出窗口創建者。

在本教程中,我將使用我們自己的應用程序Wisepops 。 它簡單、有效,在 GetApp 上獲得4.9 星評分(滿分 5 星)。

首先,前往Wisepops 註冊頁面並註冊。

在那裡,您會看到兩個註冊選項:Gmail(點擊Google 登錄)或傳統的(添加您的姓名、電子郵件和密碼)。

選擇您喜歡的方式繼續。

Wisepops 註冊

對於本教程,我選擇了傳統方式。

添加登錄詳細信息後,在下一個窗口中添加您的網站和公司詳細信息。 要創建您的免費帳戶,請同意服務條款並單擊開始我的免費試用

Wisepops 註冊信息

注意:創建 Wisepops 帳戶並不意味著您會自動將彈出窗口添加到您的 Wix 網站。 接下來我們將這樣做。

第 2 步:將彈出窗口添加到您的 Wix 網站

現在,我們在 Wisepops 儀表板中。

要真正為您的網站添加彈出功能,您需要在 Wix 管理面板中嵌入一些代碼。 這很容易,我現在將引導您完成它。

單擊 Wisepops 儀表板頂部的獲取我的設置代碼

Wisepops 設置代碼

單擊後,此按鈕將顯示代碼(見下圖)。

複製代碼並按照安裝說明進行操作。 您需要登錄到您的 Wix 面板並將代碼粘貼到您想要彈出窗口的頁面末尾。

Wisepops Wix 設置代碼

單擊返回網站並通過單擊屏幕左上角的 Wisepops 徽標返回儀表板。

是時候切換到 Wix 了。

首先,前往你的 Wix 編輯器。

在那裡,轉到“高級”部分中的“設置” >“自定義代碼”。

Wix 編輯器設置代碼

接下來,您將在一個小窗口中找到您網站的代碼。

單擊右上角的+添加自定義代碼以編輯代碼。 請記住,代碼必須位於 <body> 標記之前。

蠟自定義代碼
Wisepops 自定義代碼

詳細的 Wix 說明:如何將自定義代碼嵌入您的網站[Wix 幫助中心]

想知道您是否可以在不先添加代碼的情況下創建彈出窗口?

是的!

代碼將始終在儀表板中可用,所以不用擔心。 隨意開始練習設計彈出窗口。


在安裝方面需要幫助?

通過實時聊天(Wisepops 內的右下角)向我們發送消息以獲取幫助。 除非我們樂於助人的客戶支持團隊首先向您發送消息
Wisepops 歡迎電子郵件

第 3 步:創建您的第一個彈出廣告系列

現在,讓我們回到 Wisepops 儀表板——是時候創建一個彈出窗口了!

要開始,請點擊新建廣告系列

Wisepops 創建新的廣告系列

Wisepops 將為您提供兩種方法來實現這一目標:使用活動助理或自定義活動。

如果您是第一次創建彈出廣告系列,請考慮選擇廣告系列助手。 對於初學者來說,這是一個更簡單的選擇,因此我們將在本教程中選擇它。

Wisepops 競選助理

第 4 步:選擇活動目標

現在,我們決定創建廣告系列的目的。

目標取決於您的業務目標。 例如,您可能想要建立一個電子郵件列表、產生折扣銷售、調查客戶或共享與客戶服務相關的通知。

對於此廣告系列,讓我們選擇擴大您的受眾群體。 這意味著我們將為您的 Wix 網站創建一個訂閱彈出窗口,以接收來自訪問者的電子郵件。

Wisepops 擴大你的聽眾

接下來,選擇增加受眾的方式。

在下一個窗口中,您將看到許多激勵電子郵件註冊的選項(優惠券、贈品、旋轉獲勝彈出窗口)。

選擇時事通訊繼續。

Wisepops 時事通訊目標
想探索更多方法來擴大您的業務受眾嗎?

這些指南提供了有關 Wisepops 提供的其他方法的提示:
如何創建旋轉獲勝彈出窗口
如何使用彈出窗口生成電子郵件註冊
創建最佳時事通訊註冊表單的指南

第 5 步:選擇彈出模板

單擊時事通訊後,您將被重定向到時事通訊模板庫。 在那裡,您可以選擇未來彈出窗口的外觀。

對於此廣告系列,我們選擇第二個模板。 這是您網站上此模板的預覽(您必須登錄並將網站添加到您的帳戶)。

Wisepops 通訊選項

此外,您可以預覽網站上的任何模板 — 只需單擊將鼠標懸停在模板上時出現的預覽按鈕。

在選擇模板時遇到問題?

沒問題!

您可以隨時在您的網站上預覽所選模板。

只需轉到我們的彈出預覽工具並選擇要在您的網站上查看的模板。

(注意:這不會影響您的任何廣告系列!)
Wisepops 彈出預覽工具

第 6 步:自定義廣告系列

現在,我們已經到了活動編輯器。

讓我們開始自定義 Wix 彈出窗口以反映您的品牌。 這很簡單:只需將鼠標懸停在元素上即可查看允許編輯的按鈕。

例如,將鼠標懸停在標題上以查看此編輯按鈕。

Wisepops 彈出窗口生成器

要自定義廣告系列,請更改以下元素:

  • 圖片
  • 配色方案
  • CTA 按鈕文本
  • 正文(標題和描述)

關於設計(包括您的 Wix 彈出文本、圖像和顏色)的經驗法則是使其反映您網站的顏色和字體。 這種策略有助於製作一個感覺像是其自然部分的彈出窗口。

設計您的第一個彈出窗口的靈感如何? 看看這些:

40 個驚人的電子郵件彈出示例
20個華麗的彈出式設計示例
20 個帶有設計提示的退出意圖彈出示例

第 7 步:選擇何時顯示廣告系列

彈出時間可能會對轉化產生重大影響。

您可以顯示您的彈出廣告系列:

  • 登陸時(當訪問者打開頁面時)
  • 定時(在頁面上的特定時間後顯示)
  • 退出意圖(當訪客試圖離開時顯示)
  • 滾動時(當訪問者到達頁面的某個百分比時)

要配置彈出時間—

轉到“顯示”主菜單選項中的“觸發器”部分。

讓我們為我們的廣告系列選擇On Exit選項。 我們的客戶報告說,退出意圖廣告系列的效果比傳統彈出廣告高 5%。

Wisepops 退出顯示場景

想了解更多關於退出意圖彈出窗口的信息嗎?

這個關於如何創建高性能退出意圖彈出窗口的指南應該很有用。

第 8 步:激活您的廣告系列

在您的彈出廣告活動上線之前僅剩一步。

這是一個簡單的。

保存您的廣告系列(“保存”按鈕始終位於廣告系列編輯器的左上角),然後單擊“廣告系列”以轉到儀表板。

在那裡,將切換開關設置為打開(正確位置,如圖所示)以激活您的廣告系列。

Wix 活動激活

應該會出現一條通知,表明您的廣告系列已上線。

已啟用 Wix 廣告系列

就是這樣,您製作並激活了您的第一個 Wix 彈出廣告活動。

做得好!

下一步是什麼?

監控活動績效。

連接您的電子郵件提供商,以便更輕鬆地管理潛在客戶。

創建和測試更多彈出廣告活動以嘗試不同的營銷策略。

這些可能是您從 Wix 彈出窗口中獲得更多價值的下一步。 如果您想這樣做,請查看這些資源以了解更多技巧:

  • 黑色星期五彈出式營銷策略
  • 立即在您的彈出窗口上進行 5 個拆分測試
  • 6 個彈出式 A/B 測試將有助於增加電子郵件註冊

我們的幫助中心產品導覽也應該會有所幫助。

祝您的 Wix 網站上的彈出廣告系列好運!