外觀
銷售頁按鈕設定
實務上,許多客戶會用 ZenbuWebinar 搭配外部銷售頁 / 落地頁收單:銷售頁本身用其他工具(WordPress、Webflow、銷售頁產生器)做,最後的「立即報名」按鈕連到 ZenbuWebinar 的 LIFF 網址。這頁說明怎麼把連結配好,讓桌機 / 手機都能順暢進到報名流程。
預期流程
當銷售頁的「立即報名」按鈕指向 ZenbuWebinar 場次的 LIFF 網址時,用戶體驗會是:
使用情境:李太太從 Facebook 廣告點到銷售頁,再點報名
- 李太太在 Facebook 看到你的廣告,點進去落地到你的銷售頁
- 她滑到底看到「免費報名 4/28 直播」按鈕,按下去
- (桌機)瀏覽器自動跳 LINE 授權頁,李太太用手機 LINE 掃 QR、或在桌機 LINE App 登入
- 出現「加入好友」按鈕頁,她按下去成為你官方帳號的好友
- 回到場次詳情頁,已是登入狀態 + 已加好友,按「繼續報名」直接填表完成
- 同時你的官方帳號後台會收到她的好友訊號,自動觸發歡迎訊息流程
從哪裡拿到 LIFF 網址?
每場研討會都有兩種網址:
| 用途 | 網址格式 | 怎麼複製 |
|---|---|---|
| LIFF 網址(給用戶報名用) | https://liff.line.me/{liffId}?session={sessionId} | 「研討會管理 → 場次列表」每一列的「複製連結」按鈕 |
| 後台網址(內部使用) | https://你的後台網域/admin/sessions/{id}/edit | 點場次標題進入編輯頁,網址列就是 |
銷售頁的按鈕一律放 LIFF 網址,不要放後台網址。LIFF 網址有兩個好處:
- 在 LINE App 內點,會自動進入內嵌瀏覽器,不需要用戶登入
- 在外部瀏覽器(桌機 Chrome / Safari、手機 Mobile Safari)點,會自動引導用戶完成 LINE 登入
一次性設定(LINE Developers Console)
要讓桌機用戶看到「加入好友」中間頁,必須在 LIFF 那邊先做兩個設定:
1. 綁定 LINE 官方帳號到 LIFF channel
到 LINE Developers Console → 你的 Provider 確認:
- 你的 LINE Login channel(LIFF 所屬)與 Messaging API channel(官方帳號)屬於同一個 Provider
- LIFF channel 設定頁找到「Linked LINE Official Account」,選擇要綁定的官方帳號
注意事項:兩個 channel 必須同一個 Provider
這是 LINE 平台的規定。如果不同 Provider,後台會找不到綁定選項。需要把 channel 搬到同一個 Provider 底下才能繼續。
2. 打開 LIFF endpoint 的「Add friend option」
到該 LIFF channel 的 LIFF tab,點開你要使用的 LIFF app,把 Add friend option 改成:
On (Aggressive)三種選項的差別:
| 選項 | 行為 |
|---|---|
Off | 不出現加好友引導(預設) |
On (Normal) | 授權頁底下多一個 checkbox「同時加入好友」 |
On (Aggressive) | 授權完成後獨立跳一個全螢幕的「加入好友」按鈕頁 |
選 Aggressive 體驗最直接,用戶幾乎不會錯過。
問題:選 Normal 跟 Aggressive 差很多嗎?
很多。Normal 模式底下的 checkbox 預設打勾,但用戶在快速點過授權頁時很容易連同 checkbox 一起跳過、看都沒看。Aggressive 強制獨立一頁、文案大方塊明顯,加好友轉換率明顯高。
銷售頁端要做什麼?
幾乎不用做什麼,把 LIFF 網址放進按鈕的 href、<a> 標籤或 button 連結欄位即可:
html
<a href="https://liff.line.me/2009742378-XXXX?session=abc123"
class="cta-button"
target="_blank"
rel="noopener">
免費報名 4/28 直播
</a>幾個小建議:
target="_blank"— 開新分頁,用戶報完名還能回到原本的銷售頁繼續看- 不要用 iframe 包 LINE 授權頁 — LINE 的 OAuth 頁有
X-Frame-Options: DENY防護,會被瀏覽器擋成空白 - 不要做「先彈出 modal 提醒要登入 LINE」這種設計 — 直接點就走,多一層 modal 反而提升放棄率
多場次怎麼辦?
如果你的銷售頁是「總覽頁」、要列出多場研討會,幾種做法:
- 單一連結指向場次列表頁:使用 LIFF 網址
https://liff.line.me/{liffId}/(不加?session=),用戶進去後在 LIFF 內挑場次。適合場次多、各有不同目標族群時 - 每場一顆按鈕:每個按鈕都指向
https://liff.line.me/{liffId}?session={該場 id},用戶點哪顆就直接進該場詳情頁。適合銷售頁本身已介紹每場內容時 - 同場次多 occurrence(重複播放):LIFF 進到場次詳情頁後,用戶會看到下拉選單選時段,不用為每個 occurrence 開不同按鈕
廣告追蹤怎麼接?
若銷售頁掛了 Meta Pixel / Google Analytics,按鈕點擊本身可在銷售頁端追蹤(按鈕 click event);報名完成的 conversion event 則由 ZenbuWebinar 後台的「行銷設定 → 廣告追蹤事件」自動發送到對應的 pixel,不需要在銷售頁額外串接。詳見「廣告追蹤事件」。
注意事項:UTM 參數會跟著進 LIFF 嗎?
會、但只在那次工作階段。LIFF 網址後面的 ?utm_source=fb&utm_medium=cpc&... 進到 ZenbuWebinar 後,會被記在用戶當次報名的 referrer 欄位。若用戶離開又回來重新報,UTM 就消失了。所以重要的歸因要靠廣告平台自家的 click-id(fbclid / gclid)追,UTM 只當輔助參考。