跳到主要內容

銷售頁按鈕設定

實務上,許多客戶會用 ZenbuWebinar 搭配外部銷售頁 / 落地頁收單:銷售頁本身用其他工具(WordPress、Webflow、銷售頁產生器)做,最後的「立即報名」按鈕連到 ZenbuWebinar 的 LIFF 網址。這頁說明怎麼把連結配好,讓桌機 / 手機都能順暢進到報名流程。

預期流程

當銷售頁的「立即報名」按鈕指向 ZenbuWebinar 場次的 LIFF 網址時,用戶體驗會是:

使用情境:李太太從 Facebook 廣告點到銷售頁,再點報名

  1. 李太太在 Facebook 看到你的廣告,點進去落地到你的銷售頁
  2. 她滑到底看到「免費報名 4/28 直播」按鈕,按下去
  3. (桌機)瀏覽器自動跳 LINE 授權頁,李太太用手機 LINE 掃 QR、或在桌機 LINE App 登入
  4. 出現「加入好友」按鈕頁,她按下去成為你官方帳號的好友
  5. 回到場次詳情頁,已是登入狀態 + 已加好友,按「繼續報名」直接填表完成
  6. 同時你的官方帳號後台會收到她的好友訊號,自動觸發歡迎訊息流程

從哪裡拿到 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 只當輔助參考。