LanderLab 編輯器開著一個太陽能登陸頁,彈窗面板中有一個彈窗「太陽能省錢彈窗」,設定為離站意圖時開啟。彈窗的設定都是真的控制項:觸發條件、位置、動畫、顯示頻率、背景遮罩與關閉按鈕。按「播放」即可像訪客一樣預覽。
用電子郵件取得你的節省估算。
今天就寄出你家屋頂的估價。不會有業務來電。
打電話給我們
和太陽能顧問聊聊你家的屋頂。
週一至週六,上午 8 點至晚上 8 點
在此輸入你的標題
在此輸入段落文字。用這個空間向訪客傳達你的訊息。
別讓你的進度停滯!
選一個觸發條件,再按「播放」,像訪客一樣看它開啟。
為什麼內建
頁面和彈窗,用同一個編輯器。
舊做法
- 「又一個彈窗工具,頁面上又多一個腳本。」
- 「彈窗看起來跟登陸頁不搭。」
- 「每次瀏覽頁面都跳出來,次次如此。」
- 「在手機上,捲動觸發太晚才啟動。」
觸發條件
在訪客準備好時開啟,而不是一進站就跳出。
每個彈窗在「彈窗」分頁中都有自己的觸發條件。設定延遲秒數,或為電腦、平板與手機分別設定捲動深度。
頁面載入中,彈窗隨著訪客到達而開啟。
頁面載入時
訪客一到就開啟。適合必須最先被看到的優惠。
頁面上的計時器從 4 秒開始倒數,接著彈窗開啟。
延遲後
在你設定的秒數後開啟,讓訪客先有時間閱讀。
頁面捲過電腦版 50%、手機版 30% 的位置,接著彈窗開啟。
捲動時
捲動到頁面一定比例時開啟,電腦、平板與手機各有自己的深度。
游標往上移出頁面、移向瀏覽器分頁列,接著彈窗開啟。
離站意圖
訪客要去點分頁列時開啟,在點擊流失前送上最後一個優惠。
01開啟
從按鈕開啟
把頁面上任何按鈕或連結設為 PopUp / Modal 動作,它就會開啟彈窗,而不是離開頁面。把彈窗的觸發條件設為「手動」,它就會等那一下點擊。
- 讓優惠、表單或補充資訊只差一次點擊
- 和其他連結一樣,把這次點擊追蹤為轉換
- Stripe 結帳完成付款後可開啟彈窗
02程式碼
彈窗 API
用 window.llPopupsApi,從你自己的腳本開啟、關閉、切換或永久關閉任何彈窗。在彈窗面板複製彈窗的 ID,再把程式碼放進「自訂程式碼」元素。
- close() 代表「晚點再說」,dismiss() 代表「不要再顯示」
- 不填 ID,就會作用在頁面上的所有彈窗
- 呼叫 open() 會重新開啟訪客已關閉的彈窗
03銷售
付款後的彈窗
在用 Stripe Checkout 銷售的頁面上,選擇付款完成後要發生什麼事。開啟彈窗顯示下一個優惠、感謝訊息或預約連結,買家完全不必離開頁面。
- 停留在頁面、轉址、前往元素或開啟彈窗
- 單次或定期付款
- 信用卡資料直接送到 Stripe
顯示頻率
顯示一次就好,不是每次瀏覽都跳。
開啟「僅顯示一次」,彈窗每個工作階段只觸發一次;開啟「關閉後不再顯示」,訪客關掉後 30 天內都不再出現。預覽連結會忽略這兩個設定,所以你想測幾次都行。
一般
預覽連結永遠不會讀取或寫入這兩個設定,所以測試時彈窗一定會開啟。
- 第 1 天 9:12工作階段 1從 Meta 廣告進站,關掉彈窗彈窗開啟保持關閉觸發條件生效。訪客把它關掉。
- 第 1 天 9:15工作階段 1重新整理頁面彈窗開啟保持關閉沒有任何設定擋住,所以它再次開啟。
- 第 3 天 20:40工作階段 2從再行銷廣告回來彈窗開啟保持關閉新的工作階段,所以它再次開啟。
- 第 32 天 10:05工作階段 330 天後回來彈窗開啟保持關閉已超過 30 天,所以它再次開啟。
運作方式
三個步驟,把彈窗放上頁面。
- 01
新增彈窗
在編輯器左側欄打開彈窗面板,點「新增彈窗」並挑選範本,或選「空白」從零開始。
- 02
建立內容並設定觸發條件
拖入表單、問卷、倒數計時或按鈕,再選擇它何時開啟、放在哪裡、用什麼動畫出現。
- 03
預覽,然後發布
按「播放」在即時模式中看它開啟,然後發布。它會和登陸頁的其他部分一起在上線頁面運作。
名單去向
彈窗註冊和頁面的名單去同一個地方。
彈窗裡的表單就是頁面上的表單。把每筆名單送到你的電子郵件行銷平台、CRM 或買家。
開始之前
彈窗編輯器要另外付費嗎?
不用。彈窗是每個方案頁面編輯器的一部分,不是加購項目。各方案的差別在於造訪次數、已發布頁面、網域與使用者數。Free 方案每月提供 2,500 次造訪與 5 個已發布頁面,免綁信用卡。
彈窗裡可以放什麼?
任何你會放在頁面上的元素:標題與文字、圖片與影片、按鈕、表單、問卷漏斗、轉址連結、倒數計時器與自訂程式碼。你也可以在彈窗裡使用 AI 產生器撰寫或改寫內容。
要怎麼避免它一再出現?
開啟「僅顯示一次」,每個工作階段只觸發一次;或開啟「關閉後不再顯示」,訪客關掉後 30 天內都不再出現。預覽連結會忽略這兩個設定,所以測試時彈窗一定會開啟。
可以用按鈕開啟彈窗,而不是用觸發條件嗎?
可以。把按鈕的連結動作設為 PopUp / Modal。如果彈窗只該從那個按鈕、連結或你用彈窗 API 寫的程式碼開啟,就把觸發條件設為「手動」。
頁面上線前要怎麼檢查?
編輯時編輯器不會執行腳本,所以請按下底部工具列的「播放」切換到即時模式,就能像訪客一樣看到彈窗開啟。按「鉛筆」即可回到編輯。
在手機上也能用嗎?
可以。捲動觸發可為電腦、平板與手機分別設定深度,發布前也能用編輯器的裝置切換,在每種螢幕上查看彈窗。