先做好彈窗,再選它開啟的時機。

你花錢買來的點擊,大多沒轉換就離開了。從範本或空白彈窗開始,用和頁面相同的元素打造,並設定在載入時、延遲後、捲動到特定深度或離站意圖時開啟。

永久免費方案,免綁信用卡。G24.9Trustpilot4.6

LanderLab 編輯器開著一個太陽能登陸頁,彈窗面板中有一個彈窗「太陽能省錢彈窗」,設定為離站意圖時開啟。彈窗的設定都是真的控制項:觸發條件、位置、動畫、顯示頻率、背景遮罩與關閉按鈕。按「播放」即可像訪客一樣預覽。

選一個觸發條件,再按「播放」,像訪客一樣看它開啟。

為什麼內建

頁面和彈窗,用同一個編輯器。

舊做法

  • 「又一個彈窗工具,頁面上又多一個腳本。」
  • 「彈窗看起來跟登陸頁不搭。」
  • 「每次瀏覽頁面都跳出來,次次如此。」
  • 「在手機上,捲動觸發太晚才啟動。」

LanderLab 的做法

  • 「彈窗直接在頁面編輯器裡打造。」
  • 「和頁面相同的元素、字體與顏色。」
  • 「僅顯示一次,或關閉後 30 天不再顯示。」
  • 「每種裝置各有自己的捲動深度。」
免費開始

觸發條件

在訪客準備好時開啟,而不是一進站就跳出。

每個彈窗在「彈窗」分頁中都有自己的觸發條件。設定延遲秒數,或為電腦、平板與手機分別設定捲動深度。

  • 頁面載入中,彈窗隨著訪客到達而開啟。

    頁面載入時

    訪客一到就開啟。適合必須最先被看到的優惠。

  • 頁面上的計時器從 4 秒開始倒數,接著彈窗開啟。

    延遲後

    在你設定的秒數後開啟,讓訪客先有時間閱讀。

  • 頁面捲過電腦版 50%、手機版 30% 的位置,接著彈窗開啟。

    捲動時

    捲動到頁面一定比例時開啟,電腦、平板與手機各有自己的深度。

  • 游標往上移出頁面、移向瀏覽器分頁列,接著彈窗開啟。

    離站意圖

    訪客要去點分頁列時開啟,在點擊流失前送上最後一個優惠。

01開啟

從按鈕開啟

把頁面上任何按鈕或連結設為 PopUp / Modal 動作,它就會開啟彈窗,而不是離開頁面。把彈窗的觸發條件設為「手動」,它就會等那一下點擊。

  • 讓優惠、表單或補充資訊只差一次點擊
  • 和其他連結一樣,把這次點擊追蹤為轉換
  • Stripe 結帳完成付款後可開啟彈窗

02程式碼

彈窗 API

用 window.llPopupsApi,從你自己的腳本開啟、關閉、切換或永久關閉任何彈窗。在彈窗面板複製彈窗的 ID,再把程式碼放進「自訂程式碼」元素。

  • close() 代表「晚點再說」,dismiss() 代表「不要再顯示」
  • 不填 ID,就會作用在頁面上的所有彈窗
  • 呼叫 open() 會重新開啟訪客已關閉的彈窗

03銷售

付款後的彈窗

在用 Stripe Checkout 銷售的頁面上,選擇付款完成後要發生什麼事。開啟彈窗顯示下一個優惠、感謝訊息或預約連結,買家完全不必離開頁面。

  • 停留在頁面、轉址、前往元素或開啟彈窗
  • 單次或定期付款
  • 信用卡資料直接送到 Stripe

顯示頻率

顯示一次就好,不是每次瀏覽都跳。

開啟「僅顯示一次」,彈窗每個工作階段只觸發一次;開啟「關閉後不再顯示」,訪客關掉後 30 天內都不再出現。預覽連結會忽略這兩個設定,所以你想測幾次都行。

一般

僅顯示一次每個工作階段只觸發一次
關閉後不再顯示記住關閉狀態 30 天

預覽連結永遠不會讀取或寫入這兩個設定,所以測試時彈窗一定會開啟。

  1. 第 1 天 9:12工作階段 1從 Meta 廣告進站,關掉彈窗彈窗開啟觸發條件生效。訪客把它關掉。
  2. 第 1 天 9:15工作階段 1重新整理頁面彈窗開啟沒有任何設定擋住,所以它再次開啟。
  3. 第 3 天 20:40工作階段 2從再行銷廣告回來彈窗開啟新的工作階段,所以它再次開啟。
  4. 第 32 天 10:05工作階段 330 天後回來彈窗開啟已超過 30 天,所以它再次開啟。

彈窗值得嗎?分流測試看看。

在廣告既有的網址上,讓有彈窗的版本和沒有彈窗的版本對測,交給名單來決定。Grow 以上方案提供 A/B 測試。

運作方式

三個步驟,把彈窗放上頁面。

  1. 01

    新增彈窗

    在編輯器左側欄打開彈窗面板,點「新增彈窗」並挑選範本,或選「空白」從零開始。

  2. 02

    建立內容並設定觸發條件

    拖入表單、問卷、倒數計時或按鈕,再選擇它何時開啟、放在哪裡、用什麼動畫出現。

  3. 03

    預覽,然後發布

    按「播放」在即時模式中看它開啟,然後發布。它會和登陸頁的其他部分一起在上線頁面運作。

名單去向

彈窗註冊和頁面的名單去同一個地方。

彈窗裡的表單就是頁面上的表單。把每筆名單送到你的電子郵件行銷平台、CRM 或買家。

FAQ

關於彈窗編輯器的問題。

這裡沒有的,可以到說明中心找,或直接問我們。

開始之前

彈窗編輯器要另外付費嗎?

不用。彈窗是每個方案頁面編輯器的一部分,不是加購項目。各方案的差別在於造訪次數、已發布頁面、網域與使用者數。Free 方案每月提供 2,500 次造訪與 5 個已發布頁面,免綁信用卡。

彈窗裡可以放什麼?

任何你會放在頁面上的元素:標題與文字、圖片與影片、按鈕、表單、問卷漏斗、轉址連結、倒數計時器與自訂程式碼。你也可以在彈窗裡使用 AI 產生器撰寫或改寫內容。

要怎麼避免它一再出現?

開啟「僅顯示一次」,每個工作階段只觸發一次;或開啟「關閉後不再顯示」,訪客關掉後 30 天內都不再出現。預覽連結會忽略這兩個設定,所以測試時彈窗一定會開啟。

可以用按鈕開啟彈窗,而不是用觸發條件嗎?

可以。把按鈕的連結動作設為 PopUp / Modal。如果彈窗只該從那個按鈕、連結或你用彈窗 API 寫的程式碼開啟,就把觸發條件設為「手動」。

頁面上線前要怎麼檢查?

編輯時編輯器不會執行腳本,所以請按下底部工具列的「播放」切換到即時模式,就能像訪客一樣看到彈窗開啟。按「鉛筆」即可回到編輯。

在手機上也能用嗎?

可以。捲動觸發可為電腦、平板與手機分別設定深度,發布前也能用編輯器的裝置切換,在每種螢幕上查看彈窗。

在每次點擊離開前,再給它一個優惠。

免費開始,從範本新增彈窗、選擇開啟時機,並在發布前用即時模式看它運作。

從一段提示到合格名單

看一段提示如何變成上線的太陽能報價漏斗,每筆名單都送到你的買家,漏洞也在吃掉預算之前就被標出來。

0:00
0:59